.bg-sai {
  background-image: url("/images/sai_background.png");
 }

.wrapper {
  position: relative;
  width: 290;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-datepicker{
   z-index: 999999 !important;
}

.multiselect-wide {
  position: relative;
  width: 600px;
  height: 240px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.multiselect-small {
  position: relative;
  width: 200px;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.myDropDownScrolling
{
   height: 400px;
   overflow: auto;
}


.myDropDownScrolling-short
{
   height: 200px;
   overflow: auto;
}


.restricttablecolumnwidth
{
  min-width: 100px;
  width: 200px;
  max-width: 450px;
}

.ui-front {
    z-index: 9999999 !important;
}

ol,
ul {
    list-style-type: disc;
    padding-inline-start: 40px;
}

/* In Bootstrap 5.2 they changed table headers to no longer have the solid line under the heading. The following changes overrides this otherwise breaking change */
.table > :not(:first-child) {
    border-top: 2px solid currentColor;
}

/* In Bootstrap 5.2 they changed readonly to no longer display in a grey background. From v5.2 onwards you must add disabled as well. The following changes overrides this otherwise breaking change */
.form-control[readonly] {
    background-color: #E9ECEF;
    opacity: 1;
}

/*The following CSS is used by the job allocation boards.*/
/* #myKanban{overflow-x: auto; padding:20px 0;}
    .success{background: #00B961; color:#fff}
    .info{background: #2A92BF; color:#fff}
    .warning{background: #F4CE46; color:#fff}
    .error{background: #FB7D44; color:#fff}
    .other{background: #FFB40C; color:#fff}
    .weekend{background: #85929E; color:#fff}
    .weekend{background: #AEB6BF; color:#fff}
    .monday{background: #3498DB; color:#fff}
    .tuesday{background: #3498DB; color:#fff}
    .wednesday{background: #3498DB; color:#fff}
    .thursday{background: #3498DB; color:#fff}
    .friday{background: #3498DB; color:#fff}
    .unallocated{background: #9B59B6  ; color:#fff}
    .urgent{background: #E74C3C; color:#fff}
    .new{background: #000000; color:#fff}
    .finalised{background: #2ECC71; color:#fff}
    .Completed{background: #FF00FF; color:#fff}

*/


.btncolor {
    color: #6c757d;
}

.centeredimage {
    width:360px;
    height:144px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  width:290px;
  height:200px;

  background-color: #FFFFFF;

}