/* CSS rules that are specific to a single page */

/*region BankPaymentImport */
.body--bankpaymentsimport .fixed-header {
  position: relative;
}

.body--bankpaymentsimport #content {
  padding-top: 10px;
}

.paymentsImportIcons {
  display: block;
  width: 17px;
  height: 17px;
  margin-right: 10px;
  float: left;
}

.paymentsImportIcons.referenceNumber {
  background: transparent url("/assets/ctx/11afca02/layout/images/ico_reference.png") 50% 50% no-repeat;
  background-size: 17px;
}

.paymentsImportIcons.description {
  background: transparent url("/assets/ctx/a3f0fbfa/layout/images/ico_description.png") 50% 50% no-repeat;
  background-size: 17px;
}

.paymentsImportIcons.otherSide {
  background: transparent url("/assets/ctx/c27d1725/layout/images/ico_other_side.png") 50% 50% no-repeat;
  background-size: 17px;
}

.paymentsImportIcons.otherSide.otherSideRed {
  background: transparent url("/assets/ctx/3bf5a1e4/layout/images/ico_other_side_red.png") 50% 50% no-repeat;
  background-size: 17px;
}
/*endregion*/

.business-years tr > td[data-grid-property="startDate"] {
  font-size: 14px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*region BillingSettings */

.billingMethods {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: stretch;
}
@media screen and (min-width: 576px) {
  .billingMethods {
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) {
  .billingMethods {
    max-width: 66%;
  }
}

.oneBillingMethod {
  flex: 1;
}

.billingMethods .oneBillingMethod {
  background-color: #58a384;
  color: #fff;
}

.billingMethods .billingMethodName {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 15px;
}

.billingMethods input[type="radio"] {
  display: none;
}

.billingMethods input[type="radio"].led-checkbox ~ label span {
  width: 25px;
  height: 25px;
  margin: -1px 10px 0 0;
  background-color: #82b66c;
  transition: all 0.3s;
  background-position: 50% 50%;
  background-size: 22px;
}

.billingMethods input[type="radio"].led-checkbox:checked ~ label span {
  background: #ceda54 url("/assets/ctx/7d67278c/layout/images/ico-checked.png") 50% 50% no-repeat;
  background-size: 22px;
}
/*endregion*/

/*region BusinessYearHelpReport */
.largeBuyeName {
  font-size: 14px;
  color: #2d698a;
}
/*endregion*/

/*region Communication */
.commReply {
  padding: 5px 5px 5px 45px;
  margin-left: 10px;
  border-bottom: 2px solid #efefef;
  background: url("/assets/ctx/5e30d4f2/layout/images/ico-commenter.png") 5px 5px no-repeat;
}

.commReply.comm0:hover,
.commReply.comm1:hover {
  background-color: #fcfcf7;
}

.commReply.comm0 {
  background-color: #fff;
}

.commReply.comm1 {
  background-color: #f9f9f9;
}

.commReplyCommenter {
  font-size: 14px;
  padding: 5px 0 3px 0;
  color: #333;
}

.commReplyContent {
  font-size: 12px;
  line-height: 1.5em;
  padding: 3px 0;
}

.commWriteArea .inputWrapper {
  padding-right: 20px;
}

.commWriteArea {
  background-color: #e5ebec;
  padding: 10px;
}

.commWriteArea .content {
  border: 1px solid #ddd;
  padding: 10px;
}

.input-heading {
  font-size: 14px;
  padding: 3px 10px;
  box-sizing: border-box;
  width: 100%;
  color: #333;
}

.commWriteArea .input-heading.large {
  font-size: 16px;
  color: #4798c4;
}

.post {
  line-height: 1.4em;
  color: #333;
  font-size: 14px;
  background-color: #fff;
  padding: 10px;
  min-height: 50px;
  width: 100%;
  box-sizing: border-box;
}

.commWriteArea .otherParams,
.otherParams {
  margin-top: 2px;
  padding: 5px;
}

.commCurrentStatus {
  background: #fff url("/assets/ctx/5e48f577/layout/images/ico-info.png") 5px 7px no-repeat;
  background-size: 20px;
  border: 1px solid #ddd;
  padding: 5px 5px 5px 30px;
  float: right;
  width: 250px;
}

.commCurrentStatus .hdng {
  color: #94b7c6;
  font-size: 16px;
  line-height: 17px;
  margin-bottom: 5px;
}

.commCurrentStatus .led-row {
  height: 15px;
}

.commWriteArea .comp-table input,
.commWriteArea .comp-table select {
  font-size: 12px;
}

.commWriteArea .comp-table td {
  border: none;
}

.feedbackComment {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
  padding: 2px;
  font-size: 10px;
  line-height: 1.3em;
}

.comments tr td.assignedProfileRefNum {
  padding-top: 7px;
}

/*region .communication comments table*/
.comments tbody tr td {
  vertical-align: top;
}

.comments tbody tr.row1 td {
  background-image: none;
  background-color: #f9f9f9;
}

.comments tbody tr.row1:hover td {
  background-color: #dde1ff;
}

.comments tbody tr td a {
  line-height: 14px;
}

.comments td {
  padding: 2px;
}

.comments .commHeading {
  min-width: 100px;
  padding: 5px 10px;
}

.comments .commIcon {
  min-height: 50px;
  width: 42px;
  padding-top: 5px;
  padding-left: 5px;
  float: left;
}

.comments .commIcon.unread {
  background: url("/assets/ctx/6fed3530/layout/images/bck-required.png") 0 6px no-repeat;
}

.comments .commDescr {
  font-size: 12px;
  line-height: 1.3em;
  float: left;
  width: 90%;
}

.comments .commDescr div {
  font-weight: bold;
  margin-bottom: 10px;
}
/*endregion*/

.serviceProvider {
  padding: 5px;
  margin: 0 0;
  border-top: 1px solid #efefef;
  min-height: 180px;
}

.serviceProvider:hover {
  background-color: #f9f9f9;
}

.serviceProvider .heading {
  font-size: 16px;
  color: #333;
  line-height: 1.1em;
  margin-left: 10px;
  padding-bottom: 2px;
}

.serviceProvider .content {
  line-height: 1.2em;
  padding-left: 10px;
  color: #555;
  width: 100%;
  max-width: 460px;
}

.serviceProvider .location {
  color: #999;
  line-height: 1.3em;
  padding-top: 5px;
}

.serviceProvider .smallLogo {
  width: 150px;
  height: 85px;
  overflow: hidden;
  float: left;
}

.serviceProvider .feedbackRating {
  width: 75px;
  height: 50px;
  border: 1px solid #f9f9f9;
  background-color: #fff;
  padding-top: 5px;
}

.serviceProvider .feedbackRating .sc {
  width: 53px;
  height: 27px;
  line-height: 27px;
  font-size: 18px;
  text-align: center;
  color: #4798c4;
  margin: 3px 10px;
}

.serviceProvider .feedbackRating .lb {
  width: 73px;
  height: 15px;
  line-height: 15px;
  color: #555;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .serviceProvider {
    width: 100%;
  }
}

/*endregion*/

/*region Currencies */
.currIcon {
  vertical-align: middle;
}

.currChange {
  padding-right: 5px;
  vertical-align: middle;
  height: 12px;
}

table .rate1,
table .rateInverse {
  text-align: right;
  padding-right: 5px;
}

table .rateDiff,
table .rate1Date,
table .rate1 {
  width: 150px;
}
/*endregion*/

/*region EInvoiceImport */
.noMoreInvoices {
  margin-right: 60px;
  padding: 10px 45px 0 0;
  background: url("/assets/ctx/52c42f61/layout/images/btn-up.png") center right 15px no-repeat;
  background-size: 30px;
  float: right;
  font-size: 14px;
  max-width: 22em;
  color: var(--col-dark-blue);
}

/*endregion*/

/*region PeriodicInvoicesCompile*/
.groupingStart,
.groupingEnd,
.groupingMiddle {
  height: 16px;
  width: 5px;
  display: inline-block;
}

.groupingStart {
  border-right: 3px solid #90a4ae;
  border-top: 3px solid #90a4ae;
  border-radius: 0 5px 0 0;
}

.groupingMiddle {
  border-right: 3px solid #90a4ae;
}
.groupingEnd {
  border-right: 3px solid #90a4ae;
  border-bottom: 3px solid #90a4ae;
  border-radius: 0 0 5px 0;
}
/*endregion*/

/*region PersonInformation */
.previousLogin {
  background-color: #e9f3f7;
  padding: 10px;
  font-size: 12px;
}

.profileImages .profileImage {
  margin: 10px;
}
.profileImages input[type="radio"] {
  display: none;
}

.profileImages input[type="radio"] + label {
  border: 2px solid #fff;
  display: inline-block;
  padding: 5px;
  transition: all 0.2s;
  background-position: right 5px top 5px;
}

.profileImages input[type="radio"] + label div.helptext {
  display: inline-block;
}

.profileImages input[type="radio"]:checked + label {
  border: 2px solid #87bcd9;
  background: url("/assets/ctx/7d67278c/layout/images/ico-checked.png") right 5px top 5px no-repeat;
  background-size: 20px;
}

.person-information__settings-value {
  padding-bottom: 0.5em;
}

.person-information__settings-text {
  margin: 0.5em 0 2em 1em;
}
/*endregion*/

/*region Rmp */
.profileServices {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}

.profileServices li {
  background: #fff url("/assets/ctx/3be419a9/layout/images/ico-ok.png") 0 30% no-repeat;
  background-size: 16px;
  margin: 10px 0;
  padding-left: 25px;
  border-bottom: 1px solid #efefef;
}

.profileServices li:last-child {
  border-bottom: none;
}

.scoreBrdr {
  border: 1px solid #efefef;
  height: 20px;
  width: 240px;
  float: left;
  padding: 1px;
  position: relative;
}

.scoreBrdr .quality {
  position: absolute;
  top: 0;
  left: 10px;
  height: 20px;
  line-height: 20px;
  color: #fff;
}

.scoreBrdr .score {
  height: 20px;
  background: #d0e0e8;
}

.scoreAmount {
  float: left;
  padding-left: 5px;
  line-height: 24px;
  color: #444;
}
/*endregion*/

/*region UnhandledDocuments*/
.unhandled-documents-list {
  margin: 0 auto;
  width: 100%;
}

.unhandled-document-change-container {
  position: relative;
  width: 324px;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

.unhandled-document-change-container a {
  color: #efefef;
}

.unhandled-doc {
  width: 324px;
  height: 324px;
  border: 1px rgba(60, 75, 94, 0.5) solid;
  background-color: #ececec;
}

.undo-texts {
  position: absolute;
  bottom: 0;
  width: 324px;
  background-color: rgba(60, 75, 94, 0.5);
  color: #efefef;
  padding: 10px;
  transition: all 0.4s ease;
}

.undo-texts .undo-title {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #707a87;
  margin-bottom: 5px;
}

.undo-texts .undo-par-row {
  font-size: 9px;
}

.unhandled-document-change-container:hover .undo-texts {
  padding-bottom: 25px;
  background-color: rgba(63, 73, 85, 0.9);
}

.checkbox-on-top-of-picture {
  position: absolute;
  top: 10px;
  right: 5px;
}

/* Adds a little more space for iframe, needed so format info text doesn't disappear */
@media only screen and (max-width: 430px) {
  .iframe-unhandled-documents {
    height: 170px;
  }
}

/*endregion*/

/*region Salaries */
/*region .smallNotification */
.smallNotification {
  display: inline-block;
  min-height: 20px;
  border: 1px solid #f39242;
  margin-top: 1px;
  min-width: 70px;
  text-align: left;
  position: relative;
}

.smallNotification .icon {
  background: #f39242 url("/assets/ctx/fbea2931/layout/images/ico-exclamation-white.png") 50% 50% no-repeat;
  background-size: 2px;
  display: inline-block;
  height: 100%;
  width: 20px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.smallNotification .text {
  line-height: 20px;
  padding-top: 0;
  margin: 0 5px 0 3px;
  display: block;
  min-height: 20px;
  font-weight: bold;
  margin-left: 20px;
  float: right;
}
/*endregion*/
/*endregion*/

/*region Settings*/
.serviceActivatedOk {
  display: inline-block;
  background: #72a336 url("/assets/ctx/83b0ae37/layout/images/ico-ok-white.png") 10px 50% no-repeat;
  background-size: 25px;
  padding: 10px 40px 10px 50px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  width: 100%;
  max-width: 300px;
}
/*endregion*/

/*region WorkerAbsences*/
.jsAddEvent {
  background-color: #fff;
  display: none;
  z-index: 200;
  box-shadow: 1px 1px 2px #aaa;
}

.jsAddEvent .header {
  width: 100%;
  height: 30px;
  background-color: #73a8bc;
  padding-left: 10px;
  box-sizing: border-box;
  color: #fff;
  line-height: 30px;
}

.jsAddEvent .header span {
  padding-right: 20px;
}

.jsAddEvent .cancelNewEvent {
  display: block;
  width: 30px;
  height: 30px;
  background: #91baca url("/assets/ctx/ebdcb357/layout/images/btn-close-white.png") 50% 50% no-repeat;
  background-size: 12px;
  color: #fff;
  float: right;
  box-sizing: border-box;
}

.jsAddEvent .addEventContent {
  border: 5px solid #73a8bc;
  border-top: none;
  padding: 10px;
}

.createNewEvent {
  background: #73a8bc url("/assets/ctx/23a34cbf/layout/images/btn-add.png") no-repeat;
  background-size: 12px;
  background-position: 5px 50%;
  width: 100%;
  color: #fff;
  text-align: center;
  height: 25px;
  margin-top: 10px;
  line-height: 25px;
  cursor: pointer;
}

/*region WorkerAbsences .calendarMonth*/
.calendarMonth {
  width: 314px;
  float: left;
  min-width: 314px;
}

.calendarMonthsContainer {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}

@media screen and (max-width: 576px) {
  .calendarMonthsContainer {
    width: 320px;
  }
}

.calendarMonth .calendarContainer {
  width: 296px;
}

.calendarMonth .monthName {
  height: 35px;
  width: 294px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  background-color: #73a8bc;
}

.calendarMonth .monthName .arrow {
  display: inline-block;
  padding-left: 30px;
}

.calendarMonth .monthName .arrowRight {
  background: #b1cbd6 url("/assets/ctx/5091bf6e/layout/images/btn-page-next.png") 50% 50% no-repeat;
  background-size: 12px;
}

.calendarMonth .monthName .arrowLeft {
  background: #b1cbd6 url("/assets/ctx/21b1b2ce/layout/images/btn-page-prev.png") 50% 50% no-repeat;
  background-size: 12px;
}

.calendarMonth .calendarWeekday {
  float: left;
  width: 42px;
  height: 42px;
  border: 1px solid #ddd;
  background-color: #efefef;
  font-size: 13px;
  text-align: center;
  line-height: 40px;
}

.calendarMonth .calendarDay {
  float: left;
  width: 42px;
  height: 42px;
  border: 1px solid #efefef;
}

.calendarMonth .calendarDay .led-label {
  padding: 3px 3px 0 3px;
  display: inline-block;
  font-size: 12px;
}

.calendarMonth .calendarDay .event {
  font-size: 12px;
  text-align: center;
  float: right;
  margin-right: 3px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  border-radius: 9px;
  background-color: #ddd;
  color: #fff;
}

.calendarMonth .calendarDay .eventStart {
  background-color: #ec824f;
}

.calendarMonth .calendarDay.grey {
  color: #ddd;
}

.calendarMonth .calendarDay.hovering {
  background-color: #cddfe3 !important;
}

.disableHover .calendarDay:hover .eventContent {
  visibility: hidden !important;
}

.calendarMonth .calendarDay.weekend.grey {
  color: #ddd;
}

.calendarMonth .calendarDay.weekend {
  color: #ee5432;
  background-color: #f9f9f9;
}

.calendarMonth .calendarDay.current {
  background-color: #dbedf1;
  font-size: 1.2em;
}

.calendarMonth .eventContainer {
  position: relative;
}

.calendarMonth .calendarDay:hover .eventContent {
  visibility: visible;
}

.calendarMonth .eventContent {
  position: absolute;
  top: 22px;
  left: 0;
  visibility: hidden;
  width: 320px;
  border: 3px solid #73a8bc;
  background: #fff;
  box-shadow: 1px 1px 2px #aaa;
}

.calendarMonth .eventContent ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.calendarMonth .eventContent li {
  padding: 5px 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
}

.calendarMonth .eventContent ul li:last-child {
  border-bottom: none;
}

.calendarMonth .eventContent .heading {
  color: #fff;
  font-size: 14px;
  background: #73a8bc;
  padding: 10px;
}

.calendarMonth .eventContent .content {
  padding: 15px;
  margin: 0;
}

.calendarMonth .eventContent .content a {
  color: #555;
}
/*endregion*/
/*endregion*/

/*region PersonLogin and RegisterComp */
.sideBySideStrike {
  overflow: hidden;
  text-align: center;
}

.sideBySideStrike:before,
.sideBySideStrike:after {
  background-color: #ddd;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.sideBySideStrike:before {
  right: 0.5em;
  margin-left: -50%;
}

.sideBySideStrike:after {
  left: 0.5em;
  margin-right: -50%;
}
/*endregion*/