{% include 'header.twig' %}

<!-- Main variables *content* -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<div class="top-padding"></div>
  <div class="headernavbottom headersignin threeddarkblue"><div class="container-fluid">
      <div class="row">
        <div class="col-md-12">
          <div class="welcomebox">
            <span class="threedblue">#1 Reliable Server</span>
            <h2>
              Hey, <span>{{ user["username"] }}</span>
            </h2><br>
            <p>
              We are happy to see you ordering and being a part of {{ site["site_name"] }} Family, Congrats Champ!
            </p>
            <div class="totaluser">
              <div class="avatar">
                <img src="https://cdn.mypanel.link/edeed4/yjo0j5c0wg8z4lc3.webp">
                <img src="https://cdn.mypanel.link/edeed4/a289n18gjhykj14l.webp">
                <img src="https://cdn.mypanel.link/edeed4/zgz7lj2rrsx8e0oi.webp">
                <img src="https://cdn.mypanel.link/edeed4/qfycnthrqxg6kaaa.webp">
              </div>
              <div class="det">
                <p>Happy Users</p>
                <span>+203K</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <!--<form class="ordformforsrc " action="/" method="post" id="order-form">
                      <div class="form-group">
              <div class="search-dropdown" id="new-order-search" style="position: relative;" data-lang-placeholder="Search" >
                <div class="input-wrapper" style="position: relative;">
                  <button style="position: absolute;top: 50%;transform: translateY(-50%);padding: 0px 2px;background: none;border: none;left: 12px;" type="button">
                    <span class="fas fa-search"></span>
                  </button>
                  <input type="text" class="form-control" id="template-input" value="" placeholder="Search">
                </div>
              </div>
            </div>
                    </form>-->
        </div>
      </div>
    </div>
  </div>
  <div class="headersigninstat">
    <div class="container-fluid">
      <div class="statcardflex">
        <div class="col-md-12">
          <div class="statcardflex">
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-mood-smile-beam"></i> Username</p>
                  <h4>{{ user["username"] }}</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-wallet"></i> Balance</p>
                  <h4>{{ user["balance"]}}</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-graph"></i> Success Rate</p>
                  <h4>82.52%</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-circle-dashed-check"></i> Total Orders</p>
                  <h4>{{ totalorders }}</h4>
                </div>
              </div>
            </div>
            <div class="statcard">
              <div class="dethead">
                <div class="maindetheadstat">
                  <p><i class="ti ti-package"></i> Spent Balance</p>
                  <h4>{{ user["spent"]}}</h4>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="newordpad">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-6">
          <div class="divstattwo wp" onclick="location.href = 'https://t.me/boostbayanphilippines';">
            <i class="fab fa-telegram"></i>
            <div>
              <h3>
                Join Our Community
              </h3>
              <p>
                To Get The Latest Updates!
              </p>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="divstattwo" onclick="location.href = '/tickets';">
            <i class="ti ti-bubble-text threeddarkblue"></i>
            <div>
              <h3>
                Contact Support
              </h3>
              <p>
                Feel Free to Contact Us!
              </p>
            </div>
          </div>
        </div>
      </div>
      <div class="container-fluid">
      <div class="row">
        <div class="col-md-12 gap">
        <div class="well">
          
          <p style="margin-bottom: 0px;">Before ordering Instagram followers, disable the "Flag for review" function<br><br><span style="font-weight: 700;">Instructions:</span><br>1. Go to "Settings and activity"<br>2. Select "Follow and Invite friends"<br>3. Disable the "<a href="https://i.postimg.cc/Gp2Gfcz3/IMG-20240817-WA0033-3.jpg" style="background-color: rgb(255, 255, 255);">Flag for review</a>" function</p>
        </div>
        </div>
      </div>
      </div>
      <div class="row">
        <div class="col-lg-7">
          <ul class="nav nav-pills activechngpill">
            <li class="active"><a class="CatFltr" data-change-cat="" href="javascript:void(0);"><i class="ti ti-shopping-bag-plus"></i> Place Order</a></li>
            <li><a href="/massorder"><i class="ti ti-stack-2"></i> Mass Order</a></li>
            <li><a href="https://t.me/@BoostBayan_Bot"><i class="ti ti-bubble-text threeddarkblue"></i> AI Support</a></li>
            <li>
              <a class="CatFltr" data-change-cat="Auto" href="/subscriptions"><i class="ti ti-calendar-clock"></i> Subscriptions</a>
              <a data-change-cat="Auto" type="button" class="questbtn subquest CatFltr" data-toggle="modal" data-target="#subscriptionModal"><i class="far fa-question-circle"></i></a></li>
          </ul>
          <div class="well add-fund-container" id="orderwell">
            <div class="wellhdr">
              <div class="headrwell">
                <i class="far fa-shopping-cart"></i>
                <p>
                  New Order
                </p>
              </div>
            </div>
            
            {% if error %}
      <div class="alert alert-dismissible alert-danger">
{{ errorText }}
      </div>
    {% endif %}

     {% if data["order"]["success"] == 1 %}
      <div class="alert alert-dismissible alert-success">
          <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
          <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
          <strong> {{ lang["neworder.success.link"] }}: </strong> {{ data['order']['link'] }} <br>
          <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['quantity'] }} <br>
          <strong> {{ lang["neworder.success.charge"] }}: </strong> {{ data['order']['price'] }} <br>
          <strong> {{ lang["neworder.success.balance"] }}: </strong>{{ data['order']['balance'] }} <br>

      </div>
    {% endif %}
    
    
    {% if data["order"]["success"] == 2 %}
      <div class="alert alert-dismissible alert-success">
 <strong> {{ lang["neworder.success.id"] }}: </strong> {{ data['order']['id'] }} <br>
 <strong> {{ lang["neworder.success.service"] }}: </strong> {{ data['order']['service'] }} <br>
 <strong> {{ lang["neworder.success.username"] }}: </strong> {{ data['order']['link'] }} <br>
 <strong> {{ lang["neworder.success.quantity"] }}: </strong> {{ data['order']['min'] }} - {{ data['order']['max'] }} <br>
 <strong> {{ lang["neworder.success.posts"] }}: </strong> {{ data['order']['posts'] }} <br>
 <strong> {{ lang["neworder.success.delay"] }}: </strong>{{ data['order']['delay'] }} <br>
       </div>
    {% endif %}

            
           <div class="preloader">
              <svg class="cart" role="img" aria-label="Shopping cart line animation" viewBox="0 0 128 128" width="128px" height="128px" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="8">
                  <g class="cart__track" stroke="hsla(0,10%,10%,0.1)">
                    <polyline points="4,4 21,4 26,22 124,22 112,64 35,64 39,80 106,80" />
                    <circle cx="43" cy="111" r="13" />
                    <circle cx="102" cy="111" r="13" />
                  </g>
                  <g class="cart__lines" stroke="currentColor">
                    <polyline class="cart__top" points="4,4 21,4 26,22 124,22 112,64 35,64 39,80 106,80" stroke-dasharray="338 338" stroke-dashoffset="-338" />
                    <g class="cart__wheel1" transform="rotate(-90,43,111)">
                      <circle class="cart__wheel-stroke" cx="43" cy="111" r="13" stroke-dasharray="81.68 81.68" stroke-dashoffset="81.68" />
                    </g>
                    <g class="cart__wheel2" transform="rotate(90,102,111)">
                      <circle class="cart__wheel-stroke" cx="102" cy="111" r="13" stroke-dasharray="81.68 81.68" stroke-dashoffset="81.68" />
                    </g>
                  </g>
                </g>
              </svg>
            </div>
  
            <label class="control-label">Choose a Platform</label>
            <ul class="servFiltr mb-2" id="filtrButns">
              <li>
                <button onclick="filterStarted('')" class="CatFltr active" data-change-cat>
                  <!--<i class="fas fa-list"></i>-->
                  <!--<i class="fas fa-stream"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/bg20h6kguy875e7t.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('instagram')" class="CatFltr insta" data-change-cat="Instagram">
                  <!--<i class="fab fa-instagram"></i>-->
                  <!--<i class="fab fa-instagram"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/e0uaj7mfdur7hyxu.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('youtube')" class="CatFltr yt" data-change-cat="YouTube">
                  <!--<i class="fab fa-telegram"></i>-->
                  <!--<i class="fab fa-youtube"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/5ldsnkpz1838i4ue.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('facebook')" class="CatFltr fb" data-change-cat="Facebook">
                  <!--<i class="fab fa-youtube"></i>-->
                  <!--<i class="fab fa-facebook-f"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/c024zleu0h02jxgb.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('tiktok')" class="CatFltr tt" data-change-cat="Tiktok">
                  <!--<i class="fab fa-tiktok"></i>-->
                  <!--<i class="fab fa-tiktok"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/n2l0nbrndyymj7qa.png">
                </button>
              <li>
                <button onclick="filterStarted('twitter')" class="CatFltr sndcld" data-change-cat="Twitter">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/81zguntsty9s8gyt.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('linkedin')" class="CatFltr sndcld" data-change-cat="Linked">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/9wbp0im3h0n9723p.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('whatsapp')" class="CatFltr sndcld" data-change-cat="Whatsapp">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/r9xlpte90imhwjbb.webp">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('twitch')" class="CatFltr sndcld" data-change-cat="Twitch">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/kw9opsnion5yo4a0.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('discord')" class="CatFltr sndcld" data-change-cat="Discord">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/2ugq4oa2x5pfdi1o.webp">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('spotify')" class="CatFltr sndcld" data-change-cat="Spotify">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/xdrxbg7noys8a1iu.webp">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('playstore')" class="CatFltr sndcld" data-change-cat="Play Store">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/7mh365qx8cbqk5q4.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('reverbnation')" class="CatFltr sndcld" data-change-cat="Reverbnation">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/17o4iurn8uq1byz1.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('snapchat')" class="CatFltr sndcld" data-change-cat="Snapchat">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/8rtmfgatncdwdqkj.png">
                </button>
              </li>
               <li>
                <button onclick="filterStarted('quora')" class="CatFltr sndcld" data-change-cat="Quora">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/hz7g6h5g9pwb26zd.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('reddit')" class="CatFltr sndcld" data-change-cat="Reddit">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/ta979dxfokec3zea.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('audiomack')" class="CatFltr sndcld" data-change-cat="Audiomack">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/yz01t1u75jqczhpb.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('soundcloud')" class="CatFltr sndcld" data-change-cat="Soundcloud">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/15xy18jwjd2smhit.png">
                </button>
              </li>
               <li>
                <button onclick="filterStarted('threads')" class="CatFltr sndcld" data-change-cat="Threads">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/ud2uj6ke4awr2lao.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('apple')" class="CatFltr sndcld" data-change-cat="Apple">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/lqgmibkw5och6s40.png">
                </button>
              </li>
               <li>
                <button onclick="filterStarted('ios')" class="CatFltr sndcld" data-change-cat="iOS">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/phiuiazdcw01k92t.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('vkontakte')" class="CatFltr sndcld" data-change-cat="Vkontakte">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/l2oue6l7ewphq8oa.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('google')" class="CatFltr sndcld" data-change-cat="Google">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/soxu1jlplx660ap2.png">
                </button>
              </li>
              <li>
                <button onclick="filterStarted('website')" class="CatFltr sndcld" data-change-cat="Website">
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <!--<i class="fab fa-soundcloud"></i>-->
                  <img src="https://cdn.mypanel.link/edeed4/0g5958ln7kke5k7a.png">
                </button>
              </li>
            </ul>
 



