.chat_time_left{
            font-size:12px; float:left; clear:both; padding-top:5px; margin-left:7px;
         }
         .chat_time_right{
            font-size:12px; float:right; clear:both; padding-top:5px; margin-right:7px;
         }
         .get_date_know_it{
            font-size:14px; font-weight:bold; text-align:center; float:left; position:relative; z-index:0; left:50%; clear:both;
                                      border: 1px solid silver; border-radius: 30px; text-transform: uppercase; background: silver; transform: translate(-50%)
         }

         
        .skelton{
            opacity:.7;
            animation:skelton-loading 1s linear infinite alternate;
            }
    
            @keyframes skelton-loading {
            0%{
                background-color:hsl(200,20%,70%);
            }
            100%{
                background-color:hsl(200,20%,95%);
            }
            }
    
            .mybox_part1_inner {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            }
    
            .mybox_part2_inner {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            }
    
            .box_inner_img1 {
            position: absolute;
            left: 10px;
            top: 25px;
            cursor: pointer;
            }
    
            .box_inner_img2 {
            position: absolute;
            right: 10px;
            top: 25px;
            cursor: pointer;
            }
    
            .moov {
            cursor: pointer;
            }
    
            .box_img {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 1px solid #000;
            }
    
            .long_coo1 {
            display: -webkit-box !important;
            -webkit-line-clamp: 3 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            }
    
            .long_coo {
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            }
    
            .extra_col {
            text-decoration: none;
            padding: 4px 15px;
            border: 2px solid #1C87C7;
            background: #fff;
            font-size:14px;
            color: #000000;
            border-radius: 30px;
            margin-right: 7px;
            }
    
            .active_011 {
            background: #1C87C7 !important;
            color: #fff !important;
            }
    
            .extra_col:hover {
            background: #1C87C7;
            color: #fff;
            }
    
            .home_logo {
            width: 300px;
            }
    
            @media(max-width:1100px) {
            .home_logo {
                width: 270px;
            }
    
            }
    
            @media(max-width:576px) {
            .availabl-backpacker-button {
                border-bottom-left-radius: 0px !important;
                border-top-left-radius: 0px !important;
            }
            }
    
            @media(max-width:650px) {
            .extra_col {
                font-size: 13px;
                padding: 3px 10px;
                margin-right: 5px;
            }
    
            .banner-text-content .btn-outline-warning {
                padding: 7px 15px;
                font-size: 14px;
                margin-top: 10px;
            }
    
            .tag_line_web {
                font-size: 28px !important;
            }
    
            .title_h1 {
                font-size: 14px !important;
            }
    
            .title_h2 {
                font-size: 12px !important;
            }
    
            .box_img {
                width: 45px;
                height: 45px;
            }
    
            .box_inner_img1 {
                position: absolute;
                left: 0px;
                top: 25px;
                width: 20px;
                cursor: pointer;
            }
    
            .box_inner_img2 {
                position: absolute;
                right: 0px;
                top: 25px;
                width: 20px;
                cursor: pointer;
            }
    
            .mybox_part2_inner {
                font-size: 12px;
            }
    
            .mybox_part1_inner {
                font-size: 12px;
            }
            }
    
            .icon-card-circle{
                width:70px!important;
                height:70px!important;
            }
           
            .card-img-center{
                width:30px!important;
            }
            .text_select{
                font-size:12px!important;
                padding-top:15px;
            }
    
            @media(max-width:1250px){
                .searchOption .icon-card-circle{
                    width:65px!important;
                    height:65px!important;
                }
                .icon-card-circle .img-xs {
                    width:27px!important;
                }
                .text_select{
                    font-size:12px!important;
                    padding-top:5px;
                }
            }
    
            @media(max-width:440px){
                .searchOption .icon-card-circle{
                    width:50px!important;
                    height:50px!important;
                }
                .icon-card-circle .img-xs {
                    width:24px!important;
                }
                .text_select{
                    font-size:10px!important;
                    padding-top:0px;
                }
            }
    
                  
  
                .chat_height{
                        height: 450px;  
                    }
    
                .poi{
                    position:relative; bottom:0px; width:100%; height:60px;
                }
    
                @media(max-width:992px) {
                    .chat_height{
                        height: 515px;  
                    }
                    
    
                    /* .poi{
                        position:absolute; bottom:0px; left:0; top: 33rem; width:100%; height:60px; 
                    } */
                }
    
                .listing_view{
                    height:1100px!important;
                }
    
                @media(max-width:992px){
                    .listing_view{
                        height:550px!important;
                    } 
                }
        
        .emojionearea .emojionearea-button>div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
                background-image:url('smile.png')!important;
                width:35px; 
                height:35px;
            }
            .emojionearea .emojionearea-button>div{
                background-image:url('smile.png')!important;
                width:35px; 
                height:35px;
            }
            .emojionearea .emojionearea-button>div {
                left:0!important;
            }
            .emojionearea .emojionearea-button {
                left:0!important;
            }
            .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
                left:0!important;
            }
    
            .emojionearea.emojionearea-inline {
               height:auto!important;
               font-size:16px;
               margin-top:5px;
            }
            .emojionearea{
                border:1px solid #1C87C7!important;
                border-radius:30px;
            }
    
            .emojionearea.emojionearea-inline>.emojionearea-editor {
                height:45px;
                left:40px;
    
            }
            .emojionearea .emojionearea-editor:empty:before {
                height:40px; 
                padding-top:-3px;
               
            }
    
            .inpu_angle_right{
              top:7px;
            }
            .inpu_angle_left{
                top:8px;
                z-index: +1;
            }
        
        .emojionearea .emojionearea-button>div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
            background-image:url('smile.png')!important;
            width:35px; 
            height:35px;
        }
        .emojionearea .emojionearea-button>div{
            background-image:url('smile.png')!important;
            width:35px; 
            height:35px;
        }
        .emojionearea .emojionearea-button>div {
            left:0!important;
        }
        .emojionearea .emojionearea-button {
            left:0!important;
        }
        .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
            left:0!important;
        }
    
        .emojionearea.emojionearea-inline {
           height:auto!important;
           font-size:16px;
           margin-top:5px;
        }
        .emojionearea{
            border:1px solid #1C87C7!important;
            border-radius:30px;
        }
    
        .emojionearea.emojionearea-inline>.emojionearea-editor {
            height:45px;
            left:40px;
    
        }
        .emojionearea .emojionearea-editor:empty:before {
            height:40px; 
            padding-top:-3px;
           
        }
    
        .inpu_angle_right{
          top:7px;
        }
        .inpu_angle_left{
            top:8px;
            z-index: +1;
        }
    
        #scroll_btn{
                    top:-50px!important;
                }

                img[src$="#custom_marker"] {
                    border: 2px solid #900 !important;
                    border-radius: 50%;
                }



                #mapsConainer,
                #mapsConainer iframe {
                    height: 585px;
                    width: 100%;
                }

                .location-maps-container{
                    background:transparent!important;
                }

                .collapseMap {
                    width: 100% !important;
                    height: 100%;
                }

                button#hideMap {
                    background: white !important;
                    display: flex !important;
                    position: absolute !important;
                    z-index: 99 !important;
                    float: left !important;
                    margin-top: 10px !important;
                    margin-left: 6rem !important;
                    box-shadow: none !important;
                }

                @media(max-width:992px) {
                    #mapsConainer {
                        height: 100% !important;
                    }

                    #myIframelocation {
                        height: 100% !important;
                    }
                }

                @media(max-width:600px) {
                    #mapsConainer {
                        height: 100%!important;
                    }

                    #myIframelocation {
                        height: 100%!important;
                    }
                }
                .chatting_right{
                    background:grey!important;
                }

                .chatting_left{
                    background:#1C87C7!important;
                }



                         /* chatbox pop functionality */
        /* ///////////////////////////////////////////////////////////////////////////////////
        ////////////////////////////////////////////////////////////////////////////////// */


        @media(max-width:437px){
            .box_img{
                width:50px!important;
                height:50px!important;
            }
         }
        .listing_view{
            height: 1115px!important;
        }
    
        .text_select{
            font-size:11px!important;
            margin-top:6px;
         }
    
        .availabl-job-button{
            border-bottom-right-radius: 25px!important;
            border-top-right-radius: 25px!important;
        }
    
        #pad_yellow{
            padding:0px 200px;
        }
        .inpu_angle_left{
            top:6px!important;
        }
        .inpu_angle_right{
            top:4px!important;
        }
        .search-input-item {
            border-radius: 0;
            border-top-right-radius: 20px!important;
            border-bottom-right-radius: 20px!important;
            border-top-left-radius: 20px!important;
            border-bottom-left-radius: 20px!important;
            z-index: 0;
            border:1px solid #1C87C7;
        }
        .icon-card-circle{
            width:50px!important;
            height:50px!important;
        }
    
        .extra_col {
            padding: 7px 15px!important;
            margin-right: 1px!important;
        }
    
        @media(max-width:1250px){
            .icon-card-circle{
                width:50px!important;
                height:50px!important;
            }
            .searchOption .icon-card-circle{
                width:50px!important;
                height:50px!important;
            }
    
            .extra_col {
                padding: 3px 8px!important;
                margin-right: 0px!important;
            }
        }
    
        @media(max-width:1200px){
            .icon-card-circle{
                width:45px!important;
                height:45px!important;
            }
            .searchOption .icon-card-circle{
                width:45px!important;
                height:45px!important;
            }
    
            .extra_col {
                padding: 3px 8px!important;
                margin-right: 0px!important;
            }
        }
    
        @media(max-width:1100px){
            .icon-card-circle{
                width:40px!important;
                height:40px!important;
            }
            .searchOption .icon-card-circle{
                width:40px!important;
                height:40px!important;
            }
    
            .extra_col {
                padding: 3px 8px!important;
                margin-right: 0px!important;
            }
        }
    
        .border_new{
            border-right:2px solid #1C87C7; height:50px;
        }
        @media(max-width:992px){
            .border_new{
                border-right:0px solid #1C87C7;
            }
            #pad_yellow{
                padding:0px 0px;
            }
        }
    
        @media(max-width:768px){
            #pad_yellow{
                padding:0px 50px;
            }
        }
    
        @media(max-width:576px){
            #pad_yellow{
                padding:0px 15px;
            }
            .availabl-job-button {
               border-bottom-right-radius: 0px!important;
               border-top-right-radius: 0px!important;
            }
    
            .icon-card-circle{
                width:35px!important;
                height:35px!important;
            }
            .searchOption .icon-card-circle{
                width:35px!important;
                height:35px!important;
            }
    
        }
    
        .form-switch .form-check-input{
          background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important;
          background-color:red;
          border-color:red;
        }
    
    
    
        #click_down_op1{
            position:absolute; bottom:0; right:20px; background:black; font-size:24px; transform: rotate(180deg); width:25px; height:25px; border-radius:50%; color:#fff; bottom:10px; right:10px; z-index:+10; cursor:pointer;
         }
         #click_down_op{
            position:absolute; bottom:0; right:20px; background:black; font-size:24px; transform: translate(-50%); width:25px; height:25px; border-radius:50%; color:#fff; bottom:-45px; right:10px; z-index:+11; cursor:pointer;
         }
    
         @media(max-width:992px){
            #click_down_op1{
               right:20px;
            }
            #click_down_op{
                right:5px;
                bottom:-50px;
            }
         }
    
         body{
            overflow-x:hidden;
         }
    
         #chatscreen{
          padding-top:0;
         }
    
         .chat_height{
          margin-top:0;
          height:146px;
         }
    
        .chatting_left{
            text-align:left;
            background: #174662!important;
        }
    
        .chatting_right{
            text-align:left;
            background: #F0F2F7!important;
            color:#3E485C!important;
        }
    
        .chat_time_left{
            color:#3E485C!important;
        }
    
        .chat_time_right{
            color:#3E485C!important;
        }
       
        /* emoji */
    
        .inpu_angle_right{
                top:6px!important;
                width:38px;
        }
    
        .emojionearea.emojionearea-inline {
            border-radius:30px;
            margin-top:2px;
        }
      
     
    
        .emojionearea.emojionearea-inline>.emojionearea-editor {
            left:45px;
            display:flex;
        }
    
        .emojionearea.emojionearea-inline>.emojionearea-editor {
            padding-top:9px;
        }
    
        #backpacker_main{
            position:sticky; top:74px; background:#fff; z-index:+2; border-top:1px solid black; border-bottom:1px solid black;
        }
    
        #backpacker_main{
            position:sticky; top:74px; background:#fff; z-index:+2; border-top:1px solid black; border-bottom:1px solid black;
        }
    
        #employer_main{
            position:sticky; top:74px; background:#fff; z-index:+1; border-top:1px solid black; border-bottom:1px solid black;
        }
    
        @media(max-width:992px){
            #backpacker_main{
                top:41px;
            }
    
            #employer_main{
                top:41px;
            }
        }
    
   
    
        .emojionearea{
            border:0!important;
        } 

         #chatscreen{
            padding-top:0;
           }
      
           .chat_height{
              margin-top:0;
              height:146px;
              overflow-y: scroll;
              padding-bottom: 10px;
           } 
      
          .chatting_left{
              text-align:left;
              background: #174662!important;
              color: #fff;
              text-decoration: none;
              float: right;
              clear: both;
              border-radius:10px;
          }
      
          .chatting_right{
              text-align:left;
              background: #F0F2F7!important;
              color:#3E485C!important;
              text-decoration: none;
              float: left;
              clear: both;
              border-radius:10px;
          }
      
          .chat_time_left{
              color:#3E485C!important;
          }
      
          .chat_time_right{
              color:#3E485C!important;
          }
         
          /* emoji */
      
          .inpu_angle_right{
                  top:6px!important;
                  width:38px;
          }
      
          .emojionearea.emojionearea-inline {
              border-radius:30px;
              margin-top:2px;
          }
      
          
        
       
      
          .emojionearea.emojionearea-inline>.emojionearea-editor {
              left:45px;
              display:flex;
          }
      
          .emojionearea.emojionearea-inline>.emojionearea-editor {
              margin-top:-3px;
          }
      
          .inpu_angle_left_new_box{
              font-size:24px;
              margin-top:7px;
          }