/*
* jobalino.css
******************************************************************************/

.layout-navbar a {
  font-family: var(--bs-font-sans-serif) !important;
}

.note-min-height-100 .note-editable {
  min-height: 134px;
}

.form-helpfile {
  position: relative;
  top: -63px;
  height: 0px;
  float: inline-end;
  transition: transform 0.3s ease, color 0.3s ease;
}

.form-helpfile::before {
  font-family: "tabler-icons" !important;
  content: "\eabf";
  font-size: 30px;
  color: blue;
  font-style: normal;
  position: relative;
}

.form-helpfile:hover {
  animation: pulse 0.8s ease-in-out infinite;
}

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.15); }
  100% { transform: scale(1); }
}

/*
div.card-datatable {
  min-height: 500px;
}
*/

/* .document-item.locked::before {
  font-family: "tabler-icons" !important;
  font-size: 20px;
  content: "\eae2" !important;
  color: red;
  position: absolute;
  background: #faebd7cc;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-top: 61px;
  } */
/* 
@media (max-width: 1091.98px) {
    .light-style .bs-stepper.vertical .bs-stepper-header {
        border-right: none !important;
        border-left: none !important;
        border-bottom: 1px solid #dbdade;
    }
}
@media (max-width: 1091.98px) {
    .dark-style .bs-stepper.vertical .bs-stepper-header {
        border-right: none !important;
        border-left: none !important;
        border-bottom: 1px solid #434968;
    }
}
@media (min-width: 1092px) {
    [dir="rtl"] .bs-stepper .bs-stepper-header .line i {
        transform: rotate(180deg);
    }
}
@media (max-width: 1091.98px) {
    [dir="rtl"] .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
        margin-left: 0;
        margin-right: 1rem;
    }
    [dir="rtl"] .bs-stepper.wizard-icons .bs-stepper-header .line:before {
        margin-right: 0.75rem;
    }
}
@media (max-width: 1091.98px) {
    .bs-stepper .bs-stepper-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .bs-stepper .bs-stepper-header .step .step-trigger {
        padding: 0.5rem 0;
        flex-direction: row;
    }
    .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
        margin-left: 0.35rem;
    }
    .bs-stepper .bs-stepper-header .step:first-child .step-trigger {
        padding-top: 0;
    }
    .bs-stepper .bs-stepper-header .step:last-child .step-trigger {
        padding-bottom: 0;
    }
    .bs-stepper.vertical {
        flex-direction: column;
    }
    .bs-stepper.vertical .bs-stepper-header {
        align-items: flex-start;
    }
    .bs-stepper.vertical.wizard-icons .bs-stepper-header .line:before {
        left: 0.75rem;
        margin-left: 0;
    }
    .bs-stepper:not(.vertical) .bs-stepper-header .line i {
        display: none;
    }
    .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon svg {
        margin-top: 0.5rem;
    }
} */

.blockUiMessage {
  font-size: 24px;
  margin-top: -40px;
  margin-bottom: 20px;
  background: var(--bs-dark-bg-subtle);
  color: var(--bs-white);
  width: auto;
  padding: 10px;
  border: 1px solid #a0a0a0;
  border-radius: 10px;
}

.skeleton {
  width: auto !important;
  max-width : var(--c-w);
}

.add-new {
  margin-top: 10px;
}

.jobalino_adv_light_info {
  text-align: center;
  padding-bottom: 10px;
  font-size: 18px;
}

.bs-stepper.vertical .bs-stepper-pane:not(.fade), .bs-stepper.vertical .content:not(.fade) {
     visibility: visible !important;
}

.wizard-content {
  width:100%;
  padding:20px;
}
.wizard-content-inner {
  min-height:400px;
}
.wizard-content-buttons {
  width:100%;
  display: inline-block;
}

.offcanvas-resizer {
  width: 5px;
  height: 100%;
  background: #ccc;
  cursor: ew-resize;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1056; /* über Inhalt */
}
.offcanvas-resizer:hover {
  background: #4df764;
}

.star-yellow {
  color:#d7c927;
}

.star-34 {
  font-size:34px !important;
  margin-right:2px;
  display: contents;
}

.star-26 {
  font-size:26px !important;
  margin-right:2px;
  display: contents;
}

.star-22 {
  font-size:22px !important;
  display: contents;
}

.star-20 {
  font-size:20px !important;
  display: contents;
}

@media (max-width: 460px) {

  .star-34 {
    font-size:24px !important;
  }

  .star-26 {
    font-size:22px !important;
    margin-right:2px;
  }

}


.dynlabel {
  text-overflow: ellipsis;
  overflow: clip;
  max-width: 100%;
}

.dynlabel:hover {
  overflow: visible;
  background: beige;
  display: inline;
  z-index: 1000000;
  position: relative;
  padding: 4px;
}

.field-hidden {
  display: none;
}

.field-visibility-icon {
  float: right;
  margin-top: 10px;
  cursor: pointer;
  display: none;
}

.print-label {
  font-size: 14px;
  font-weight: 700;
  width: 100%;
}

.print-value {
  font-size: 13px;
  font-weight: 400;
  width: 100%;
}

.document-item {
  position: relative;
}

.document-item.locked::after {
    font-family: "tabler-icons" !important;
    font-size: 20px;
    content: "\eae2" !important;
    color: red;
    /* position: relative; */
    position: absolute;
    background: #faebd7cc;
    border-radius: 30px;
    /* top: -56px; */
    /* right: -19px; */
    top: 56px;
    right: 19px;
    height: 28px;
    padding-left: 3px;
    padding-right: 3px;    
}

.document-item.completed::after {
    font-family: "tabler-icons" !important;
    font-size: 20px;
    content: "\ea67" !important;
    color: green;
    position: absolute;
    background: #cffabbcc;
    border-radius: 30px;
    top: 55px;
    right: 19px;
    height: 28px;
    padding-left: 3px;
    padding-right: 3px;    
}


.document-item-info {
  height: 0px;
}
.document-item-info::after {
    font-family: "tabler-icons" !important;
    font-size: 20px;
    content: "\eac5" !important;
    color: rgb(0, 17, 255);
    position: relative;
    background: #a8f2ffcc;
    border-radius: 30px;
    top: 12px;
    right: -19px;
}

.candidate-chat-status-select {
  position: relative;
  float: right;
  top: 57px;
  right: 10px;
  z-index: 10;
  margin-top: -44px;
}