<form method="post" action="">
<div class="component_button_forms">
<div class="form-group">
<label for="orderformorderform-service" class="control-label">{{ lang["neworder.category"] }}</label>

<select class="form-control" id="neworder_category" name="categories" >
{{ category_html_simplify }}
</select>
<div id="select-category-container" class="position-relative"></div>
</div>
</div>

 
<div class="form-group">
<label for="orderform-service" class="control-label">{{ lang["neworder.service"] }}</label>
<select class="form-control" id="neworder_services" name="services" data-select="true" data-select-search="true" data-select-search-placeholder="Search" data-select-container="#select-service-container">
<option value="1">No services found in this category</option>
</select>
<div id="select-service-container" class="position-relative"></div>
</div>
<div id="neworder_fields"></div>


<div class="form-group" id="charge_div">
<label for="charge" class="control-label">{{ lang["neworder.charge"] }}</label>
<input type="text" class="form-control" id="charge" readonly>
</div>
<button type="submit" class="btn btn-block btn-primary">{{ lang["neworder.button"] }}</button>
</form>











<script>
document.addEventListener('DOMContentLoaded', function () {
  // Fetch and populate categories
  fetch('/api/get-categories')
    .then(response => response.json())
    .then(categories => {
      const categorySelect = document.getElementById('neworder_category');
      categorySelect.innerHTML = '<option value="">Select a category</option>';
      categories.forEach(category => {
        categorySelect.innerHTML += `<option value="${category.id}">${category.name}</option>`;
      });
    })
    .catch(error => console.error('Error fetching categories:', error));

  // Handle category selection to load services
  document.getElementById('neworder_category').addEventListener('change', function () {
    const categoryId = this.value;
    const serviceSelect = document.getElementById('neworder_services');
    serviceSelect.innerHTML = '<option value="1">Loading services...</option>';
    
    if (!categoryId) {
      serviceSelect.innerHTML = '<option value="1">Select a category first</option>';
      return;
    }

    fetch(`/api/get-services?category_id=${categoryId}`)
      .then(response => response.json())
      .then(services => {
        serviceSelect.innerHTML = '<option value="">Select a service</option>';
        services.forEach(service => {
          serviceSelect.innerHTML += `<option value="${service.id}" data-charge="${service.charge}">${service.name}</option>`;
        });
      })
      .catch(error => console.error('Error fetching services:', error));
  });

  // Handle service selection to update charge
  document.getElementById('neworder_services').addEventListener('change', function () {
    const selectedService = this.options[this.selectedIndex];
    const charge = selectedService.getAttribute('data-charge') || '0';
    document.getElementById('charge').value = `$${charge}`;
  });
});
</script>
          </div>
        </div>
        
    
        
    <div class="notify-box">
      <div class="notify-top">
        <span>{{ site["site_name"] }} Daily Updates</span>
        <i class="fa fa-times" onclick="notifyClose()"></i>
      </div>
      <div class="notify-list" id="notify-list">
        <div class="duyuru-box">
          <div class="duyuru-top">
          
            <div class="updates_dection__119">
              <div class="updates_container">
                <div class="watch_container">
                  <div class="icons">
                      <i class="fab fa-whatsapp"></i>
                  </div>
                  <div class="text_bar">
                      For updates join group
                  </div>
                  <div class="anchortag">
                      <a href="/">Follow</a>
                  </div>
                </div>
                  <div class="updates_card_body" id="insert_updates">
                 
                  </div>
              </div>
          
            </div></div></div></div></div>
         
        
        <div class="col-lg-5">
        <div class="well">
          
          <div><br></div><div><br></div><div>1️⃣ Before placing order, ensure your account is public. If ordering likes, make sure your likes count is visible.</div><div><br></div><div>2️⃣ Avoid placing duplicate orders on a link that is already in progress. Refunds will not be provided for such orders.</div><div><br></div><div>3️⃣ Refill service is not available if you change your link or username after placing an order.</div><div><br></div><div>4️⃣ The system works based on start and end counts. Refills are not possible if the ordered likes, followers, or views decrease below the start count or higher then the start count.</div><div><br></div><div>5️⃣ The average time may not always be accurate. Follow the mentioned time and speed instructions instead.</div><div><br></div><div>We strive for client satisfaction, so please adhere to these rules for optimal results! ❤</div><div><br></div>
        </div>
        </div>
        <div class="col-lg-5">
          <ul class="nav nav-pills activechngpill">
            <li class="active"><a><i class="ti ti-server-cog"></i> Updates</a></li>
            <!--<li><a data-toggle="pill" href="#broadcast"><i class="far fa-megaphone"></i> Announcements</a></li>-->
          </ul>
          <div class="well" style="padding: 0;">
            <div class="tab-content">
              <div id="updates" class="tab-pane fade in active">
                <!--<iframe src="" name="iframesmmpanel" id="updtframe" class="iframupdts" frameborder="0" allowfullscreen=""></iframe>-->
                
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12">
        <div class="row">
          <div class="col-lg-12 abc">
            <ul class="nav nav-pills pull-right ">
                          <li>
                <div class="dropdown">
                  <button class="btn btn-primary dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span>All</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu">
                                      <li><a class="dropdown-item"  onclick="search_updates_39339('')">All</a></li>
                                                              <li><a class="dropdown-item"  onclick="search_updates_39339('enabled')">Service Enabled</a></li>
                                                              <li><a class="dropdown-item"  onclick="search_updates_39339('disabled')">Service Disabled</a></li>
                                                              <li><a class="dropdown-item"  onclick="search_updates_39339('increased')">Price Increased</a></li>
                                                              <li><a class="dropdown-item"  onclick="search_updates_39339('decreased')">Price Decreased</a></li>
                                                   </ul>
                </div>
              </li>
                          <li class="search updates-section_498472">
                <form action="" method="get" id="history-search">
                  <div class="input-group">
                    <input type="text" name="search" class="form-control" id="searchServiceS" placeholder="Search">
                    <!--<span class="input-group-btn">
                      <button type="submit" class="btn btn-default"><i class="fa fa-search" aria-hidden="true"></i></button>
                    </span>-->
                  </div>
                </form>
              </li>
            </ul>  
          </div>
        </div></div>
        <div class="well well-float flow">
          <table class="table ">
            <thead>
              <tr>
                <th>ID</th>
                <th>Service</th>
                <th>Date</th>
                <th>Update</th>
                <th></th>
              </tr>
            </thead>
            <tbody>



            {% for order in orders %}
              <tr>
