* {border: 0px solid red; }
            .es-top-gradient-1 {
                background: rgb(0,0,0);
                background: linear-gradient(0deg, rgba(0,0,0,0) 27%, rgba(0, 0, 0, 0.35) 100%);
            }
            
            

            fieldset, label { margin: 0; padding: 0; }
            /*body{ margin: 20px; }*/
            /*h1 { font-size: 1.5em; margin: 10px; }*/
            
            /****** Style Star Rating Widget *****/
            
            .rating { 
                  border: none;
                  margin-right: 49px;
            }
            .myratings{
                  font-size: 85px;
                  color: green;
                width: 125px;
                height: 125px;
                display: inline-block;
            }
            
            .rating > [id^="star"] { display: none; } 
            .rating > label:before { 
              margin: 5px;
              font-size: 2.25em;
              font-family: FontAwesome;
              display: inline-block;
              content: "\f005";
            }
            
            .rating > .half:before { 
              content: "\f089";
              position: absolute;
            }
            
            .rating > label { 
              color: #ddd; 
             float: left; 
            }
            
            .loader {
                position: fixed;
                top: 0;
                left: 0;
                background: #b9b9b9;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center !important;
                z-index: 999;
            }
            
            @keyframes fadeOut{
                100% {
                opacity:0;
                visibility: hidden;
                }
            }
            
            .loader.hidden{
                animation: fadeOut 3s;
                animation-fill-mode: forwards;
            }
            
            
            /***** CSS Magic to Highlight Stars on Hover *****/
            
            .rating > [id^="star"]:checked ~ label, /* show gold star when clicked */
            .rating:not(:checked) > label:hover, /* hover current star */
            .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */
            
            .rating > [id^="star"]:checked + label:hover, /* hover current star when changing rating */
            .rating > [id^="star"]:checked ~ label:hover,
            .rating > label:hover ~ [id^="star"]:checked ~ label, /* lighten current selection */
            .rating > [id^="star"]:checked ~ label:hover ~ label { color: #FFED85;  }
            
            .reset-option {
            display: none;
            }
            
            .reset-button {
            margin: 6px 12px;
            background-color: rgb(255, 255, 255);
            text-transform: uppercase;
            }
            
            .ajoob-filterDiv {
              display: none;
            }
            
            .ajoob-show {
              display: block;
            }
            
            .es-input-icon-addon {
              position: absolute;
              top: 0;
              bottom: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              min-width: 2.5rem;
              color: #626976;
              pointer-events: none;
              font-size: 1.2em;
            }
            
            .es-icon-logo-list {
                width: 30px;
                height: 30px;
                display: inline-block;
                background-repeat: no-repeat;
                
                
            }