@media (max-width: 700px) {
  .chat-history-header {
    height: 106px;
  }
  .candidate-chat-status-select {
    top: 104px;
  }
}

.card-logo > div {
  position: relative;
  overflow: hidden;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-toggle-window
{
  float: right;
  font-size: 18px !important;
  font-weight: 900;
  position: absolute;
  top: 28px;
  right: 12px;
  cursor: pointer;
}
.box-toggle-window-frame
{
  font-size: 35px !important;
  top: 20px;
  right: 4px;
  font-weight: 100;
}

.box-settings-opener
{
  float: right;
  font-size: 22px !important;
  position: absolute;
  /*top: 23px;
  right: 61px;*/
  top: 23px;
  right: 45px;
  color: darkcyan;
}

.title-settings-opener
{
  float: right;
  font-size: 22px !important;
  /*right: 61px;
  position: absolute;
  top: 23px;*/
  padding-left: 15px;
  color: darkcyan;
  padding-top: 5px;
  margin-right: 10px;
}

.header-settings-opener {
  font-size: 22px !important;
  padding-left: 15px;
  color: darkcyan;
}

.swal2-input-label {
  justify-content: center !important;
}

.swal2-input {
  margin-left: auto;
  margin-right: auto; 
}

.timeline-event.response {
  max-width:95%;
  margin-left: 5%;
}

.chat-header-status-select {
  margin-top: -40px;
}

.inline-language-button {
  width: 300px;
  max-width: 60%;
  margin-left:20px;
}

.datatable-small {
  display:none;
}

.datatable-big {
  display: block;
}

@media (max-width: 700px) {

  .chat-header-status-select {
    margin-top: 8px;
    margin-bottom: 0px !important;
  }

  .datatable-small {
    display: block;
  }
  
  .datatable-big {
    display: none;
  }
}

.btn {
  margin-bottom: 10px;
  margin-right: 4px;
}

.avatar-sm {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

.sn-checkbox-use-protocol {
  display: none;
}

.chat-message-text {
  --bs-card-bg: transparent !important;
}

.avatar img {
  /* max-height: 100%;
  width: auto !important; */

  height: auto !important;
  vertical-align: bottom;
  max-height: 100%;
  width: auto !important;
  max-width: 40px;
}

.avatar-big .avatar img {
  max-height: 100% !important;
  width: auto !important;
  max-width: 200px;
}

.avatar-locked::after {
    font-family: "tabler-icons" !important;
    font-size: 20px;
    content: "\eae2" !important;
    color: red;
    position: relative;
    background: #faebd7cc;
    border-radius: 30px;
    top: -21px;
    right: -28px;
}

.recruiter-application-status {
  background: var(--bs-dark-bg-subtle);
  color: var(--bs-white);
  padding: 10px;

}

.application_status_id {
  width: fit-content !important;
}

 .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  margin-right: 25px;
}

.chatlist-message {
  max-height: 64px;
  overflow: clip;
  text-overflow: ellipsis;
}
.chatlist-message br {
  display: none;
}
/* .chatlist-message br::before {
  content: " ---- ";
} */

.list-status-badge { 
  width:170px;
  text-overflow:ellipsis;
  overflow:clip;
  border:1px solid #999;
  background:#fff;
}

.form-check-input.small {
  height: 1.4em !important;
  width: 1.4em !important;
}

.zoom-picture {
  display: none; 
  position: absolute; 
  top: 20px; 
  cursor:pointer;
  box-shadow: 5px 10px 21px -2px rgba(0,0,0,0.52);
  -webkit-box-shadow: 5px 10px 21px -2px rgba(0,0,0,0.52);
  -moz-box-shadow: 5px 10px 21px -2px rgba(0,0,0,0.52);
}

.zoom-picture img {
  max-width: 500px;
}

.application-thumb-icon {
  height: 100px;
  margin-right: 20px;
}

.application-thumb-icon img {
  height: 100px;
}

@media (max-width: 700px) {
  .application-thumb-icon {
      display:none;
  }
}

.approvalTeamBlock {
  display: contents;  
}

.approvalTeamBlock .col-md-6 {
  padding-left: 14px;
}

@media (max-width: 770px) {
  .approvalTeamBlock {
      display: block;
  }
  .approvalTeamBlock .col-md-6 {
    padding-left: 0px;
  }
  
}

.chat-message-right .chat-message-text a {
  color: #fff;
}

.chat-message-right .chat-message-text a:hover {
  color: #ddd;
}

.chat-message-right .document-item-icon {
  filter: brightness(400%);
}

.chat-message-text.cc {
  background-image: url("bild.jpg"), linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));
  background-blend-mode: multiply;
}


.doc-edit-icons {
  opacity: 0;
  position: static;
  inset: 2em 1em;
  height: 0px;
  transition: all 0.5s ease;
  margin-left: -20px;
}

.document-item:hover .doc-edit-icons {
  opacity: 1;
  inset: 1em;
}

.doc-edit-icon {
  display: block;
  padding: 8px;
  background-color: rgb(158, 157, 157);
  /* color: #0ebac5; */
  color: #000;
  margin: 6px;
  cursor: pointer;
  transition: all 0.5s ease-out;
  width: 34px;
  position: relative;
}

i[name="function3"]{
  transform: translateY(60%);
}

i[name="function2"]{
  transform: translateY(30%);
}

i[name="function1"]{
  transform: translateY(10%);
}

.doc-edit-icon:hover {
  color: rgb(255, 255, 255);
  background-color: #0ebac5;
  
}

.document-item:hover i[name="function3"]{
  transform: translateY(0%);
}

.document-item:hover i[name="function2"]{
  transform: translateY(0%);
}

.document-item:hover i[name="function1"]{
  transform: translateY(0%);
}