<td>{{ order['service_id'] }}</td> 
<td>{{ order['service_name'] }}</td>
<td>{{ order['date'] }}</td> 
<td><span class="badge" style="background-color: #ffb500">{{ order['action'] }}</span></td>
               

              </tr>
            {% endfor %}
</td>
          </tbody>
            </table>
                                                </div>
                                          </div>
                                      </div>
                                  </div>
            </div>
          </div>
        </div>
        
      </div>
      </div>
    </div>
     
                
              
  
<div id="broadcast" class="tab-pane fade">
              </div>
            </div>
  
          </div>
        </div>
      
        
      </div>

  
  

  
  <!-- Subscription Modal -->
<!--<div id="successModal" class="ordpopup modal fade" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <a class="navbar-brand" href="/">
           <img src="https://res.cloudinary.com/rentalpanel/image/upload/v1704079465/h2nxfzqjq5cid29bhuac.png" alt="{{ site["site_name"] }}" loading="lazy" class="panel_icon_class"/>
          </a>
        </div>
        <div class="modal-body">
          <div class="ordpopbody">
            <div class="ordpopupheadr">
              <div class="ordheadrwrap">
                <svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"> <circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/> <path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
                </svg>
              </div>
              <h4>Your order received</h4>
            </div>
            <span class="OrdBadge sucessbadid">Order ID : 354383</span>
            <p>
              <small>Service:</small><br> Instagram Reel Views - [ 20k-30k/hr ] [ Fastest Working ] [ Reliable ] 0-5mins
            </p>      
            <p>
              <small>Amount:</small><br> ≈ ₹0.0528611
            </p> 
            <a href="/orders?search=354383" class="btn btn-primary">Check Details</a>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>-->

    <!-- Modal -->
    <div
      id="dripfeedModal"
      class="modal fade"
      tabindex="-1"
      role="dialog"
      aria-labelledby="dripfeedModallabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="onboardingModalLabel">
              How do I turn on drip feed?
            </h4>
          </div>
          <div class="modal-body">
            <div class="swiper-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div>Slide 1 Content</div>
                  <button class="btn btn-primary btn-next">Okay, next</button>
                </div>
                <div class="swiper-slide">
                  <div>Slide 2 Content</div>
                  <button class="btn btn-primary btn-next">Okay, next</button>
                </div>
                <div class="swiper-slide">
                  <div>Slide 3 Content</div>
                  <button class="btn btn-primary btn-next">Okay, next</button>
                </div>
                <div class="swiper-slide">
                  <div>Slide 4 Content</div>
                  <button class="btn btn-success btn-close">Close</button>
                </div>
              </div>
              <!-- Add Pagination -->
              <div class="swiper-pagination"></div>
            </div>
            <a href="#" class="btn btn-link">What is Drip Feed?</a>
          </div>
        </div>
      </div>
    </div>

    <!-- Subscription Modal -->
    <div
      id="subscriptionModal"
      class="modal modalfaqs fade"
      tabindex="-1"
      role="dialog"
      aria-labelledby="subscriptionModallabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="subscriptionModalLabel">
              How do I subscribe?
            </h4>
          </div>
          <div class="modal-body">
            <div class="swiper-container-subscription">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div>
                    <div class="steps">
                      <span class="numstep">1</span>
                      <div>
                        <h2>Step 1</h2>
                        <p>Choose the service according to your daily needs.</p>
                      </div>
                    </div>
                    <div class="steps">
                      <span class="numstep">2</span>
                      <div>
                        <h2>Step 2</h2>
                        <p>
                          Put your Social Media Profile Link ( Note : It must be
                          Public else we cannot fetch the new post links )
                        </p>
                      </div>
                    </div>
                  </div>
                  <button class="btn btn-nxt btn-next-subscription">
                    Okay, next
                  </button>
                </div>
                <div class="swiper-slide">
                  <div>
                    <div class="steps">
                      <span class="numstep">3</span>
                      <div>
                        <h2>Step 3</h2>
                        <p>
                          Put an Minimum and Maximum Quantity of Engagement you
                          want in your daily posts.
                        </p>
                      </div>
                    </div>
                    <div class="steps">
                      <span class="numstep">4</span>
                      <div>
                        <h2>Step 4</h2>
                        <p>Set an Expiry Date where the Campaign will End.</p>
                      </div>
                    </div>
                  </div>
                  <button class="btn btn-nxt btn-next-subscription">
                    Okay, next
                  </button>
                </div>
                <div class="swiper-slide">
                  <div>
                    <div class="recsub">
                      <span class="redrec">Recommendation</span>
                      <p>
                        Maintain an healthy wallet balance so that we can work
                        automatically with your new posts. Else the campaign
                        will be paused due to insufficient wallet balance.
                      </p>
                    </div>
                    <button class="btn btn-faqscls btn-close-subscription">
                      Close
                    </button>
                  </div>
                </div>
              </div>
              <div class="swiper-pagination-subscription"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  
    <footer>
      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-6">
            <a class="footer-brand" href="/"> <img style="max-width:205px;" src="{{ site['logo'] }}" alt="{{ site["site_name"] }}" title="{{ site["site_name"] }}"> </a>
          </div>
          <div class="col-sm-6">
            <p class="footerp">
              © 2021-2024, {{ site["site_name"] }}, Inc. or its affiliates
            </p>
          </div>
        </div>
      </div>
    </footer>
  </body>



	
