.custom-select:focus{
      -webkit-box-shadow: none!important;
              box-shadow: none!important;
    }
  .stickyfixed{
  background-color:#fff;
  z-index:10;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  overflow:overlay;
   -webkit-box-shadow: 0px 20px 20px -20px rgb(0 0 0 / 20%);
           box-shadow: 0px 20px 20px -20px rgb(0 0 0 / 20%);
}
    .likebutton{
        background-color: #fff;
      padding: 5px;
    }
    .likebutton:focus{
      -webkit-box-shadow:none!important;
              box-shadow:none!important;
    }
    @media (min-width: 591px){
    .style74 {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }
    }
    @media(max-width:590px){
      .desktoponly{
        display:none!important;
      }
    }
    .modal-content{
      border-radius: 0!important;
      border: 1px solid #c7c7c7;
    }
    .modal-header{
      border-radius:0!important;
      background-color: #f7f7f7;
      border-bottom: 1px solid #c7c7c7;
      padding: 0!important;
    }
    .modal-title{
      position: absolute;
      top: 50%;
      left: 50%;
      width:92%;
      -webkit-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
    }
    .modal-footer{
      border-top: 1px solid #c7c7c7;
    }
    .modalheadercol{
      text-align: center;
      padding: 10px;
      cursor:pointer;
      position: relative;
      height: 80px!important;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
    .modalheadercol:not(:last-child){
      border-right: 1px solid #c7c7c7;
    }
    .modalheadercol:hover{
      background-color: #e7e7e7;
    }
    .modalheadercol.active{
      background-color: #e7e7e7;
      color: #e51e23;
    }
    .modal-dialog{
      max-width:700px;
    }
    .totalbottom{
      font-weight:bold;
      text-transform: inherit;
    }
    .style112{
          height: 45px;
    }
    .colwbuttons{
      max-width:190px;
    }
    @media(max-width:574px){
      .modal-dialog{
        margin-left:0!important;
        margin-right:0!important;
      }
      .style112 {
        min-width: 60px;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        padding-left: 3px;
        padding-right: 3px;
    }
      .totalbottom{
        font-size: 1.1rem!important;
        /*
        font-weight:normal;
        */
      }
      .colwbuttons{
        max-width:150px;
      }
    }
    
    .topshadow{
       -webkit-box-shadow: 0px -10px 10px -12px rgb(0 0 0 / 20%);
               box-shadow: 0px -10px 10px -12px rgb(0 0 0 / 20%);
    }
    .wlcontent{
      display:none;
    }
    .wlcontent.active{
      display:block;
    }
/*
    .form-row{
      margin-bottom:10px;
    }
*/
    .modalformtitle{
      margin-bottom:0px!important;
    }
     /* Styling modal */
        .modal .modal-content {
            -webkit-animation-name: modal-animation;
            -webkit-animation-duration: 0.3s;
            animation-name: modal-animation;
            animation-duration: 0.3s;
        }
        @-webkit-keyframes modal-animation {
            from {
                top: -50px;
                opacity: 0;
            }
            to {
                top: 0px;
                opacity: 1;
            }
        }
        @keyframes modal-animation {
            from {
                top: -50px;
                opacity: 0;
            }
            to {
                top: 0px;
                opacity: 1;
            }
        }
    .modal.show{
      padding-right:0!important;
    }
    .wltypecol, .wltypespartecol, .gen_wltypecol, .gen_wltypespartecol{
      max-width:160px!important;
    }
    .wltype, .wltypesparte, .gen_wltype, .gen_wltypesparte{
      min-width:100%;
      background-color: #f7f7f7;
    }
    .wltype.active, .wltypesparte.active, .gen_wltype.active, .gen_wltypesparte.active{
      color: #e51e23;
      background-color: #e7e7e7;
    }
.newwltype, .existing_or_new_hh {
      min-width:100%;
      background-color: #f7f7f7;
    }
    .newwltype.active, .existing_or_new_hh.active{
      color: #e51e23;
      background-color: #e7e7e7;
    }
.searchtype{
      min-width:100%;
      background-color: #f7f7f7;
    }
    .searchtype.active{
      color: #e51e23;
      background-color: #e7e7e7;
    }
    .form-row{
      margin-bottom:20px;
    }
    select, input, textarea{
      padding:5px!important;
    }
    select{
      padding-right:20px!important;
    }
    .smallpadding{
      padding-left:5px;
      padding-right:5px;
    }
    .roomiconcol{
      padding:5px!important;
      margin:5px!important;
      background-color:white;
      display:none;
      cursor:pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      height:90px;
      min-width:95px;
      max-width:95px;
      border:1px solid #c7c7c7;
    }
    .roomiconcol.show{
      display:block;
    }
    .roomiconcolatwl{
      background-color:#f1f1f1;
    }
    .roomiconcolatwl.notavailable{
      opacity:0.28;
      background-color:#ffffff;
    }
    .roomiconcolatwlaa{
      background-color:#f1f1f1;
    }
    .roomiconcolatwlaa.notavailable{
      opacity:0.28;
      background-color:#ffffff;
    }
    .roomiconcol.checked{
      background-color:#c2e1cb;
      border:1px solid #000!important;
      opacity:1;
    }
    @media (hover: hover) {
      .roomiconcol:hover{
        background-color:#c2e1cb;
      }
    }
    .fcol{
      max-width: 160px;
      padding-right: 0;
    }