.icon-pdf {
  background-image:  url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_26_"><path class="st0" d="M187.7,329h-11.4v51.3h11.4c5.6,0,10.1-1.9,13.4-5.7c3.3-3.8,5-8.7,5-14.6v-10.7 c0-5.9-1.7-10.7-5-14.5C197.8,330.9,193.3,329,187.7,329z" id="XMLID_156_"/><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M143.9,357.2c-4.4,4-10.4,5.9-18.1,5.9h-15.1v26.5 H99v-70h26.8c7.7,0,13.8,2,18.1,6c4.4,4,6.6,9.2,6.6,15.7C150.5,348,148.3,353.2,143.9,357.2z M217.7,360c0,8.8-2.8,15.9-8.3,21.4 c-5.6,5.5-12.8,8.3-21.7,8.3h-23.1v-70h23.1c8.9,0,16.1,2.8,21.7,8.3c5.6,5.5,8.3,12.7,8.3,21.4V360z M278.3,329h-33.1v21.4h28.2 v9.4h-28.2v29.9h-11.7v-70h44.8V329z" id="XMLID_56_"/><path class="st0" d="M125.8,329h-15.1v24.7h15.1c4.3,0,7.6-1.2,9.8-3.5c2.2-2.3,3.3-5.2,3.3-8.8s-1.1-6.5-3.3-8.9 C133.4,330.2,130.1,329,125.8,329z" id="XMLID_55_"/><path class="st0" d="M352.9,6L352.9,6L107.4,6c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6 H120.7v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_29_"/><rect class="st0" height="19.6" id="XMLID_28_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_27_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-doc {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_947_"><path class="st0" d="M161.8,330.9c-4.3,0-7.7,1.6-10.2,4.7c-2.5,3.1-3.7,7.1-3.7,12v10.6c0,4.9,1.2,8.9,3.7,12.1 c2.5,3.1,5.9,4.7,10.1,4.7c4.5,0,8-1.6,10.6-4.7c2.6-3.1,3.9-7.2,3.9-12.1v-10.6c0-4.9-1.3-8.9-3.9-12 C169.8,332.5,166.3,330.9,161.8,330.9z" id="XMLID_958_"/><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M127,357.4c0,7.3-2.3,13.2-6.9,17.8 c-4.6,4.6-10.6,6.9-18,6.9H82.8v-58.3H102c7.4,0,13.4,2.3,18,6.9c4.6,4.6,6.9,10.6,6.9,17.8V357.4z M186,358.2 c0,7.1-2.2,13-6.7,17.7c-4.5,4.7-10.3,7-17.4,7c-7,0-12.6-2.3-17-7c-4.4-4.7-6.6-10.6-6.6-17.7v-10.5c0-7.1,2.2-13,6.5-17.7 c4.4-4.7,10-7,17-7c7.1,0,12.9,2.4,17.4,7c4.5,4.7,6.7,10.6,6.7,17.7V358.2z M210.2,370.5c2.3,3.1,5.6,4.7,9.6,4.7c4,0,7-1,9.1-3.1 c2.1-2.1,3.1-5.1,3.1-9h9.4l0.1,0.2c0.1,5.9-1.8,10.6-5.7,14.2c-3.9,3.6-9.2,5.4-15.9,5.4c-6.8,0-12.3-2.3-16.5-6.9 c-4.2-4.6-6.3-10.4-6.3-17.6v-11.1c0-7.1,2.1-13,6.2-17.6c4.2-4.6,9.6-6.9,16.3-6.9c6.9,0,12.3,1.7,16.2,5.2 c3.9,3.5,5.9,8.3,5.7,14.4l-0.1,0.2H232c0-3.9-1.1-6.9-3.2-9c-2.1-2.1-5.2-3.1-9.3-3.1c-4,0-7.1,1.6-9.4,4.7 c-2.3,3.1-3.5,7.1-3.5,11.9v11.2C206.7,363.3,207.9,367.3,210.2,370.5z M286,382.1l-12.7-21.9l-12.7,21.9h-11.5l18.3-29.4 l-17.9-28.9H261l12.2,21.5l12.3-21.5h11.5l-17.9,28.9l18.6,29.4H286z" id="XMLID_952_"/><path class="st0" d="M102,331.6h-9.5v42.7h9.5c4.7,0,8.4-1.6,11.1-4.7c2.7-3.2,4.1-7.2,4.1-12.2v-8.9 c0-4.9-1.4-9-4.1-12.1C110.4,333.2,106.7,331.6,102,331.6z" id="XMLID_951_"/><path class="st0" d="M352.9,6L352.9,6L107.4,6c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6 H120.7v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_950_"/><rect class="st0" height="19.6" id="XMLID_949_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_948_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-exe {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_539_"><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M148.1,387.6h-44v-70h43.7v9.4h-32v19.8h27.4v9.4 h-27.4v22.2h32.3V387.6z M200.9,387.6l-15.2-26.3l-15.2,26.3h-13.8l22-35.3l-21.5-34.7h13.8l14.6,25.9l14.8-25.9h13.8l-21.5,34.7 l22.4,35.3H200.9z M271.1,387.6h-44v-70h43.7v9.4h-32v19.8h27.4v9.4h-27.4v22.2h32.3V387.6z" id="XMLID_543_"/><path class="st0" d="M352.9,6L352.9,6L107.4,6c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6 H120.7v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_542_"/><rect class="st0" height="19.6" id="XMLID_541_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_540_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-gif {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_838_"><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M172.4,376.6c-1.9,2.6-4.9,5-8.9,7.1 c-4.1,2.1-9.4,3.1-15.9,3.1c-8,0-14.6-2.6-19.8-7.8c-5.2-5.2-7.8-11.9-7.8-20.1v-14.2c0-8.2,2.5-14.9,7.5-20.1 c5-5.2,11.5-7.8,19.3-7.8c7.9,0,14.1,2,18.5,6c4.4,4,6.6,9.2,6.4,15.6l-0.1,0.3h-10.8c0-3.8-1.2-6.9-3.6-9.3 c-2.4-2.3-5.8-3.5-10.3-3.5c-4.7,0-8.5,1.8-11.4,5.3c-2.9,3.5-4.3,8-4.3,13.4v14.3c0,5.5,1.5,10,4.5,13.5c3,3.5,6.9,5.3,11.8,5.3 c3.6,0,6.5-0.4,8.6-1.2c2.1-0.8,3.7-1.8,4.8-3v-14.1h-14.3v-8.5h25.6V376.6z M201.5,385.8h-11.4v-68h11.4V385.8z M263.1,326.8 h-32.2v20.8h27.4v9.1h-27.4v29h-11.4v-68h43.6V326.8z" id="XMLID_842_"/><path class="st0" d="M352.9,6L352.9,6L107.4,6c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6 H120.7v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_841_"/><rect class="st0" height="19.6" id="XMLID_840_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_839_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-jpg {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_828_"><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M146.1,366.6c0,6.5-2,11.7-6,15.6 c-4,3.9-9.1,5.8-15.4,5.8c-6.7,0-12-1.7-15.9-5.1c-3.9-3.4-5.8-8.4-5.7-15l0.1-0.3h11c0,3.9,0.9,6.7,2.8,8.6 c1.9,1.9,4.4,2.8,7.7,2.8c3,0,5.4-1.1,7.3-3.4c1.9-2.2,2.8-5.2,2.8-9V319h11.3V366.6z M206.9,355.5c-4.3,3.8-10.1,5.8-17.6,5.8 h-14.7V387h-11.4v-68h26.1c7.5,0,13.4,1.9,17.6,5.8c4.3,3.9,6.4,9,6.4,15.3C213.3,346.5,211.1,351.6,206.9,355.5z M277.4,377.8 c-1.9,2.6-4.9,5-8.9,7.1c-4.1,2.1-9.4,3.1-15.9,3.1c-8,0-14.6-2.6-19.8-7.8c-5.2-5.2-7.8-11.9-7.8-20.1v-14.2 c0-8.2,2.5-14.9,7.5-20.1c5-5.2,11.5-7.8,19.3-7.8c7.9,0,14.1,2,18.5,6c4.4,4,6.6,9.2,6.4,15.6l-0.1,0.3h-10.8 c0-3.8-1.2-6.9-3.6-9.3c-2.4-2.3-5.8-3.5-10.3-3.5c-4.7,0-8.5,1.8-11.4,5.3c-2.9,3.5-4.3,8-4.3,13.4v14.3c0,5.5,1.5,10,4.5,13.5 c3,3.5,6.9,5.3,11.8,5.3c3.6,0,6.5-0.4,8.6-1.2c2.1-0.8,3.7-1.8,4.8-3v-14.1h-14.3v-8.5h25.6V377.8z" id="XMLID_833_"/><path class="st0" d="M189.2,328.1h-14.7v24h14.7c4.2,0,7.4-1.1,9.5-3.4c2.1-2.2,3.2-5.1,3.2-8.6 c0-3.5-1.1-6.3-3.2-8.6C196.6,329.3,193.5,328.1,189.2,328.1z" id="XMLID_832_"/><path class="st0" d="M352.9,6L352.9,6H107.4c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6H120.7 v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_831_"/><rect class="st0" height="19.6" id="XMLID_830_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_829_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-png {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_1003_"><path class="st0" d="M124.1,328.9h-14.7v24h14.7c4.2,0,7.4-1.1,9.5-3.4c2.1-2.2,3.2-5.1,3.2-8.6s-1.1-6.3-3.2-8.6 C131.4,330,128.3,328.9,124.1,328.9z" id="XMLID_1012_"/><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M141.7,356.2c-4.3,3.8-10.1,5.8-17.6,5.8h-14.7 v25.8H98v-68h26.1c7.5,0,13.4,1.9,17.6,5.8c4.3,3.9,6.4,9,6.4,15.3C148.1,347.3,146,352.4,141.7,356.2z M214.9,387.8h-11.4 l-30.1-49l-0.3,0.1v48.9h-11.4v-68h11.4l30.1,49l0.3-0.1v-48.9h11.4V387.8z M282.5,378.6c-1.9,2.6-4.9,5-8.9,7.1 c-4.1,2.1-9.4,3.1-15.9,3.1c-8,0-14.6-2.6-19.8-7.8c-5.2-5.2-7.8-11.9-7.8-20.1v-14.2c0-8.2,2.5-14.9,7.5-20.1 c5-5.2,11.5-7.8,19.3-7.8c7.9,0,14.1,2,18.5,6c4.4,4,6.6,9.2,6.4,15.6l-0.1,0.3H271c0-3.8-1.2-6.9-3.6-9.3s-5.8-3.5-10.3-3.5 c-4.7,0-8.5,1.8-11.4,5.3c-2.9,3.5-4.3,8-4.3,13.4v14.3c0,5.5,1.5,10,4.5,13.5c3,3.5,6.9,5.3,11.8,5.3c3.6,0,6.5-0.4,8.6-1.2 c2.1-0.8,3.7-1.8,4.8-3v-14.1h-14.3v-8.5h25.6V378.6z" id="XMLID_1007_"/><path class="st0" d="M352.9,6L352.9,6L107.4,6c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6 H120.7v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_1006_"/><rect class="st0" height="19.6" id="XMLID_1005_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_1004_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-ppt {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_599_"><path class="st0" d="M191,328.7h-15.1v24.7H191c4.3,0,7.6-1.2,9.8-3.5c2.2-2.3,3.3-5.2,3.3-8.8 c0-3.6-1.1-6.5-3.3-8.9C198.6,329.9,195.4,328.7,191,328.7z" id="XMLID_609_"/><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M143.5,356.9c-4.4,4-10.4,5.9-18.1,5.9h-15.1 v26.5H98.6v-70h26.8c7.7,0,13.8,2,18.1,6c4.4,4,6.6,9.2,6.6,15.7C150.1,347.6,147.9,352.9,143.5,356.9z M209.2,356.9 c-4.4,4-10.4,5.9-18.1,5.9h-15.1v26.5h-11.7v-70H191c7.7,0,13.8,2,18.1,6c4.4,4,6.6,9.2,6.6,15.7 C215.7,347.6,213.5,352.9,209.2,356.9z M278.7,328.7h-21.6v60.6h-11.7v-60.6h-21.3v-9.4h54.6V328.7z" id="XMLID_604_"/><path class="st0" d="M125.4,328.7h-15.1v24.7h15.1c4.3,0,7.6-1.2,9.8-3.5c2.2-2.3,3.3-5.2,3.3-8.8 c0-3.6-1.1-6.5-3.3-8.9C133,329.9,129.7,328.7,125.4,328.7z" id="XMLID_603_"/><path class="st0" d="M352.9,6L352.9,6H107.4c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6H120.7 v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_602_"/><rect class="st0" height="19.6" id="XMLID_601_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_600_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-txt {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_890_"><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M156.5,327.4h-21.6V388h-11.7v-60.6h-21.3V318 h54.6V327.4z M207.6,388l-15.2-26.3L177.2,388h-13.8l22-35.3L163.8,318h13.8l14.6,25.9L207,318h13.8l-21.5,34.7l22.4,35.3H207.6z M282.7,327.4H261V388h-11.7v-60.6H228V318h54.6V327.4z" id="XMLID_894_"/><path class="st0" d="M352.9,6L352.9,6H107.4c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6H120.7 v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_893_"/><rect class="st0" height="19.6" id="XMLID_892_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_891_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-xls {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%235E9DC7;}</style><g id="XMLID_927_"><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M144.9,387l-14.8-25.6L115.4,387h-13.5l21.4-34.3 L102.4,319h13.4l14.2,25.1l14.3-25.1h13.5l-20.9,33.7l21.7,34.3H144.9z M213.6,387h-43.2v-68h11.4v59h31.9V387z M266.6,383 c-4.4,3.4-10.2,5-17.4,5c-6.9,0-12.9-1.8-18.1-5.5c-5.1-3.7-7.6-8.9-7.5-15.6l0.1-0.3h10.9c0,4.1,1.4,7.2,4.2,9.2 c2.8,2.1,6.3,3.1,10.3,3.1c4,0,7.1-0.8,9.4-2.5c2.2-1.7,3.3-4,3.3-6.9c0-2.8-1-5.2-3-7c-2-1.8-5.6-3.4-10.7-4.9 c-7.3-2-13-4.7-16.9-8c-4-3.3-6-7.6-6-12.9c0-5.5,2.2-10,6.5-13.6c4.4-3.6,10-5.3,16.8-5.3c7.4,0,13.2,2,17.6,5.9 c4.4,3.9,6.5,8.8,6.4,14.6l-0.1,0.3h-10.9c0-3.6-1.2-6.4-3.6-8.6c-2.4-2.1-5.6-3.2-9.5-3.2c-3.8,0-6.8,0.9-8.9,2.7 c-2.1,1.8-3.1,4.1-3.1,7c0,2.6,1.1,4.8,3.4,6.5c2.3,1.7,6,3.3,11.3,4.8c7.1,2,12.6,4.7,16.3,8.2c3.7,3.4,5.6,7.8,5.6,13.2 C273.3,375.1,271.1,379.6,266.6,383z" id="XMLID_931_"/><path class="st0" d="M352.9,6L352.9,6H107.4c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6H120.7 v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_930_"/><rect class="st0" height="19.6" id="XMLID_929_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_928_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-file {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="XMLID_947_"><path id="XMLID_958_" d="M161.8,330.9C157.5,330.9 154.1,332.5 151.6,335.6C149.1,338.7 147.9,342.7 147.9,347.6L147.9,358.2C147.9,363.1 149.1,367.1 151.6,370.3C154.1,373.4 157.5,375 161.7,375C166.2,375 169.7,373.4 172.3,370.3C174.9,367.2 176.2,363.1 176.2,358.2L176.2,347.6C176.2,342.7 174.9,338.7 172.3,335.6C169.8,332.5 166.3,330.9 161.8,330.9Z" style="fill:rgb(47,157,217);fill-rule:nonzero;"/><path id="XMLID_952_" d="M365.6,285.9L40.3,285.9L40.3,419.8L316.6,419.8L365.6,285.9Z" style="fill:rgb(47,157,217);fill-rule:nonzero;"/><path id="XMLID_951_" d="M102,331.6L92.5,331.6L92.5,374.3L102,374.3C106.7,374.3 110.4,372.7 113.1,369.6C115.8,366.4 117.2,362.4 117.2,357.4L117.2,348.5C117.2,343.6 115.8,339.5 113.1,336.4C110.4,333.2 106.7,331.6 102,331.6Z" style="fill:rgb(47,157,217);fill-rule:nonzero;"/><path id="XMLID_950_" d="M352.9,6L107.4,6C100.1,6 94.1,12 94.1,19.3L94.1,276.1L120.7,276.1L120.7,32.6L352.9,32.6L352.9,124.8L445.1,124.8L445.1,479.4L120.7,479.4L120.7,429.6L94.1,429.6L94.1,492.7C94.1,500 100.1,506 107.4,506L458.4,506C465.7,506 471.7,500 471.7,492.7L471.7,124.8L352.9,6Z" style="fill:rgb(47,157,217);fill-rule:nonzero;"/><rect id="XMLID_949_" x="156.2" y="171.4" width="253.4" height="19.6" style="fill:rgb(47,157,217);"/><rect id="XMLID_948_" x="156.2" y="209.5" width="213.3" height="19.6" style="fill:rgb(47,157,217);"/></g></svg>');
  background-repeat: no-repeat;
}
.icon-zip {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">.st0{fill:%237361AB;}</style><g id="XMLID_993_"><path class="st0" d="M365.6,285.9H40.3v133.9h276.3L365.6,285.9z M163.7,388.8h-49.3v-7.3l34.2-53.3h-33.9v-9.4 h47.7v7l-34.3,53.7h35.5V388.8z M190.6,388.8H179v-70h11.7V388.8z M254.2,356.3c-4.4,4-10.4,5.9-18.1,5.9h-15.1v26.5h-11.7v-70 h26.8c7.7,0,13.8,2,18.1,6c4.4,4,6.6,9.2,6.6,15.7C260.8,347.1,258.6,352.3,254.2,356.3z" id="XMLID_998_"/><path class="st0" d="M236.1,328.1h-15.1v24.7h15.1c4.3,0,7.6-1.2,9.8-3.5c2.2-2.3,3.3-5.2,3.3-8.8 s-1.1-6.5-3.3-8.9C243.7,329.3,240.4,328.1,236.1,328.1z" id="XMLID_997_"/><path class="st0" d="M352.9,6L352.9,6L107.4,6c-7.3,0-13.3,6-13.3,13.3v256.8h26.6V32.6h232.2v92.2h92.2v354.6 H120.7v-49.8H94.1v63.1c0,7.3,6,13.3,13.3,13.3h351c7.3,0,13.3-6,13.3-13.3V124.8L352.9,6z" id="XMLID_996_"/><rect class="st0" height="19.6" id="XMLID_995_" width="253.4" x="156.2" y="171.4"/><rect class="st0" height="19.6" id="XMLID_994_" width="213.3" x="156.2" y="209.5"/></g></svg>');
  background-repeat: no-repeat;
}

.document-item {
  width:100px;
  text-align:center;
  float:left;
}
.document-item-icon {
  height: 60px;
  width: 60px;
  margin: 15px;
}

.document-item-filename {
  font-size:12px;
  height:24px;
  line-height: 12px;
  /* overflow: hidden; */
  /* white-space: nowrap;  */
  /* text-overflow: ellipsis; */
  
  display: -webkit-box;
  max-width: 90px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pdfViewerIconBar {
	height:35px;
	/* border-bottom: 2px solid #ddd; */
  border-top: 2px solid #ddd;
}

.pdfViewerBoxWait {
	z-index:-1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.pdfViewerIcon {
	cursor: pointer;
	/*margin: 10px;*/
	width:20px;
	height:20px;
}

.pdfViewerIcon:hover {
	filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(0deg) brightness(88%) contrast(119%);
	cursor: pointer;
}

.pdfViewerIconInactive {
	filter: invert(60%) sepia(0%) saturate(72%) hue-rotate(122.1deg) brightness(200%) contrast(64%);
	width:20px;
	height:20px;
}


.pdfViewerComment {
	position:fixed;
	bottom:15px; 
	left: 15px;
	padding: 10px;
}

.pdfViewerComment:hover{
	background:red;
	cursor: pointer;
	border-radius: 90px;

}

.light-style:not([dir="rtl"]) .jq-ry-container:not(.multi-color-ratings) .jq-ry-rated-group svg {
  fill: #d7c927 !important;
}

.dark-style:not([dir="rtl"]) .jq-ry-container:not(.multi-color-ratings) .jq-ry-rated-group svg {
  fill: #d7c927 !important;
}

.form-check-input {
  height: 2.0em !important;
  width: 2.0em !important;
}

.float-end-700 {
  float: right !important;
}

@media (max-width: 700px) {
  .float-end-700 {
    float: unset !important;
    text-align: right;
    text-align: -moz-right;
    margin-bottom: 20px;
  }
}

.form-check-input-small {
  height: 1.2em !important;
  width: 1.2em !important;
}

.clickable {
  cursor: pointer;
}

.joba_rating_abc {
	font-size: 35px;
	color: #fff;
	font-weight: 500;
	line-height: 35px;
	text-shadow: -2px 0 #f8e71c, 0 2px #f8e71c, 2px 0 #f8e71c, 0 -2px #f8e71c;
	transition: color 0.3s ease-out 0s;
	transition: text-shadow 0.3s ease-out 0s;
}

.joba_rating_abc.active {
	color: #f8e71c;
	text-shadow: -1px 0 #f8e71c, 0 1px #f8e71c, 1px 0 #f8e71c, 0 -1px #f8e71c;
}

.joba_rating_abc.clickable:hover {
	cursor:pointer;
}

.joba_rating_abc.clickable:hover {
	color: #23527c;
	text-shadow: -1px 0 #23527c, 0 1px #23527c, 1px 0 #23527c, 0 -1px #23527c;
	transition: color 0.3s ease-out 0s;
	transition: text-shadow 0.3s ease-out 0s;
}

.joba_rating_text {
	width: 100%;
	float: left;
}


.pickr .pcr-button::after {
  border: 1px solid rgb(133, 133, 133);
}

.cartblock {
  min-height:80px;
  font-size:16px;
  font-weight:500;
  /* color:#000; */
  background: var(--bs-light);
  padding-top: 10px;
  padding-bottom: 10px;  
}

.cartblock .table {
  display:table;
  border-collapse: collapse;
}

.cartblock hr {
  border-top: 1px solid var(--bs-dark) !important;
  width: 172%;
}

.cartblock .table-row.total {
  font-weight:700;
  border-top: 1px solid var(--bs-dark) !important;
}
.cartblock .table-row {
  display:table-row;
  height: 34px;
}

.cartblock .table-cell {
  display:table-cell;
  }

.cartblock .table-row .left {
  display:table-cell;
  text-align:left;
  }

.cartblock .table-row .right {
  display:table-cell;
  text-align:right;
  }

.light-style .menu .app-brand.jobalino {
    min-height: 104px;
}

.light-style .app-brand-logo.jobalino.light {
  display: block;
}
.light-style .app-brand-logo.jobalino.dark {
  display: none;
}

.dark-style .menu .app-brand.jobalino {
  min-height: 104px;
}

.dark-style .app-brand-logo.jobalino.light {
  display: none;
}

.dark-style .app-brand-logo.jobalino.dark {
  display: block;
}

.app-brand-logo.jobalino {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  /*  
  width: 34px;
  height: 24px;
  */
}

.app-brand-logo.jobalino img {
  max-width: 180px;
}
/*
.app-brand-companyname {
  line-height: 1; 
  overflow: hidden;
  text-overflow: none;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 5px;
  margin-left: 10px; 
  margin-right: 10px;
}
*/

.note-modal-footer {
  height: 60px !important;
}

@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .app-brand-logo.jobalino img {
    /*display: none;*/
    /*
    opacity: 0;
    transition: opacity 0.2s linear;
    */
    width: 45px;
    transition: width 0.2s linear;
  }
}
/*
@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .app-brand-companyname > .menu-item div:not(.menu-block), .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand-companyname > .menu-item div:not(.menu-block)
  {
    display: none;
  }
}
*/
.app-brand-text.jobalino {
  font-size: 1.375rem;
}

.bg-menu-theme .menu-inner-shadow {
  /*top: 3.838rem;*/
  /* top: 5.838rem; */
  top: 0px;
  position: relative;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 78px !important;
}
/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.jobalino-blocks > * {
  display: block !important;
}

.jobalino-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .jobalino-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .jobalino-only-element class with .jobalino-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.jobalino-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.jobalino-vertical-spacing.jobalino-only-element > :first-child {
  margin-top: 0 !important;
}

.jobalino-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.jobalino-vertical-spacing-lg.jobalino-only-element > :first-child {
  margin-top: 0 !important;
}

.jobalino-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.jobalino-vertical-spacing-xl.jobalino-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-jobalino .btn-group .text-truncate {
    width: 254px;
    position: relative;
  }
  #dropdown-variation-jobalino .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout jobalino
******************************************************************************/
/* :root {
--bs-nav-link-disabled-color:  color: red;
} */

.publication-card {
  min-height: 400px;
  vertical-align: middle;
  text-align: center;
}

.publication-card .card-logo {
  background-color: var(--bs-light);
  padding-top: 10px;
  padding-bottom: 10px;
  height: 120px;
  border-radius: 5px;
}

.publication-card .card-logo img {
  vertical-align: middle;
  /* width: 90%; */
  /* max-width: 200px; */
  max-height: 100px;
}

.publication-card .card-toggle { 
  padding-top:20px;
  padding-bottom:15px;
}

.publication-card .card-toggle img { 
  width: 50px;
}

.publication-card .card-title {
  overflow: hidden;
  white-space: nowrap;
}

.publication-card .card-title-module {
  max-height: 25px;
}

.publication-card .card-slot-count {
  font-size: 12px;
}

.publication-card .card-price{
  margin-top: 30px;
  /* height: 30px; */
  font-size: 12px;
}

.publication-card .module-icon-bar {
  right: 3px;
  position: absolute;
}

.publication-card .card-startdate {
  font-size: 12px;
}

.publication-card .card-teststage {
  font-size: 12px;
  height: 15px;
}

.publication-card .card-footer {
  border-top: 1px solid #7367f0 !important;
}

.publication-card .card-footer p {
  font-size: 13px;
  margin-top: 5px;
}
.publication-card .card-footer {
  height: 84px;
  padding: 5px;
  margin: 0px;
  /* vertical-align: middle; */
}

/* .advert-shop-card-tooltip {
  display: block !important;
} */

.advert-shop-card {
  display: block !important;
}

.advert-shop-card .card-logo {
  float: left;
  width: 40%;
  height: 120px;
  background-color: var(--bs-light);
  border-radius: 5px 0 0 0;
  margin-bottom: 2px solid var(--bs-light);
  display: flex;
  justify-content: center;
}

.advert-shop-card .card-logo img {
  width: 90%;
  margin: auto;
  max-height: 110px;
}

.advert-shop-card .card-head {
  width: 60%;
  height: 120px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
}

.advert-shop-card .card-body-left {
  float: left;
  width: 40%;
  height: 120px;
  line-height: 120px;
  border-top: 1px solid var(--bs-light);
  border-bottom: 1px solid var(--bs-light);
  border-right: 1px solid var(--bs-light);
  text-align: center;
  font-size: 13px;
  padding: 5px;
  padding-top: 0px;
}
.advert-shop-card .card-body-left .card-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1em;
}

.advert-shop-card .card-body-right {
  float: right;
  width: 60%;
  height: 120px;
  line-height: 120px;
  border-top: 1px solid var(--bs-light);
  border-bottom: 1px solid var(--bs-light);
  text-align: center;
  font-size: 13px;
  padding: 5px;
  padding-top: 0px;
  overflow: hidden;
}
.advert-shop-card .card-body-right .card-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1em;
}

.advert-shop-card .card-footer .select2 {

}

.advert-shop-card .card-footer .book-button {
  width: 40% !important;
  padding-left: 10px;
  display: grid;
  padding-top: 15px;  
}

.advert-shop-card .icon-bar {
  right: 5px;
  top: 5px;
  position: absolute;
}

.advert-shop-card .booking-info {
  width: 60% !important;
  margin-top: 15px;
  float: left;
  font-size: 13px;
  line-height: 1.1em;
}

.tooltip-inner {
  max-width: 400px !important;
}

.tooltip-inner .advert-shop-card {
	min-width: auto;
}
.tooltip-inner .advert-shop-card .content {
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}

.tooltip-inner .advert-shop-card h3 {
  color: #eee;
  width:100%;
  border-bottom: 1px solid #fff;
  padding-top:30px;
  padding-bottom:20px;
}

.tooltip-inner .advert-shop-card h4, .tooltip-inner .advert-shop-card h5 {
  color: #eee;
  width:100%;
  padding-top:15px;
  padding-bottom:10px;
}


.tooltip-inner .advert-shop-card ul {
	text-align: left;
  font-size: 13px;
}
.tooltip-inner .advert-shop-card p {
	text-align: left;
	color: #eee;
}

.force-align-left {
	text-align: left !important;
}



.icon-1_5x {
  font-size: 1.5em;
}
.icon-2x {
  font-size: 2em;
}
.icon-2_5x {
  font-size: 2.5em;
}
.icon-3x {
  font-size: 3em;
}

.icon-red-point::after {
  content: ".";
  color: red;
  font-size: 70px;
  line-height: 0px;
  top: -16px;
  position: relative;
  right: 16px;
}

.swal2-input-label {
  justify-content: left;
  text-align: left;
  width: 84%;
  margin-top:14px;
  margin-bottom: -14px;
  font-weight: bold; 
} 


.layout-jobalino-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  margin-top: 1rem;
}
.layout-jobalino-placeholder img {
  width: 900px;
}
.layout-jobalino-info {
  text-align: center;
  margin-top: 1rem;
}

.sticky-buttonbar {
  padding: 20px;
}

.form-label.required {
  cursor: help;
}
.form-label.required::after {
  content: " *";
  color: red;
  font-size: 17px;
  line-height: 0px;
}

.container-p-y {
  min-height: 1000px !important;
}

/* Dropzone */
.dz-button {
  background: #fff0 !important;
  border: #fff0 !important;  
}

.dark-style .dz-button {
  color: #cfd3ec;
}

.light-style .dz-button {
  color: #5d596c;
}

.profile-avatar {
  float:left;
  width: fit-content;
  /* border: 6px #d8dddd solid; */
  border: 6px transparent solid;
  border-radius: 27px;
  background: linear-gradient(white, white) padding-box, linear-gradient(45deg, #c4c4c6, #5e5757) border-box;  
}

.profile-avatar img {
  width: 150px;
  border-radius: 20px;
}

.profile-avatar-buttons {
  float: inline-start;
  text-align: left;
  width: 33%;
  /* height: 150px; ??? */
  /* padding-top: 80px;   */
  top:0px;
  padding-left: 20px;

}

.profile-avatar-buttons > .btn {
  margin-bottom:10px;
}

.avatar-big > .avatar  {
  width: 96px !important;
  height: 96px !important;
}

/* .avatar .avatar-initial {
  font-size: 24px;
} */

.profile-logo {
  /* float:left; */
  width: fit-content;
  border: 2px var(--bs-card-border-color) solid;
  /*border: 2px transparent solid;*/
  padding: 7px;
  /* border-radius: 27px; */
  /*background: linear-gradient(white, white) padding-box, linear-gradient(45deg, #c4c4c6, #5e5757) border-box;  */
  display: inline-table;
  width: 65%;
}

.profile-logo img {
  /* width: 70%; */
  max-width: 250px;
  text-align: center;
  /*width: 250px;*/
  /* border-radius: 20px; */
  margin: auto;
  display: block;
  border: 1px solid #ddd;

}

.profile-logo-buttons {
  float: right;
  text-align: left;
  width: 33%;
  /* height: 150px; ??? */
  /* padding-top: 80px;   */
  top:0px;
  padding-left: 10px;
}

.profile-logo-buttons > .btn {
  margin-bottom:10px;
  width: 100%;
}

@media (max-width: 1210px) { 
  .profile-logo-buttons {
    float: none;
    margin-top: 10px;
    width: 100%;
    padding-left: 0px;
  }
  .profile-logo-buttons > .btn {
    float: none;
    width: auto;
  }
  
}



.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1092 !important;
}

.swal2-container {
  /* --bs-offcanvas-zindex: 1094 !important; */
  z-index: 1094 !important;
}

.dataTables_filter { /* Für ddas Suchfeld */
  margin-right: 10px;
}

.croppie-container .cr-image {
  position: static !important;
}

@media (max-width: 900px) { 
  .table-hide-900 {
    display:none;
  }
}


@media (max-width: 800px) { 
  .table-hide-800 {
    display:none;
  }
}

@media (max-width: 700px) { 
  .table-hide-700 {
    display:none;
  }
}

@media (max-width: 600px) { 
  .table-hide-600 {
    display:none;
  }
}

@media (max-width: 500px) { 
  .table-hide-500 {
    display:none;
  }
}

@media (max-width: 400px) { 
  .table-hide-400 {
    display:none;
  }
}

.right-button-bar {
  width: 100%;
}
.right-button-bar > .btn {
  float: right;
  margin-right: 10px !important;
}

.small-info {
  color: Grey;
  margin-top:5px;
  font-size: 0.7rem;
  line-height: 1.2;
}

.small-info {
  color: Grey;
  font-size: 0.7rem;
}


.flatpickr-input:disabled {
  background: rgba(75,70,92,.08) !important;
}

.light-style .flatpickr-calendar.open {
  /*z-index: 1092 !important; von 92 auf 94 wegen Kalender in Sweetalert Popup */
  z-index: 1094 !important;
}

.dark-style .flatpickr-calendar.open {
  z-index: 1094 !important;
}



.list-header {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  overflow-wrap: break-word;
  height: 50px;
}
.list-header > .list-group-item {
  height: 50px;
}
.list-header > span {
  vertical-align: middle;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 1px !important;
}

.list_language_default {
  color: #aaa;
  font-style: italic;
}

.list_language_default::before {
  content: "[*** ";
}

.list_language_default::after {
  content: " ***]";
}

.joba-modal-body-infoplaceholder {
	margin-top: 10px;
	font-size: 13px;
	line-height: 2.2em;
}

.joba-modal-body-infoplaceholder .phlabel {
	width: 24%;
	float: left;
	font-weight: 500;
	color: #666;
	font-size: 14px;
}
.joba-modal-body-infoplaceholder .phtag {
	font-size: 14px;
	width: 26%;
	float: left;
	color:#000;
	font-weight: 500;
	cursor: pointer;
}

@media (max-width: 700px) { 
  .joba-modal-body-infoplaceholder .phlabel {
    clear: both;
    width: 50%;
  }
}

.form-label {
  padding-top: 8px
}

textarea.form-control {
  min-height: 85px !important;
}

.list-free-data-def-description {
  width: 40%;
}
@media (max-width: 700px) { 
  .list-free-data-def-description {
    width: 55%;
  }
}
@media (max-width: 500px) { 
  .list-free-data-def-description {
    width: 75%;
  }
}

.layout-navbar.admin {
  border: 2px solid yellow;
}

.label-hover-btn:hover {
  cursor: pointer;
  background-color: #ccc !important;
}

.noUi-tooltip::after {
  content: " %";  
}

.light-style .select2-dropdown
{
  z-index: 1100;
}

.dark-style .select2-dropdown
{
  z-index: 1100;
}

.job_internal_list_platforms {
  /* float: right; */
  width: 55px;
  display:inline-block;
  padding: 5px;
  margin-right: 5px;
  background: #fff;
}
.job_internal_list_platforms img {
  width: 55px;
  display: inline-block;
  margin-right: 5px;
}

.job_internal_list_platform_list i {
  color:green;
  margin-left: 50px;
}
.job_internal_list_platform_list .platform_name {
  min-width:250px;
  display:inline-block;
}

@media (max-width: 600px) { 
  .job_internal_list_platform_list i {
    margin-left: 0px;
  }
  .job_internal_list_platform_list .platform_name {
    min-width:160px;
  }
}

table.dataTable td.dt-opener, table.dataTable th.dt-opener {
  /* display: inline-block; */
  cursor: pointer;
}

table.dataTable td.dt-opener::before, table.dataTable th.dt-opener::before {
  /*content: "\efec" !important;*/
  content: "\eb5f" !important;
  font-family: "tabler-icons" !important;
  font-size: 20px;
}

table.dataTable tr.dt-hasChild td.dt-opener::before, table.dataTable th.dt-opener.open::before {
  /*content: "\efe8" !important;*/
  content: "\eb5d" !important;
}

.tooltip-big > .tooltip-inner {
  min-width: 300px;
}



@media (min-width:1450px) {
  .col-xxl-auto {
      flex: 0 0 auto;
      width: auto
  }

  .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333333%
  }

  .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66666667%
  }

  .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%
  }

  .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66666667%
  }

  .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%
  }

  .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333333%
  }

  .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66666667%
  }

  .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%
  }

  .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333333%
  }

  .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66666667%
  }

  .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%
  }

  .offset-xxl-0 {
      margin-left: 0
  }

  .offset-xxl-1 {
      margin-left: 8.33333333%
  }

  .offset-xxl-2 {
      margin-left: 16.66666667%
  }

  .offset-xxl-3 {
      margin-left: 25%
  }

  .offset-xxl-4 {
      margin-left: 33.33333333%
  }

  .offset-xxl-5 {
      margin-left: 41.66666667%
  }

  .offset-xxl-6 {
      margin-left: 50%
  }

  .offset-xxl-7 {
      margin-left: 58.33333333%
  }

  .offset-xxl-8 {
      margin-left: 66.66666667%
  }

  .offset-xxl-9 {
      margin-left: 75%
  }

  .offset-xxl-10 {
      margin-left: 83.33333333%
  }

  .offset-xxl-11 {
      margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
      --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
      --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
      --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
      --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
      --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
      --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
      --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
      --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
      --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
      --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
      --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
      --bs-gutter-y: 3rem
  }
}

.w-80 {
  width: 80% !important
}

.w-90 {
  width: 90% !important
}

.breadcrump a {
  text-decoration: underline;
}