<script>
      var post_data =  'apiKey=&actionType=updates&display=150';
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() 
      {
          if (this.readyState == 4 && this.status == 200)
          {
          
              var response =  JSON.parse(this.responseText);
              
              var content = '';
              if( typeof response.data !== "undefined"  ){
                  var d = response.data;
                  
                  //console.log(d);
                  
                  if( Object.keys(d).length > 0 ){
                      
                      for( a = 0 ; a < Object.keys(d).length; a++  ){
                          var f = d[a];
                          //console.log(f);
                          
                          //{"id":"1082","type":"possitive","service_id":"1085","old":"2147483647","new":"10000000000000","log_name":"Service maximum quantity changed","service":"Private","created":"2021-12-24 06:3"}
                          
                          try {
                          
                              var service_id = '';
                              if( typeof f.service_id !== "undefined"  ){ service_id = f.service_id; }
                              
                              var service = '';
                              if( typeof f.service !== "undefined"  ){ service = f.service; }
                              
                              s = service.toLowerCase();
                              if( s.includes('private') || s.includes('xyz') ){
                                  continue;
                              }
                              
                              var log_name = '';
                              if( typeof f.log_name !== "undefined"  ){ log_name = f.log_name; }
                              
                              var created = '';
                              if( typeof f.created !== "undefined"  ){ created = f.created; }
                              
                              var id = '';
                              if( typeof f.id !== "undefined"  ){ id = f.id; }
                              
                              var old = '';
                              if( typeof f.old !== "undefined"  ){ old = f.old; }
                              
                              var type = "btn-secondary";
                              o = log_name.toLowerCase();
                              if( o.includes('increased') ){
                                  var type = "increased";
                              }else if( o.includes('decreased') ){
                                  var type = "decreased";
                              }else if( o.includes('enabled') ){
                                  var type = "enabled";
                              }else if( o.includes('disabled') ){
                                  var type = "disabled";
                              }else if( o.includes('minimum') ){
                                  var type = "min";
                                  //continue;
                              }else if( o.includes('maximum') ){
                                  var type = "max";
                                  //continue;
                              }else if( o.includes('name') ){
                                  var type = "name";
                                  continue;
                              }
                              
                              if( old.length > 0 ){
                                  old = " data-toggle='tooltip' data-placement='left' data-original-title='Old: "+old+"' ";
                              }
                              
                              if( service.length > 0 ){
                                  content = content+"<tr>" +
    "  <td class='text-center service-name width-40'><div class='id-boxi'><span class='idupdt'>" + service_id + "</span></div>" +
                                        "" + service + "</td>" +
                                        "    <td>" + created + "</td>" +
    "    <td class='text-center'><span class='badge alert-danger'><a href='javascript:void(0)' class='btn btn-sm update badge " + type + "' "+old+" >" + log_name + "</a></span></td>" +
                                        "</tr> ";
                              }
                          
                          
                          }
                          catch(err) {
                            
                          }				
                                                                      
                                              
                                                  
                      }
                  }
              }
              
              //if( content.length == 0 ){
                  //content = '<li><h4>Notification<span class="date">'+cc+'</span></h4><p>No Notification Found</p></li>';
              //}
              
              
              document.getElementById("updates_div").innerHTML = content;
              //news_updates_div
              
              
          }
      };
      xhttp.open("POST", "api", true);
      xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
      xhttp.send( post_data );
      
      window.addEventListener('load', function () {
          $("#searchServiceS").on("keyup", function() {
              var value = $(this).val().toLowerCase();
              search_updates_39339(  value );
          });
          
          $('[data-toggle="tooltip"]').tooltip()
      });
      
      function search_updates_39339( value ){
          //console.log(value);
          $(".table tbody tr").filter(function() {
              $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
          });
      }
      
  </script>
  
<script
    type="text/javascript"
    src="https://cdn.mypanel.link/edeed4/0ibj57ayq9ej47yb.js"
  ></script>
  
{% include 'footer.twig' %}


<style>
		#helpsquestion {
    position: fixed;
    top: 40%;
    right: -39px;
    z-index: 99;
    font-size: 12px;
    border: none;
    outline: none;
    background-color: #EE4540;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    transition: right 1s;
    animation: blinkingBackground 2s infinite;
}

#helpsquestion:hover {
  right: -1px;
}

