﻿.highlight-disabled[disabled='disabled'] {
  background: #a5b3b4;
  border: 1px solid #9eadae;
  color: #fff !important;
  -webkit-box-shadow: inset 0 1px 0 #aebbbc;
  -moz-box-shadow: inset 0 1px 0 #aebbbc;
  box-shadow: inset 0 1px 0 #aebbbc;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  cursor: not-allowed; }
  .highlight-disabled[disabled='disabled']:hover, .highlight-disabled[disabled='disabled']:active {
    background: #a5b3b4;
    border: 1px solid #9eadae;
    color: #fff !important;
    -webkit-box-shadow: inset 0 1px 0 #aebbbc;
    -moz-box-shadow: inset 0 1px 0 #aebbbc;
    box-shadow: inset 0 1px 0 #aebbbc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    cursor: not-allowed; }

.input-highlight-disabled {
  background-color: #dde1e1 !important;
  cursor: not-allowed  !important; }
  .input-highlight-disabled:hover, .input-highlight-disabled:active {
    background-color: #dde1e1  !important;
    cursor: not-allowed  !important; }

.isUnread {
  font-weight: 600 !important; }

.numberFileOverLimit, .fileSizeOverLimit {
  color: red;
  border: 1px solid red;
  display: inline-block;
  padding: 4px; }

.cc-message a {
  color: white !important;
  text-decoration: underline; }

.enviroment-type {
  color: black !important;
  background-color: red !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  border-radius: 10px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  display: inline-block; }

.the-footer {
  background-color: #282828;
  color: white;
  font-size: 11px; }
  .the-footer a {
    color: white !important; }
  .the-footer .footer-logo {
    margin-top: 6px;
    display: inline-block;
    float: left;
    width: 100px;
    height: 70px;
    background-image: url("/Content/images/save.png");
    background-repeat: no-repeat;
    background-size: contain; }
  .the-footer .footer-text {
    display: inline-block;
    float: left;
    padding-left: 30px; }

.pi-section-nopad {
  padding: 20px 0; }

.the-footer-low {
  background-color: #313131;
  padding: 10px 0;
  text-align: center;
  color: white;
  font-size: 11px; }
  .the-footer-low a {
    color: #666; }

#page {
  /*min-height: calc(100vh - 289px); */
}

.my-accordion {
  padding: 10px 30px; }
  .my-accordion:hover {
    cursor: not-allowed; }
  .my-accordion.active {
    background-color: #609ddb;
    color: white; }
    .my-accordion.active h4 {
      color: white; }
    .my-accordion.active:hover {
      cursor: default; }
  .my-accordion h4 {
    margin-top: 0;
    margin-bottom: 0; }

.pi-section-white .form-control,
.pi-section-white .form-control:hover {
  background: white;
  color: black; }

.drop-box {
  background: #F8F8F8;
  border: 5px dashed #DDD;
  width: 100%;
  max-width: 650px;
  text-align: center;
  padding: 50px 10px; }
  .drop-box:hover {
    cursor: pointer; }
  .drop-box.dragover {
    border: 5px dashed #609ddb; }
  .drop-box.dragover-err {
    border: 5px dashed red; }

fp-new-request-form .pi-box {
  margin-bottom: 0;
  padding-top: 15px; }

fp-new-request-form select.form-control {
  background-color: white !important; }

fp-new-request-form select.form-control[disabled=disabled] {
  background-color: #f8fafa !important; }

.request-status {
  text-align: right; }

.float-right-non-mobile {
  float: right; }

@media (max-width: 295px) {
  .float-right-non-mobile {
    margin-top: 5px; } }

.replyboxvisible {
  text-align: right; }

@media (max-width: 450px) {
  .replyboxvisible {
    text-align: left; }
  .pi-box {
    padding: 20px 20px 10px;
    margin-bottom: 20px; }
  .float-right-non-mobile {
    float: none; }
  .recaptcha-container {
    -webkit-transform: scale(0.77);
    transform: scale(0.77); }
  h2 {
    font-size: 18px; }
  h3, h4 {
    font-size: 17px; }
  .request-status {
    text-align: left; } }

#LostAt {
  -webkit-appearance: none;
  -moz-appearance: none; }

.new-request-success-box {
  text-align: justify !important; }
  .new-request-success-box h1 {
    font-size: 20px !important; }
  .new-request-success-box h2 {
    font-size: 16px !important;
    margin-bottom: 15px !important;
    text-align: left !important; }

/*.pi-section-white fp-new-request-form .form-control.ng-invalid-required {
  border: 1px dashed rgba(255, 0, 0, 0.6); }

.pi-section-white fp-new-request-form .form-control.confirm-email-not-equal {
  border: 1px dashed rgba(255, 0, 0, 0.6); }*/

.select2-container .select2-choice {
  height: 38px;
  background-image: none;
  line-height: 38px; }

.select2-container .select2-choice abbr {
  top: 11px; }

.select2-results .select2-highlighted {
  background: #3875d7 !important;
  color: #fff !important; }

.box-reply {
  background: #A2DA7F !important; }

.accordion-toggle {
  display: inline-block;
  font-weight: normal;
  height: 24px;
  width: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  border: 1px solid transparent;
  border-top: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  border-color: #dce3e3;
  background-color: #f4f6f6; }
  .accordion-toggle:after {
    font-family: "fontello";
    content: '\e8d4'; }
  .accordion-toggle.active:after {
    content: '\e8d2'; }

.single-message .header:hover,
.single-message .pi-icon-box-icon:hover {
  cursor: pointer; }

.single-message .the-detail {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s; }
  .single-message .the-detail.ng-hide {
    opacity: 0; }

.single-message hr {
  margin: 10px 0; }

.single-message .icons {
  float: right; }
  .single-message .icons .unread-icon {
    color: #68a5e2;
    font-size: 40px; }

.single-message textarea[disabled=disabled] {
  background-color: #f8fafa !important; }

@media (max-width: 800px) {
  .single-message .pi-icon-box .pi-icon-box-content-2 {
    margin-left: 30px; }
  .single-message .pi-icon-box .pi-icon-box-icon-square {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px; } }

.reply-box .delivery-methods {
  display: flex;
  flex-direction: row;
  gap: 10px;
  /*@media(max-width: 800px ){
            text-align: left;
        }*/ 
  }


  .reply-box .delivery-methods label {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block; }
    @media (max-width: 800px) {
      .reply-box .delivery-methods label {
        padding-left: 0;
        padding-right: 0;
        display: block; } }

.reply-box .md-align-center {
  text-align: center; }
  @media (max-width: 800px) {
    .reply-box .md-align-center {
      text-align: left; } }

fp-message-reply {
  display: block; }
  fp-message-reply h3 {
    margin-top: 10px; }
  fp-message-reply h4 {
    margin-top: 10px; }
  fp-message-reply .returning-data-container {
    padding-bottom: 30px; }
  fp-message-reply button[disabled] {
    cursor: not-allowed; }
  fp-message-reply input.ng-invalid-required, fp-message-reply select.ng-invalid-required {
    border: 1px solid rgba(255, 0, 0, 0.3) !important; }

.numInputWrapper span {
  opacity: 1 !important; }

.titleSpanLightSmall {
  color: #c7cbce;
  font-size: 17px;
  font-weight: bolder;
  /*line-height: 40px;*/
  vertical-align: bottom;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  margin-right: -3px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

.titleSpanDarkSmall {
  color: #00b2d6;
  font-size: 17px;
  font-weight: bolder;
  /*line-height: 40px;*/
  vertical-align: bottom;
  padding: 0px;
  margin: 0px;
  display: inline-block;
  margin-right: -3px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

.divInsertMessage {
  border: solid;
  margin: -10px;
  padding: 10px;
  border-radius: 15px 15px;
  border-color: lightgray;
  border-width: 1.5px; }

.fp-text-bg-green {
  /*background: #59f720;
  color: #202820;*/
  background: #f3f3f3;
  padding: 2px 5px 2px 5px;
  border-right-style: solid;
  border-right-color: #59f720;
  border-right-width: 5px; }

.fp-text-bg-yelow {
  background: #f3f3f3;
  /*color: #202820;*/
  padding: 2px 5px 2px 5px;
  border-right-style: solid;
  border-right-color: #fff321;
  border-right-width: 5px; }

.fp-text-bg-red {
  /*background: #d7481d;
  color: #f2f2f2;*/
  background: #f3f3f3;
  padding: 2px 5px 2px 5px;
  border-right-style: solid;
  border-right-color: #d7481d;
  border-right-width: 5px; }

.fp-text-bg-gray {
  background: #f3f3f3;
  padding: 2px 5px 2px 5px;
  border-right-style: solid;
  border-right-color: #c4c4c4;
  border-right-width: 5px; }

.obligatory_star {
  color: red; }

  .message-date {
    padding-left: 31px;
    color: var(--save-gray);
  }

  .save-accordion.open .save-accordion-content.message-content {
      padding-left: 51px;
  }
  

@media (max-width: 450px) {
  .flatpickr-calendar {
    margin-top: 5px;
    left: 35px !important; } }