@keyframes blinkingBackground{
		0%		{ background-color: #847bec;}
		25%		{ background-color: #847bec;}
		50%		{ background-color: #FF0000;}
		75%		{ background-color: #FF0000;}
		100%	        { background-color: #007bff;}
	}
		</style>
<style>

:root {
      --tp-color-red: #de3f3f;
      --tp-color-blue: #326cec;
      --tp-color-purple: #781adc;
      --tp-color-green2: #169b47;
      --tp-color-yellow: #bc8c27;
      --tp-color-gold: #FFD700;
      --tp-color-blue: #326cec !important;

    }
      span.refill.btns button {
      background-color: #169b47 !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      border: none !important;
    }

    .servicespeed .tag.Hot {
      background-color: #FFD700 !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      /* border: none !important; */
      text-transform: capitalize;
    }

    .servicebox .servicebottom {
      margin: 10px 0px;
    }

    .servicespeed .tag.favourite.service {
      background-color: #326cec !important;
      color: #fff;
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
      /* border: none !important; */
      text-transform: capitalize;
    }

    .servicespeed span {
      background: var(--color-2);
      padding: 4px 8px;
      border-radius: 7px;
      margin-right: 5px;
      color: white;
      font-weight: 600;
      font-size: 11px;
      margin-top: 4px;
    }

    .srcsp span {
      font-weight: 700;
      color: #bfd5fd;
    }

    .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
      padding: 0px !important;
    }

    .select2-results__option[aria-selected] {
      padding: 0px !important;
    }

    @media only screen and (min-width: 962px) {
      .serviceslist {
        max-height: 276px;
        border-radius: 0 0 16px 13px;
        overflow-x: auto;
      }
    }

    .servicebox {
      border: 1px solid transparent;
    }
    .form-group.OrderService{
      margin-bottom:0px;
    }
    #select2-OrderService-container .servicebottom {
      display: none;
    }
    /* #select2-OrderService-container .servicebox.sclr635 .servicespeed .Most.seller{
      border: 1px solid #000;
    }
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Best.seller{
      border: 1px solid #000;
    }
     
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Hot{
      border: 1px solid #000;
    }
    #select2-OrderService-container .servicebox.sclr635 .servicespeed .Recommended {
      border: 1px solid #000;
    } */
    /* #select2-OrderService-container .servicebox.sclr635 .servicespeed .refill button{
      border: 1px solid #000;
    }
     */
     
    #select2-OrderService-container .servicebottom {

    position: absolute;
    top: 35px;
    z-index: 5;
   
    left: 0;
}
#select2-OrderService-container  span.refill.btns button{
  padding: 0px 8px;
}
    #select2-OrderService-container  .servicebox.sclr635 {
      display: flex;
    flex-direction: column;
   
    align-items: flex-start;
    }

    #select2-OrderService-container .servicedetail {
      display: none;
    }
.add_tags_services .servicebox{
  background-color: transparent !important;
}
.add_tags_services .servicebox .servicebottom{
margin: 0px !important;
}
    .dark .servicebox {
      background-color: #222;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .light .servicebox {
      background-color: transparent;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .servicebox {
      background-color: transparent;
      padding: 7px;
      color: var(--color-3);
      border-radius: 0;
      flex-direction: row;
      justify-content: space-between;
      width: 100%;
      align-items: center;
    }

    .light .srcsp span {
      color: #222;
    }

    @media only screen and (min-width: 962px) {
      .servicetop {
        padding-left: 2px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
      }
    }

    .sertops {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
    }

    .servicedetail {
      display: flex;
      margin-top: 20px;
    }

    @media only screen and (min-width: 962px) {
      .srcsp {
        font-size: 12px;
        color: var(--color-3);
        margin-right: 15px;
        font-weight: 400;
      }
    }

    .active_lay {
      display: none;
    }

    span.select2-search.select2-search--dropdown {
      display: none;
    }

.add_funds.authorized form  .bootstrap-select .dropdown-menu li a span.text img{
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
.add_funds.authorized form .bootstrap-select .dropdown-toggle .filter-option-inner-inner img{
  width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
}
.select2-container--open .select2-dropdown--below{
 
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: #fff !important;
    outline: none !important;
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
    background: #f53e31;
    /* box-shadow: #033c7350 0px 20px 30px; */
    box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
}
.select2-container--default .select2-results__option--selected{
    border-bottom:1px solid rgb(86 9 11) !important;
    background-color: #fff;
}
.select2-container--default .select2-selection--single{
    padding: 10px 0px;
          border-radius: 10px ;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
}
span.select2-dropdown.select2-dropdown--above{
    min-height: 340px !important;
    padding: 0px !important;
    margin-top: 0px !important;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 12px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0px !important;
}
      .add_funds.authorized form .btn-default {
          padding: 10px;
          border-radius: 10px;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
      }
      .authorized form .bootstrap-select .dropdown-menu {
              border-radius: 10px !important;
              top: 10px !important;
              max-height: 340px !important;
              min-height: 35px !important;
              left: 0;
              float: left;
              text-align: left;
              list-style: none;
              background-clip: padding-box !important;
          }

          .authorized form .dropdown-menu.open li.active a, .authorized form .dropdown-menu > li > a:hover, .authorized form .dropdown-menu > li > a:focus {

          color: #fff !important;
          outline: none !important;
          background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /* box-shadow: #033c7350 0px 20px 30px; */
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
      }
          .add_funds.authorized .dropdown.bootstrap-select.form-control.bs3.open{
              background-color: transparent !important;
          }
      .add_funds.authorized form .btn-default:is(:hover,:focus){
          padding: 10px;
          border-radius: 10px;
          border: 1px solid #00000010 !important;
          outline: none !important;
          box-shadow: none !important;
          background: #efefef;
          color: #0a0a0a;
          height: 45px;
      }
      .add_funds.authorized form .btn-default:focus {
          border: 1px solid #66afe9 !important;
          outline: 0 !important;
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
          /* box-shadow: 0 0 10px #5897fb90 !important; */
          /* border: 1px solid #5897fb90 !important; */
      }
      @media (min-width: 1200px) {
          .authorized.add_funds  form .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }

      @media (min-width: 992px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      @media (min-width: 767px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      @media (min-width: 592px) {
          .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
              min-height: 340px !important;
          }
      }
      .authorized.add_funds  form  .bootstrap-select .dropdown-menu {
          min-height: 340px !important;
      }
      .add_funds.authorized form .dropdown-menu.open {
          max-width: 100%;
          position: inherit;
      }
      .authorized.add_funds  form .bootstrap-select .dropdown-menu.open li {
          border-bottom: 1px solid #00000010 !important;
      }
      .authorized.add_funds  form  .dropdown-menu.open li a {
          /* margin: 5px 0px !important; */
      }

      .authorized.add_funds  form .dropdown-menu.open li a {
          display: block;
          width: 100%;
          /* border: 1px solid rgb(86 9 11); */
          padding: 8px 10px;
          color: #333;
          /* border-radius: 30px; */
          /* margin: 15px 0px; */
          outline: none !important;
      }
      .bootstrap-select .dropdown-menu li a span.text {
          word-wrap: break-word;
          white-space: break-spaces;
      }
              .pagination li a {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }
              .welcomebox h2 span, .sidebarul li a:hover, .sidebarul li a:focus, .maindetheadstat h4, .ticketboxleft a, .contpghdr h2 span, .pricechildpanel, .ullistns li i, .fcpcont h3, .servid, .stepcardmoflex h3, .stepcont h2  {
             color: #2fa4e7 !important;
              }
              .secondSec .secheading h2 span {
              color: #162b51 !important;
              }
              .note {
              border-color: #f53e31 !important;
              }
              body a.active {
              color: #fff !important;
              }
              .sidebarul li a, .idtd div {
              color: #162b51 !important;
              }
              .idtd div {
              border: 1px solid #162b51 !important;
              }
            	.menu_items_17, .menu_items_21 {
              display:none !important;
              }
              body {
              background-image: none !important;
              background-color: #F0F4F7 !important;
              }
              body.darkmode ul li a {
              color: #fffff !important;
              }
              body.darkmode {
              background: radial-gradient(#0a0a0a, #1a1a1a) !important;
              }
              body.darkmode .statcard {
        background: #242b3a;
        border: 1px solid #ffffff10;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
      body.darkmode .statcard .dethead .maindetheadstat p {
        color: #fff;
      }
      body.darkmode .statcard .dethead .maindetheadstat h4 {
        color: #ffffff99;
      }
      body.darkmode .well {
        background: #242b3a;
        border: 1px solid #ffffff10;
        color: #fff;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
              body.darkmode ul.nav.nav-pills {
        background: #242b3a;
        border: 1px solid #ffffff10;
        color: #fff;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }

              body.darkmode .sidebar {
        background: #242b3a;
        border: 1px solid #ffffff20;
        box-shadow: 2px 2px 120px -55px #2fa4e730;
      }
      body.darkmode .sidebar ul li a {
        color: #fff !important;
        font-weight: 400;
      }
      body.darkmode p.menuheading, body.darkmode .gridcol2 div#specs, body.darkmode .wellhdr .headrwell p, body.darkmode footer p.footerp {
        color: #fff;
      }
      body.darkmode .profilecard {
        background: #ffffff20;
        color: #fff;
      }
      body.darkmode .profilecard img {
        border-color: #454647;
        margin-right: 10px;
      }
      body.darkmode .profilecard h3 {
        color: #ffffff99;
        text-align: left;
        font-weight: bold;
      }
      body.darkmode .form-control, body.darkmode .statsdesc > div, body.darkmode div.gridcol2, body.darkmode .panel-body {
        background: #ffffff20;
        border: 1px solid #ffffff10;
        color: #fff;
      }
      body.darkmode footer {
        background: #ffffff20;
        color: #fff;
      }
      body.darkmode .payment-group button {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode h4.paymentHeading {
        color: #fff;
        font-weight: 400;
      }
      body.darkmode h4.paymentHeading i {
        background: #2fa4e7;
      }
      body.darkmode ul.paymethradios li.payment-option a {
        background: #ffffff50;
        color: #fff;
      }
      body.darkmode ul.paymethradios li.payment-option a .option-header p, body.userauth.darkmode td.idtd {
        color: #fff;
      }
      body.darkmode ul.paymethradios li.payment-option a .option-header span.radio {
        border-color: #2fa4e7;
      }
      body.darkmode .ordertopfeats {
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .search .form-control {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #ffffff20;
      }
              body.darkmode .table-responsive {
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
        color: #fff;
      }
      body.darkmode .wellhdr .headrwell i {
        background: #2fa4e7;
      }
      body.darkmode .chat-container, body.darkmode .notechatdet {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .datetick {
        background: #ffffff20;
      }
      body.darkmode .whatsapp-chat-box {
        background: #373737;
      }
      body.darkmode .chatdetstat {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .chatdetstat p{
        color: #ffffff90;
      }
              body.darkmode ul.nsul {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode ul.nsul li {
        background: transparent;
        color: #fff;
      }
      body.darkmode ul.ullistns li {
        color: #ffffff90;
      }
      body.darkmode .cardfcp {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .secheading h2 {
        color: #fff;
      }
      body.darkmode .secheading h2 span {
        color: #2fa4e7;
      }
      body.darkmode hr {
        border-color: #ffffff10;
      }
      body.darkmode .backchildsmh {
        background: #4d4d4f;
      }
      body.userauth.darkmode .backchildsmh h3.pricechildpanel small {
        color: #fff;
      }
      body.darkmode .backchildsmh h3.pricechildpanel {
        background: #4d4d4f;
      }
      body.darkmode .modal-content {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .modal-header {
        border-color: #ffffff20;
      }
      body.darkmode .dropdown-menu {
        background: #292929;
      }
      body.darkmode .dropdown-menu li a {
        color: #fff !important;
        border: 1px solid #ffffff10 !important;
      }
      body.darkmode .profilecardacc {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode p.usernameprof {
        color: #fff;
      }
      body.darkmode .dropdown.profiledd ul.dropdown-menu{
        color: #fff !important;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .form-msord small {
        color: #178acc;
      }
      body.darkmode .stepcardmo{
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
      body.darkmode .page-header-lgin {
        color: #fff;
        border-radius: 12px;
        box-shadow: rgba(255, 255, 255, 0.2) 0 1px 1px 0 inset, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9) 0px 0px 0px 1px !important;
        background: linear-gradient(180deg, #404146 0%, #272729 100%) !important;
        border: none !important;
      }
              .well .btn-default:active .caret,
      .well .btn-default.active .caret,
      .well .open > .dropdown-toggle.btn-default .caret {
      transform: rotate(180deg) !important;
      }
              thead tr{
              background: none !important;
              background-image: none !important;
              }
              body .btn.btn-primary, body .threedblue, thead, .maindetheadstat i, .headrwell i, .help-block.min-max, .funddd .dropdown-menu li a span, .tickstat, .seventhSec .stepcard{
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #64b0ff 0%, #FF5A5A10 100%), #3191f5 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #2780e3, 0px 0px 0px 1.18245px #2fa4e7, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }
              body .nav-pills > li.active > a, body .nav-pills > li.active > a:hover, body .nav-pills > li.active > a:focus {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
              background: #f53e31;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #ffffff !important;
              }
              body .nav-pills > li:first-child.active > a, body .nav-pills.activechngpill > li:first-child.active > a {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #5ba9fb 0%, #FF5A5A10 100%), #178acc !important;
              background: #2780e3;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #178acc, 0px 0px 0px 1.18245px #2780e3, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #ffffff !important;
              }
              /* body .threeddarkblue {
              background: radial-gradient(42.73% 42.73% at 50% 96.36%, #CA6464 0%, #D46E6E10 100%), #841E1E !important;
              background: #841E1E;
              /*box-shadow: #033c7350 0px 20px 30px;*/
              box-shadow: 0px 1.18245px 2.3649px 0px #F28C8C, 0px 0px 0px 1.18245px #841E1E, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              }*/
    </style>
<style>
    body .input-group-btn .btn-default.clear-datetime {
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /*box-shadow: #033c7350 0px 20px 30px;*/
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;color: #ffffff !important;border-top-left-radius: 0px !important;border-bottom-left-radius: 0px !important;
    }
    body .input-group-btn .btn.btn-default.clear-datetime .fas {
    color: #fff !important;
    }
  .updates{width:60px;height:60px;bottom:25px;right:20px;background-color:#25d366;position: fixed !important;z-index: 100000000 !important;
    background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /*box-shadow: #033c7350 0px 20px 30px;*/
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
    color:#FFF!important;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;display:flex;align-items:center;justify-content:center;text-decoration:none!important;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;transform:scale(0.9)}
    .updates:hover{transform:scale(1);background-color:#1fcc5f;}
      
      .gap {
  margin-left: -15px !important;
  margin-right: -15px !important;
  }
      
      
      
    body .flow {
    max-height: 582px !important;
    overflow: auto !important;
    }
    
          .notify-box.active {
              background:#fff !important;
              color: #fff;
              position: fixed;
              right: 0;
              top: 0;
              bottom: 0;
              z-index: 45235235;
              border-left: 1px solid var(--tp-400);
              width: 300px;
              margin-right: 0;
          }
  
          .notify-box {
              background: #000;
              position: fixed;
              right: 0;
              top: 0;
              bottom: 0;
              z-index: 45235235;
              border-left: 1px solid var(--tp-400);
              transition: .14s ease;
              width: 390px;
              margin-right: -390px;
          }
  
          .notify-box .notify-top {
              padding: 10px;
              font-size: 18px;
              display: flex;
              align-items: center;
              border-bottom: 1px solid rgb(86 9 11) !important;
              color: #fff;
              justify-content: space-between;
    background-color: rgb(86 9 11) !important;background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /*box-shadow: #033c7350 0px 20px 30px;*/
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
          }
  
          .notify-box .notify-top i {
              padding: 10px;
              color: #fff !important;
          }
  
          .notify-box .notify-list {
              height: calc(100vh - 70px);
              overflow: auto;
              margin-right: 5px;
              gap: 10px;
              display: flex;
              flex-direction: colomn;
              padding: 10px;
          }
  
          .notify-box .notify-list::-webkit-scrollbar {
              width: 2px !important;
              background-color: transparent;
          }
  
          .notify-box .notify-list::-webkit-scrollbar-thumb {
              width: 2px !important;
              background-color: transparent;
          }
  
          .notify-box .notify-list::-webkit-scrollbar-track {
              width: 2px !important;
              background-color: transparent;
          }
  
          /* .notify-box .duyuru-box {
              background: transparent !important;
              display: flex;
              flex-direction: column;
              border: 1px solid #000;
              border-radius: 8px;
          } */
  
          .notify-box .duyuru-title {
              color: #fff;
              padding: 10px;
              border-bottom: 1px solid transparent;
              width: 100%;
              display: block;
  
          }
          .updates_container .watch_container{
              background-color: #2b20200d;
      border-radius: 50px;
      display: flex;
      justify-content: space-between;
      box-shadow: 0px 3px 0px #00000029;
      padding: 10px;
      display: flex;
      gap: 5px;
      align-items: center;
      margin-bottom: 10px;
          }
          .updates_container .watch_container .anchortag{
    background-color: rgb(37 211 102);
              color: #fff;
              text-decoration: none;
              border-radius: 30px;
              padding: 10px;
              color: #fff !important;
  
          }
          .updates_container .watch_container .anchortag a{
              color: #fff !important;  
          }
          .updates_container .watch_container .text_bar{
              color: #222;
              font-weight: 700;
          }
          .updates_container .watch_container .icons {
              width: 50px;
              height: 50px;
              border: 1.5px solid #d3d0d0;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
          }
          .updates_container .watch_container .icons i{
              color: #25d366 !important;
              font-size: 30px;
          }
          #insert_updates .flex_updates{
              background-color: rgb(245 245 245);
      padding: 10px;
      border-radius: 30px;
      box-shadow: 0px 3px 0px #00000029;
      color: #222 !important;
      margin-bottom: 10px;
      display: ;
      gap: 10px;
          }
          #insert_updates .flex_updates .icons_item i{
              width: 40px;
              height: 40px;
              display: flex;
              justify-content: center;
              align-items: center;
    background-color: rgb(86 9 11);background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /*box-shadow: #033c7350 0px 20px 30px;*/
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
              color: #fff !important;
              border-radius: 50%;
              font-size: 20px;
      transform: rotate(-38deg);
  
          }
          #insert_updates .flex_updates .title_1{
              font-weight: 900;
              margin-bottom: 0px;
          }
          #insert_updates .flex_updates .read_more_item .item_read_more{
           color:  #f53e31;  
           cursor: pointer;
           text-decoration: underline; 
          }
          #insert_updates .flex_updates  .text_slice{
              color: rgb(166 166 166) !important;
              font-size: 12px;
              font-weight: 400;
          }
          #insert_updates .flex_updates .show_mesg{
              color: rgb(166 166 166) !important;
              opacity: 0;
              height: 0px;
              transition: 0.4s ease-in-out;
              visibility: hidden;
          }
          #insert_updates .flex_updates .read_more_item.active .show_mesg{
              visibility: visible;
              opacity: 1;
              height: 100% !important;
          }
          #insert_updates .flex_updates .date_div{
              color: rgb(109 109 109) !important;
              font-weight: 700;
          }
          
          #news_updates_div {
              padding: 0px !important;
              margin: 0px !important;
          }
  
          #news_updates_div .singleNewsBlock {
  
              border-radius: 8px;
              padding: 10px;
              margin: 10px 10px;
              border: 1px solid rgb(86 9 11) !important;
          }
      .alert {
    /*display: none !important;*/
    }
  .body .form-group .dropdown-menu.active a {
          text-decoration: none;
        }
  
        .body .form-group .select-results__option a:hover {
          text-decoration: none;
        }
        .body .form-group .dropdown-menu.active a:hover {
          text-decoration: none;
        }
        .body .form-group .select-selection--single {
          display: flex;
          align-items: center;
        }
        .body .form-group .select-search__field-icon {
          padding-left: 0.6em;
          
          display: flex;
          align-items: center;
        }
        .body .form-group .select-selection__id {
          vertical-align: middle;
        }
        .body form .dropdown-menu.open.show  .inner.open{
          display: block !important;
        }
        .body form  .bootstrap-select .dropdown-menu.inner {
      max-height: 340px !important;padding: 0px !important;
      display: block !important;
  }
  .dropdown-menu.open.show {
     transform: none !important;
     top: 44px !important;padding: 0px !important;
     }
  </style>
<style>
    .servicecattt{
    margin-bottom: 72px !important;
    }
    .servicecat {
    margin-bottom: 0px !important;
    }
    .ordercat {
    margin-bottom: 57.5px !important;
    }
    .ordercat .custom-select.w-full{
    margin-top: 27px !important;
    }
    .custom-select.w-full {
    position: absolute !important;
    left: 17.5px;
    right: 175px;
    min-width: auto !important;
    max-width: 90%;
    margin-right: 55px;
    }
    .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
      overflow: hidden;
      white-space:nowarp !important;
      text-overflow:ellipsis;
  }
    form .btn-default:active,
  form .btn-default.active,
  form .open > .dropdown-toggle.btn-default, .custom-select.active {
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
    outline: 0px !important;
    background: #efefef !important;
    border-color: #00000010 !important;color:#000 !important;
    box-shadow: none !important;
  }
    .index.authorized form .btn-default {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #00000010 !important;
    outline: none !important;
    box-shadow: none !important;
    background: #efefef;
    height: 45px;
          }
    .index.authorized form .btn-default:focus {
    border: 1px solid #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    /*box-shadow: 0 0 10px #5897fb90 !important;*/
    /*border: 1px solid #5897fb90 !important;*/
          }
          .authorized .bootstrap-select .dropdown-menu.inner {
              display: block !important;
              background: transparent;
  margin-top: 58px !important;
          }
  
          .authorized form .dropdown-menu.open.show {
  margin-top: 0px !important;
              border-radius: 20px !important;
              background-color: #e9e9e9;
              border: 1px solid #fffc !important;
          }
  
          .authorized .bootstrap-select .dropdown-menu.inner {
    padding: 0px !important;
    margin-top: 0px !important;
          }
  
          .authorized form .dropdown-menu.open li a {
              display: block;
              width: 100%;
    /*border: 1px solid rgb(86 9 11);*/
              padding: 8px 10px;
              color: #333;
    /*border-radius: 30px;*/
    /*margin: 15px 0px;*/
    outline: none !important;
  
          }
  
          .authorized form .ordercat .dropdown-menu.open li a {
    /*margin: 5px 0px !important;*/
    
          }
  
    .authorized form .dropdown-menu.open li a span.badge.service_id_badge {
              background-color: rgb(86 9 11);
          background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /*box-shadow: #033c7350 0px 20px 30px;*/
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31, rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px !important;
          
              color: #fff !important;
    /* padding: 5px 10px;*/
    /*position: absolute;*/
    /*top: -10px;*/
    /*border-radius: 30px;*/
    }
  .authorized form .bootstrap-select .dropdown-menu.open li {
    border-bottom: 1px solid #00000010 !important;
    }
    .authorized form .ordercat .bootstrap-select .dropdown-menu {
    min-height: 340px !important;
    }
          .authorized form .bootstrap-select .dropdown-menu {
    border-radius: 10px !important;padding: 0px !important;
    top: 54px !important;
    max-height: 340px !important;
    min-height: 80px !important;
       left: 0;
       float: left;
       text-align: left;
       list-style: none;
       background-clip: padding-box !important;
    }
  
    .authorized form .dropdown-menu.open li.active a span.badge.service_id_badge {
              background-color: #fff !important;background-image: none !important;
    box-shadow: none !important;
              color: #f53e31 !important;
              border-radius: 30px;
    }
  
          .authorized form .dropdown-menu.open li.active a, .authorized form .dropdown-menu > li > a:hover, .authorized form .dropdown-menu > li > a:focus  {
              background-color: #2780e3;
              color: #fff !important;outline: none !important;
          background: radial-gradient(42.73% 42.73% at 50% 96.36%, #FF6464 0%, #FF5A5A10 100%), #f53e31 !important;
          background: #f53e31;
          /*box-shadow: #033c7350 0px 20px 30px;*/
          box-shadow: 0px 1.18245px 2.3649px 0px #FF6464, 0px 0px 0px 1.18245px #f53e31 !important;
          }
          
    
    
    
   .table-responsive{
      min-height: 250px !important;
  } .update.badge {
      padding: 10px 20px;
      border-radius: 10px;
  } .update.decreased {
      background: orange;
      color:#fff;
  }
   .update.increased {
  background: blue;
      color: #fff;
  }
   .update.enabled {
      background: green;
      color: #fff;
  }
   .update.disabled {
      background: black;
      color: #fff;
  }
   .update.min {
      background: #f3b82d;
      color: #100223;
  }
   .update.name {
      background: #ff5287;
      color: #fff;
  }
   .update.max {
      background: #ff5568;
      color: #fff;
  }
  
  .updates-section_498472 .col-md-12{
      width: 100% !important;
      margin: 0 0 0 0 !important; 
  }
    
  .updates-section_498472 .table > tbody > tr > td::after{
      display:none;
  }
  
   
  </style>
<style>
          /* .headernav.threedblue.navbar-fixed-top {
      display: none;
          }
    .main-content {
      margin: 0 !important;
          }*/
    @media (max-width: 767.2px) {
      body.userauth .main-content {
          /*margin-top: 0 !important;*/
      }
    }
          @media (max-width: 992px) {
          .notify-box.active {
                  width: 100% !important;
              
          }
          }
    .container-fluid {
          /*margin: 0;*/
      position: relative;
          /*z-index: 100000;*/
    }
    .abc ul.nav.nav-pills.pull-right {
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      margin: 10px 0;
    }
    .abc li.search {
      width: 100%;
    }
    .well.well-float {
      padding: 0;
    }
   .abc li.search form{
      margin: 0;
    }
    .abc li.search .input-group {
      width: 100%;
    }
    .abc li.search .input-group input {
      border-radius: 10px !important;
    }
    a.updtbtn {
      display: block;
      background: #2fa4e726;
      padding: 7px 10px;
      white-space: nowrap;
      text-decoration: none !important;
      border: 1px solid;
      border-radius: 10px;
    }
          @media(min-width: 592px){
          .custom-select.w-full {
    position: absolute !important;
          left: 17.5px !important;
   
          right: 17.5px !important;
          min-width: auto !important;
          max-width: 94.2% !important;
          margin-right: 50px !important;
    }.authorized form .ordercat .bootstrap-select .dropdown-menu {
    min-height: 340px !important;
    }
          .authorized form .bootstrap-select .dropdown-menu {
    border-radius: 10px !important;
    top: 54px !important;
    max-height: 340px !important;
    min-height: 35px !important;
       left: 0;
       float: left;
       text-align: left;
       list-style: none;
       background-clip: padding-box !important;
    }
      
          }
          @media(min-width: 767px){
          .custom-select.w-full {
    position: absolute !important;
          left: 17.5px !important;
   
          right: 175px !important;
          /*min-width: auto !important;*/
          max-width: 96.2% !important;
          margin-right: 55px !important;
    }
          .authorized form .ordercat .bootstrap-select .dropdown-menu {
    min-height: 340px !important;
    }
          .authorized form .bootstrap-select .dropdown-menu {
    border-radius: 10px !important;
    top: 54px !important;
    max-height: 340px !important;
    min-height: 35px !important;
       left: 0;
       float: left;
       text-align: left;
       list-style: none;
       background-clip: padding-box !important;
    }
          }
          @media(min-width: 992px){
          .custom-select.w-full {
    position: absolute !important;
    left: 17.5px !important;
   
          right: 175px !important;
    min-width: auto !important;
    max-width: 96.7% !important;
          margin-right: 55px !important;
    }
          .authorized form .ordercat .bootstrap-select .dropdown-menu {
    min-height: 340px !important;
    }
          .authorized form .bootstrap-select .dropdown-menu {
    border-radius: 10px !important;
    top: 54px !important;
    max-height: 340px !important;
    min-height: 35px !important;
       left: 0;
       float: left;
       text-align: left;
       list-style: none;
       background-clip: padding-box !important;
    }}
          @media(min-width: 1200px){
          .custom-select.w-full {
    position: absolute !important;
          left: 17.5px !important;
   
          right: 175px !important;
    min-width: auto !important;
    max-width: 96.5% !important;
          margin-right: 55px !important;
    }
          .authorized form .ordercat .bootstrap-select .dropdown-menu {
    min-height: 340px !important;
    }
          .authorized form .bootstrap-select .dropdown-menu {
    border-radius: 10px !important;
    top: 54px !important;
    max-height: 340px !important;
    min-height: 35px !important;
       left: 0;
       float: left;
       text-align: left;
       list-style: none;
       background-clip: padding-box !important;
    }
          }
  </style>
<style>
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      flex-direction: column;
      font-size: 18px;
    }
    .modal-content {
      text-align: center;
    }
    .btn-next, .btn-close {
      margin-top: 20px;
    }
  </style>
<style>
      .swiper-container {
        width: 100%;
        height: 100%;
      }
      .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        font-size: 18px;
      }
      .modal-content {
        text-align: center;
      }
      .btn-next,
      .btn-close {
        margin-top: 20px;
      }
    </style>