/* variables from theme configuration */
:root {
    --am_logo_link: 1;
--am_bg: #dee7ec;
--am_bg_size: auto;
--am_bg_size_px: auto;
--am_bg_attachment: scroll;
--am_bg_repeat: no-repeat;
--am_color: #dee7ec;
--am_link_color: #2a9d8f;
--am_btn_color: #2a9d8f;
--am_text_color: #303030;
--am_color_c: #211813;
--am_color_d: #acb5ba;
--am_logo_align: center;
--am_logo_width: auto;
--am_logo_width_px: auto;
--am_max_width: 1200;
--am_max_width_px: 1200px;
--am_font_size: 18;
--am_font_size_px: 18px;
--am_font_family: Roboto;
--am_drop_shadow: 1;
--am_content_shadow: 0px 0px 5px #00000022;;
--am_border_radius: 15;
--am_border_radius_px: 15px;
--am_login_layout: layout.phtml;
--am_login_bg: white;
--am_login_bg_color: #f1f5f9;
--am_login_shadow: 0px 0px 5px #00000022;;
--am_login_legend_bg: #dee7ec;
--am_login_legend_padding_top: 1em;
--am_login_form_bg_color: #dee7ec;
--am_login_header_display: block;
--am_login_type: am-page-login-no-label;
--am_header_bg_color: #4caf50;
--am_header_bg_size: cover;
--am_header_bg_size_px: cover;
--am_header_bg_repeat: no-repeat;
--am_header_bg: #4caf50;
--am_menu_color: #2a9d8f;
--am_menu_dashboard: text;
--am_dashboard_layout: one-col;
--am_identity_align: left;
--am_identity_type: login;
--am_page_bg_color: #f1f5f9;
--am_page_bg: #f1f5f9;
--am_header_menu_link_color: #000000;
--am_header_menu_link2_color: #000000;
--am_header_menu_bg_color: #f1f5f9;
--am_footer_bg: #2a9d8f;
--am_footer_bg_color: #2a9d8f;
--am_footer_text_color: #0d0d0d;
--am_footer_link_color: #0d0d0d;
--am_sm_size: 18;
--am_sm_size_px: 18px;
--am_sm_color: #dee7ec;
--am_header_logo: 8;
--am_login_sidebar: <style>
        .message-box {
            max-width: 600px;
            padding: 20px;
            border: 2px solid #008cba;
            border-radius: 8px;
            background-color: #ffffff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            margin-bottom: 20px;
        }
        h1 {
            font-size: 24px;
            color: #008cba; /* Blue title */
            margin-bottom: 16px;
        }
        p {
            font-size: 18px;
            line-height: 1.6;
        }
        .highlight {
            color: #d9534f; /* Red highlight for warnings */
            font-weight: bold;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #008cba;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        button:hover {
            background-color: #005f7f;
        }
    </style>
    <div class="message-box" id="messageBox">
        <h1>Dear Customer</h1>
        <p>
            We are committed to providing you with the highest service and authorize only you to use your account. <span class="highlight">If you share your account information with a friend or any other person, allowing them to use it, your account may be suspended without warning.</span> Additionally, we do not have any resellers, so be cautious and enjoy our service. Thank you.
        </p>
    </div>
    <button onclick="toggleLanguage()">বাংলায় পড়ুন</button>

    <script>
        let isEnglish = true;

        function toggleLanguage() {
            const messageBox = document.getElementById('messageBox');
            if (isEnglish) {
                messageBox.innerHTML = `
                    <h1>প্রিয় গ্রাহক</h1>
                    <p>
                        আমরা সর্বদা আপনাকে সর্বোত্তম সেবা প্রদানে অঙ্গীকারবদ্ধ এবং আমরা শুধুমাত্র আপনাকেই আপনার অ্যাকাউন্ট ব্যবহারের অনুমতি প্রদান করি। <span class="highlight">যদি আপনি আপনার অ্যাকাউন্টের তথ্য বন্ধু বা অন্য কোন ব্যক্তির সাথে শেয়ার করে তাদের ব্যবহারের সুযোগ দেন, তবে আপনার অ্যাকাউন্টটি সতর্কতা ছাড়াই স্থগিত হতে পারে।</span> এছাড়াও, আমরা কোনো রিসেলার নিযুক্ত করি না, তাই সতর্ক থাকুন এবং আমাদের সার্ভিস উপভোগ করুন। ধন্যবাদ।
                    </p>
                `;
                document.querySelector('button').textContent = 'Read in English';
                isEnglish = false;
            } else {
                messageBox.innerHTML = `
                    <h1>Dear Customer</h1>
                    <p>
                        We are committed to providing you with the highest service and authorize only you to use your account. <span class="highlight">If you share your account information with a friend or any other person, allowing them to use it, your account may be suspended without warning.</span> Additionally, we do not have any resellers, so be cautious and enjoy our service. Thank you.
                    </p>
                `;
                document.querySelector('button').textContent = 'বাংলায় পড়ুন';
                isEnglish = true;
            }
        }
    </script>;
--am_gravatar: 1;
--am_body_finish_out: <script>
document.addEventListener('DOMContentLoaded', function() {
  // Configuration
  const CONFIG = {
    selectors: {
      paidItems: '#productOption-1-1-0-Buy_Tools-0',
      freeItems: '#productOption-1-1-0-Get_Free-0',
      paidItemsContainer: '#row-productOption-1-1-0-Buy_Tools-0',
      freeItemsContainer: '#row-productOption-1-1-0-Get_Free-0',
      productOptions: '#product-options-1'
    },
    classes: {
      magicSelectItem: 'magicselect-item',
      deleteButton: 'am-link-del',
      elementContainer: '.am-element'
    },
    styles: {
      marginTop: '15px',
      color: '#e74c3c',
      fontWeight: 'bold',
      textAlign: 'center',
      paddingBottom: '15px'
    }
  };

  // Get DOM elements
  const elements = {
    paidItemSelect: document.querySelector(CONFIG.selectors.paidItems),
    freeItemSelect: document.querySelector(CONFIG.selectors.freeItems),
    paidContainer: document.querySelector(CONFIG.selectors.paidItemsContainer),
    freeContainer: document.querySelector(CONFIG.selectors.freeItemsContainer),
    productOptions: document.querySelector(CONFIG.selectors.productOptions)
  };

  // Validate required elements exist
  if (!elements.paidItemSelect || !elements.freeItemSelect) {
    console.error('Required select elements not found');
    return;
  }

  // State management
  const state = {
    selectedFreeItems: new Set(),
    previousPaidItemCount: 0
  };

  // Create and setup limit text display
  const limitTextDiv = createLimitTextElement();
  
  // Initialize the application
  init();

  /**
   * Create the limit text display element
   */
  function createLimitTextElement() {
    const div = document.createElement('div');
    div.id = 'selection-limit-text';
    
    // Apply styles
    Object.assign(div.style, CONFIG.styles);
    
    elements.productOptions.appendChild(div);
    return div;
  }

  /**
   * Initialize the application
   */
  function init() {
    updateLimitText();
    attachEventListeners();
    setupMutationObservers();
  }

  /**
   * Attach event listeners
   */
  function attachEventListeners() {
    elements.paidItemSelect.addEventListener('change', handlePaidItemChange);
  }

  /**
   * Setup mutation observers to monitor DOM changes
   */
  function setupMutationObservers() {
    // Monitor paid item selections
    const paidObserver = new MutationObserver(handlePaidItemMutation);
    paidObserver.observe(
      elements.paidContainer.querySelector(CONFIG.classes.elementContainer),
      { childList: true, subtree: true }
    );

    // Monitor free item selections
    const freeObserver = new MutationObserver(handleFreeItemMutation);
    freeObserver.observe(
      elements.freeContainer.querySelector(CONFIG.classes.elementContainer),
      { childList: true, subtree: true }
    );
  }

  /**
   * Handle paid item selection changes
   */
  function handlePaidItemChange() {
    resetFreeSelections();
    updateLimitText();
  }

  /**
   * Handle mutations in paid items container
   */
  function handlePaidItemMutation(mutations) {
    const currentPaidItemCount = getPaidItemCount();
    
    if (currentPaidItemCount !== state.previousPaidItemCount) {
      resetFreeSelections();
      state.previousPaidItemCount = currentPaidItemCount;
    }
    
    enforceSelectionLimits();
    updateLimitText();
  }

  /**
   * Handle mutations in free items container
   */
  function handleFreeItemMutation(mutations) {
    mutations.forEach(mutation => {
      handleAddedNodes(mutation.addedNodes);
      handleRemovedNodes(mutation.removedNodes);
    });
    
    enforceSelectionLimits();
    updateLimitText();
  }

  /**
   * Handle newly added free item selections
   */
  function handleAddedNodes(addedNodes) {
    addedNodes.forEach(node => {
      if (node.classList?.contains(CONFIG.classes.magicSelectItem)) {
        const input = node.querySelector('input');
        if (input) {
          state.selectedFreeItems.add(input.value);
          attachDeleteHandler(node, input.value);
        }
      }
    });
  }

  /**
   * Handle removed free item selections
   */
  function handleRemovedNodes(removedNodes) {
    removedNodes.forEach(node => {
      if (node.classList?.contains(CONFIG.classes.magicSelectItem)) {
        const input = node.querySelector('input');
        if (input) {
          state.selectedFreeItems.delete(input.value);
        }
      }
    });
  }

  /**
   * Attach delete handler to a free item
   */
  function attachDeleteHandler(itemNode, itemValue) {
    const deleteButton = itemNode.querySelector(`.${CONFIG.classes.deleteButton}`);
    if (deleteButton) {
      deleteButton.addEventListener('click', function() {
        state.selectedFreeItems.delete(itemValue);
        enableOption(itemValue);
        
        // Update limits after deletion with small delay
        setTimeout(() => {
          enforceSelectionLimits();
          updateLimitText();
        }, 10);
      });
    }
  }

  /**
   * Reset all free item selections
   */
  function resetFreeSelections() {
    // Remove all selected free items
    const freeItems = document.querySelectorAll(
      `${CONFIG.selectors.freeItemsContainer} .${CONFIG.classes.magicSelectItem}`
    );
    
    freeItems.forEach(item => {
      const deleteButton = item.querySelector(`.${CONFIG.classes.deleteButton}`);
      if (deleteButton) {
        deleteButton.click();
      }
    });

    // Reset state
    state.selectedFreeItems.clear();
    
    // Enable all free item options
    enableAllFreeOptions();
  }

  /**
   * Enable all free item options (except special ones)
   */
  function enableAllFreeOptions() {
    const options = elements.freeItemSelect.querySelectorAll('option');
    options.forEach(option => {
      if (option.value !== '__special__offer') {
        option.disabled = false;
      }
    });
  }

  /**
   * Enable a specific option
   */
  function enableOption(value) {
    const option = elements.freeItemSelect.querySelector(`option[value="${value}"]`);
    if (option) {
      option.disabled = false;
    }
  }

  /**
   * Calculate maximum allowed free items based on paid items count
   */
  function calculateMaxAllowedFreeItems(paidItemCount) {
    if (paidItemCount === 0) return 0;
    if (paidItemCount === 1) return 2;
    if (paidItemCount === 2) return 5;
    
    // For 3+ paid items: 5 + 3 per additional paid item after 2
    return 5 + (3 * (paidItemCount - 2));
  }

  /**
   * Get current count of paid items
   */
  function getPaidItemCount() {
    return document.querySelectorAll(
      `${CONFIG.selectors.paidItemsContainer} .${CONFIG.classes.magicSelectItem}`
    ).length;
  }

  /**
   * Get current count of free items
   */
  function getFreeItemCount() {
    return document.querySelectorAll(
      `${CONFIG.selectors.freeItemsContainer} .${CONFIG.classes.magicSelectItem}`
    ).length;
  }

  /**
   * Enforce selection limits by enabling/disabling options
   */
  function enforceSelectionLimits() {
    const paidItemCount = getPaidItemCount();
    const freeItemCount = getFreeItemCount();
    const maxAllowed = calculateMaxAllowedFreeItems(paidItemCount);
    
    // Update selected items tracking
    updateSelectedItemsState();
    
    // Update option states
    updateOptionStates(freeItemCount, maxAllowed);
  }

  /**
   * Update the selected items state based on current DOM
   */
  function updateSelectedItemsState() {
    const currentlySelected = new Set();
    const selectedInputs = document.querySelectorAll(
      `${CONFIG.selectors.freeItemsContainer} .${CONFIG.classes.magicSelectItem} input`
    );
    
    selectedInputs.forEach(input => {
      currentlySelected.add(input.value);
    });
    
    state.selectedFreeItems = currentlySelected;
  }

  /**
   * Update option disabled states
   */
  function updateOptionStates(freeItemCount, maxAllowed) {
    const options = elements.freeItemSelect.querySelectorAll('option');
    
    options.forEach(option => {
      if (option.value === '__special__offer') return;
      
      if (state.selectedFreeItems.has(option.value)) {
        option.disabled = true;
      } else if (freeItemCount >= maxAllowed) {
        option.disabled = true;
      } else {
        option.disabled = false;
      }
    });
  }

  /**
   * Update the limit text display
   */
  function updateLimitText() {
    const paidItemCount = getPaidItemCount();
    const freeItemCount = getFreeItemCount();
    const maxAllowed = calculateMaxAllowedFreeItems(paidItemCount);
    
    if (paidItemCount > 0) {
      const remaining = Math.max(0, maxAllowed - freeItemCount);
      limitTextDiv.textContent = 
        `Select up to ${maxAllowed} free items. ${remaining} more can be selected.`;
    } else {
      limitTextDiv.textContent = 'Please select paid items first.';
    }
  }
});
</script>;
--am_body_finish_in: '<script>
// Subscription Show/Hide Script
document.addEventListener('DOMContentLoaded', function() {
    const subscriptionsList = document.getElementById('member-subscriptions');
    const subscriptionItems = subscriptionsList.querySelectorAll('li[data-search-target="subscription"]');
    
    // Create toggle button
    const toggleButton = document.createElement('button');
    toggleButton.id = 'subscription-toggle-btn';
    toggleButton.className = 'subscription-toggle-button';
    toggleButton.textContent = 'See More';
    
    // Add smooth styling to the button
    toggleButton.style.cssText = `
        background-color: #00aeef;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 6px;
        cursor: pointer;
        margin-top: 15px;
        font-size: 14px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 5px rgba(0, 174, 239, 0.3);
    `;
    
    // Insert button after the subscriptions list
    subscriptionsList.parentNode.insertBefore(toggleButton, subscriptionsList.nextSibling);
    
    // Add smooth transitions to subscription items
    subscriptionItems.forEach(item => {
        item.style.transition = 'all 0.5s ease';
        item.style.overflow = 'hidden';
    });
    
    let isExpanded = false;
    
    // Function to show only first item with smooth animation
    function showOnlyFirst() {
        subscriptionItems.forEach((item, index) => {
            if (index === 0) {
                item.style.opacity = '1';
                item.style.maxHeight = 'none';
                item.style.transform = 'translateY(0)';
                item.style.marginBottom = '';
            } else {
                item.style.opacity = '0';
                item.style.maxHeight = '0';
                item.style.transform = 'translateY(-10px)';
                item.style.marginBottom = '0';
                setTimeout(() => {
                    item.style.display = 'none';
                }, 500);
            }
        });
        toggleButton.textContent = `See More (${subscriptionItems.length - 1} more)`;
        isExpanded = false;
    }
    
    // Function to show all items with smooth animation
    function showAll() {
        subscriptionItems.forEach((item, index) => {
            item.style.display = 'block';
            setTimeout(() => {
                item.style.opacity = '1';
                item.style.maxHeight = 'none';
                item.style.transform = 'translateY(0)';
                item.style.marginBottom = '';
            }, index * 100); // Stagger animation
        });
        toggleButton.textContent = 'See Less';
        isExpanded = true;
    }
    
    // Toggle button click event
    toggleButton.addEventListener('click', function() {
        if (isExpanded) {
            showOnlyFirst();
        } else {
            showAll();
        }
    });
    
    // Initialize - show only first item with smooth setup
    if (subscriptionItems.length > 1) {
        // Set initial state without animation for first load
        subscriptionItems.forEach((item, index) => {
            if (index === 0) {
                item.style.opacity = '1';
                item.style.maxHeight = 'none';
                item.style.transform = 'translateY(0)';
                item.style.display = 'block';
            } else {
                item.style.opacity = '0';
                item.style.maxHeight = '0';
                item.style.transform = 'translateY(-10px)';
                item.style.display = 'none';
                item.style.marginBottom = '0';
            }
        });
        toggleButton.textContent = `See More (${subscriptionItems.length - 1} more)`;
        isExpanded = false;
    } else {
        // If only one or no items, hide the button
        toggleButton.style.display = 'none';
    }
    
    // Add smooth hover effect to button
    toggleButton.addEventListener('mouseenter', function() {
        this.style.backgroundColor = '#0099d4';
        this.style.transform = 'translateY(-2px)';
        this.style.boxShadow = '0 4px 10px rgba(0, 174, 239, 0.4)';
    });
    
    toggleButton.addEventListener('mouseleave', function() {
        this.style.backgroundColor = '#00aeef';
        this.style.transform = 'translateY(0)';
        this.style.boxShadow = '0 2px 5px rgba(0, 174, 239, 0.3)';
    });
});
</script>





<script>
jQuery(function(){
   jQuery('#member-resources a').attr('target', '_blank');
});
</script>



<script>
document.addEventListener('DOMContentLoaded', function() {
  // Get the select elements
  const paidItemSelect = document.querySelector('#productOption-1-1-0-Buy_Tools-0');
  const freeItemSelect = document.querySelector('#productOption-1-1-0-Get_Free-0');
  
  // Create a div to show the selection limit text
  const limitTextDiv = document.createElement('div');
  limitTextDiv.id = 'selection-limit-text';
  limitTextDiv.style.marginTop = '15px';
  limitTextDiv.style.color = '#e74c3c';
  limitTextDiv.style.fontWeight = 'bold';
  limitTextDiv.style.textAlign = 'center';
  limitTextDiv.style.paddingBottom = '15px';
  document.querySelector('#product-options-1').appendChild(limitTextDiv);
  
  // Store selected free items to prevent reselection
  const selectedFreeItems = new Set();
  
  // Keep track of previous paid item count to detect changes
  let previousPaidItemCount = 0;
  
  // Initialize the limit text
  updateLimitText();
  
  // Add event listeners to handle selection changes
  paidItemSelect.addEventListener('change', function() {
    resetFreeSelections();
    updateLimitText();
  });

  // Monitor paid item selections to detect changes
  const paidObserver = new MutationObserver(function(mutations) {
    const currentPaidItemCount = document.querySelectorAll('#row-productOption-1-1-0-Buy_Tools-0 .magicselect-item').length;
    
    // If paid item count changed, reset free selections
    if (currentPaidItemCount !== previousPaidItemCount) {
      resetFreeSelections();
      previousPaidItemCount = currentPaidItemCount;
    }
    
    checkSelectionLimits();
    updateLimitText();
  });
  
  paidObserver.observe(document.querySelector('#row-productOption-1-1-0-Buy_Tools-0 .am-element'), {
    childList: true,
    subtree: true
  });

  // Monitor free item selections
  const freeObserver = new MutationObserver(function(mutations) {
    mutations.forEach(mutation => {
      if (mutation.addedNodes.length > 0) {
        // Track newly selected items
        mutation.addedNodes.forEach(node => {
          if (node.classList && node.classList.contains('magicselect-item')) {
            const inputValue = node.querySelector('input').value;
            selectedFreeItems.add(inputValue);
            
            // Add event listener to handle deletion of this item
            const deleteButton = node.querySelector('.am-link-del');
            if (deleteButton) {
              deleteButton.addEventListener('click', function() {
                selectedFreeItems.delete(inputValue);
                // Re-enable the option after deletion
                const options = freeItemSelect.querySelectorAll('option');
                options.forEach(option => {
                  if (option.value === inputValue) {
                    option.disabled = false;
                  }
                });
                
                // Update limits after deletion
                setTimeout(function() {
                  checkSelectionLimits();
                  updateLimitText();
                }, 10);
              });
            }
          }
        });
      }
      
      // Also check for removed nodes to properly handle deletions
      if (mutation.removedNodes.length > 0) {
        mutation.removedNodes.forEach(node => {
          if (node.classList && node.classList.contains('magicselect-item')) {
            const input = node.querySelector('input');
            if (input) {
              selectedFreeItems.delete(input.value);
            }
          }
        });
      }
    });
    
    checkSelectionLimits();
    updateLimitText();
  });
  
  freeObserver.observe(document.querySelector('#row-productOption-1-1-0-Get_Free-0 .am-element'), {
    childList: true,
    subtree: true
  });
  
  function resetFreeSelections() {
    // Clear all free item selections
    const freeItemMagicSelect = document.querySelectorAll('#row-productOption-1-1-0-Get_Free-0 .magicselect-item');
    freeItemMagicSelect.forEach(item => {
      item.querySelector('.am-link-del').click();
    });
    
    // Reset selected items tracking
    selectedFreeItems.clear();
    
    // Enable all free item options initially
    const freeItemOptions = freeItemSelect.querySelectorAll('option');
    freeItemOptions.forEach(option => {
      if (option.value !== '__special__offer') {
        option.disabled = false;
      }
    });
  }
  
  function calculateMaxAllowedFreeItems(paidItemCount) {
    // Updated calculation based on the new requirements
    if (paidItemCount === 0) {
      return 0;
    } else if (paidItemCount === 1) {
      return 2;
    } else if (paidItemCount === 2) {
      return 5;
    } else {
      // For 3+ paid items: 5 + 3 per additional paid item after 2
      return 5 + (3 * (paidItemCount - 2));
    }
  }
  
  function checkSelectionLimits() {
    const paidItemCount = document.querySelectorAll('#row-productOption-1-1-0-Buy_Tools-0 .magicselect-item').length;
    const freeItemsCount = document.querySelectorAll('#row-productOption-1-1-0-Get_Free-0 .magicselect-item').length;
    
    // Calculate maximum allowed free items based on paid items
    const maxAllowed = calculateMaxAllowedFreeItems(paidItemCount);
    
    // Update currently selected items status
    const currentlySelectedItems = new Set();
    document.querySelectorAll('#row-productOption-1-1-0-Get_Free-0 .magicselect-item input').forEach(input => {
      currentlySelectedItems.add(input.value);
    });
    
    // Update the selectedFreeItems set to match what's actually selected
    selectedFreeItems.clear();
    currentlySelectedItems.forEach(value => {
      selectedFreeItems.add(value);
    });
    
    // Update option disabled states based on current selections
    const freeItemOptions = freeItemSelect.querySelectorAll('option');
    freeItemOptions.forEach(option => {
      if (option.value !== '__special__offer') {
        if (selectedFreeItems.has(option.value)) {
          option.disabled = true;
        } else if (freeItemsCount >= maxAllowed) {
          // If we've reached the limit, disable all non-selected options
          option.disabled = true;
        } else {
          // Otherwise, enable this option
          option.disabled = false;
        }
      }
    });
  }
  
  function updateLimitText() {
    const paidItemCount = document.querySelectorAll('#row-productOption-1-1-0-Buy_Tools-0 .magicselect-item').length;
    const freeItemsCount = document.querySelectorAll('#row-productOption-1-1-0-Get_Free-0 .magicselect-item').length;
    
    // Calculate maximum allowed free items
    const maxAllowed = calculateMaxAllowedFreeItems(paidItemCount);
    
    if (paidItemCount > 0) {
      const remaining = maxAllowed - freeItemsCount;
      limitTextDiv.textContent = `সর্বোচ্চ ${maxAllowed} টি ফ্রি আইটেম নির্বাচন করুন। আরও ${remaining} টি নির্বাচন করা যাবে।`;
    } else {
      limitTextDiv.textContent = 'অনুগ্রহ করে প্রথমে পেইড আইটেম নির্বাচন করুন।';
    }
  }
});
</script>;
--am_header_path: 684e02034b2e2.png;
--am_link_color_a99: #2a9d8f99;
--am_menu_dashboard_width: auto;

}
/* end: variables from theme configuration */

body, html {
    font-size: var(--am_font_size_px);
    background: none;
}

html {
    background: var(--am_bg);
    background-size: var(--am_bg_size);
    background-attachment: var(--am_bg_attachment);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.am-layout {
    flex: 1;
}

.am-footer {
    height: auto;
    background: var(--am_footer_bg);
}

.am-common {
    font-family: var(--am_font_family), san-serif;
    color: var(--am_text_color);
}

.am-common legend {
    color: var(--am_text_color);
}

.am-common a {
    color: var(--am_link_color);
    text-decoration-color: var(--am_link_color_a99);
}

.ajax-link, .local-link, .local {
    text-decoration-color: var(--am_link_color_a99);
}

.am-layout {
    min-height: initial;
    margin: 0;
    background: none;
}

.am-header {
    background: var(--am_header_bg);
    background-size: var(--am_header_bg_size);
}

.am-header .am-header-content-wrapper {
    border: none;
    background: none;
}

.am-header-line {
    border:none;
    background: none;
}

.am-footer .am-footer-content-wrapper {
    background: none;
    color: inherit;
    height: auto;
}

.am-footer-content-content {
    padding: 1em 0;
}

.am-footer-text {
    text-align: center;
}

.am-footer .am-footer-content .am-footer-sm a {
    color: var(--am_sm_color);
    font-size: var(--am_sm_size_px);
}

.am-body {
    background: none;
}

.am-body .am-body-content-wrapper {
    border: none;
    padding-bottom: 1em;
    margin-bottom: 50px;
    box-shadow: var(--am_content_shadow);
    border-radius: var(--am_border_radius_px);
    background: var(--am_page_bg);
}

.am-body-content {
    min-height: 300px;
}

.am-header-content-wrapper {
    padding: 0;
}

.am-header-content-content {
    display: none;
}

.am-header .am-header-content .am-header-content-logo {
    float: none;
    margin: 0;
}

.am-header .am-header-content .am-header-logo-wrapper {
    text-align: var(--am_logo_align);
}

.am-main {
    max-width: var(--am_max_width_px);
}

.am-header-content img {
    width: var(--am_logo_width);
}

.am-footer-actions {
    display:none;
}

.am-footer .am-footer-content-wrapper {
    color: var(--am_footer_text_color);
    font-size:.8rem;
}

.am-footer a,
.am-footer a:hover,
.am-footer a:visited,
.am-footer a:active {
    color: var(--am_footer_link_color)
}

.am-user-identity-block {
    float: var(--am_identity_align);
}

.am-page-login .am-header {
    display: var(--am_login_header_display);
}

.am-page-login .am-auth-form legend {
    background: var(--am_login_legend_bg);
    padding-top: var(--am_login_legend_padding_top);
}

.am-page-login .am-auth-form div.am-row {
    background: var(--am_login_form_bg_color);
}

.am-page-login .am-body-content-wrapper {
    background: var(--am_login_bg_color);
    box-shadow: var(--am_login_shadow);
}

.am-auth-form form {
    border: none;
    overflow: hidden;
    box-shadow: 0px 0px 5px #00000022;
}

.am-auth-form form legend {
    border: none;
    background: #f9f9f9;
    padding: 1em 1em 1.5em;
}

.am-auth-form div.am-row div.element,
.am-auth-form div.am-row div.am-element-title {
    padding-right: 2em;
    padding-left: 2em;
}

@media all and (min-width:500px) {

    .am-auth-form div.am-row div.am-element-title {
        padding-right: .5em;
    }
    .am-auth-form div.am-row div.am-element {
        padding-left: .5em;
    }
}

.am-popup {
    border-color: var(--am_color_d);
}

.am-popup .am-popup-header {
    background: var(--am_color);
    color: var(--am_color_c);
}

.am-popup .am-popup-close-icon:after {
    color: var(--am_color_c);
}

.am-fb-login-button-wrapper.am-fb-login-form-after:before,
.am-fb-login-button-wrapper.am-fb-login-form-before:after {
    background: var(--am_color);
}

.am-popup .am-fb-login-button-wrapper.am-fb-login-form-after::before,
.am-popup .am-fb-login-button-wrapper.am-fb-login-form-before::after {
    background: white;
}

.am-signup-link {
    color: var(--am_color_c);
}

.am-login-layout-with-sidebar {
    max-width: 800px;
    margin: 2em auto 0;
}

.am-login-layout-with-sidebar .am-login-form-wrapper,
.am-login-layout-with-sidebar .am-sendpass-form-wrapper {
    margin-top: 0;
}

.am-signup-link {
    max-width: 450px;
    margin: 1em auto 0;
}

@media all and (min-width: 800px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_form {
        float: left;
        width: 65%;
    }
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        display: block;
        width: 35%;
        float: right;
        padding-left: 20px;
        box-sizing: border-box;
    }
    .am-login-layout-with-sidebar .am-auth-form {
        margin: 0;
    }
    .am-login-layout-with-sidebar .am-signup-link {
        margin: 1em 0 0;
    }
}
.am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
    border-radius: 3px;
    padding: 1em 2em;
    max-width: 450px;
    box-sizing: border-box;
    box-shadow: 0 0 5px #00000022;
    background: #f9f9f9;
    color: #555;
}
.am-login-layout-with-sidebar_clear {
    clear: both;
}

@media all and (max-width: 799px) {
    .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        margin: 2em auto 0;
    }
}

ul.am-tabs li.active,
ul.am-tabs li.normal:hover {
    background: var(--am_menu_color);
}

ul.am-tabs li.active > a,
ul.am-tabs li.normal > a:hover {
    border-color: var(--am_menu_color);
}

.am-page-login-no-label .am-auth-form,
.am-page-login-no-label .am-signup-link,
.am-page-login-no-label .am-fb-login-button-wrapper {
    max-width:350px;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element-title {
    display: none;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element {
    margin:0;
    padding:.6em 2em;
}

.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit],
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:active,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:hover,
.am-page-login-no-label .am-auth-form div.am-row div.am-element input[type=submit]:disabled {
    width: 100%;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper {
    text-align: center;
    display: block;
    padding: 1.2em 2em .6em;
}

.am-page-login-no-label .am-auth-form .am-form-login-switch-wrapper  .am-form-login-switch {
    margin:0;
}

@media all and (max-width: 799px) {
    .am-page-login-no-label .am-login-layout-with-sidebar .am-login-layout-with-sidebar_sidebar {
        max-width:350px;
        margin: 2em auto 0;
    }
}

.am-body-content input,
.am-body-content textarea,
.am-body-content select,
.am-body-content button,
.am-popup input,
.am-popup textarea,
.am-popup select,
.am-popup button {
    font-family: var(--am_font_family), san-serif;
}

.am-body-content a.button,
.am-body-content button,
.am-body-content input[type="button"],
.am-body-content input[type="submit"],
.am-popup a.button,
.am-popup button,
.am-popup input[type="button"],
.am-popup input[type="submit"],
.am-body-content a.button:hover,
.am-body-content button:hover,
.am-body-content input[type="button"]:hover,
.am-body-content input[type="submit"]:hover,
.am-popup a.button:hover,
.am-popup button:hover,
.am-popup input[type="button"]:hover,
.am-popup input[type="submit"]:hover {
    color: white;
    background: var(--am_btn_color);
    border-color: var(--am_btn_color);
}

.am-body-content input[type=submit]:disabled,
.am-body-content input[type=submit]:disabled:hover,
.am-body-content input[type=button]:disabled,
.am-body-content input[type=button]:disabled:hover,
.am-body-content button:disabled,
.am-body-content button:disabled:hover,
.am-popup input[type=submit]:disabled,
.am-popup input[type=submit]:disabled:hover,
.am-popup input[type=button]:disabled,
.am-popup input[type=button]:disabled:hover
.am-popup button:disabled,
.am-popup button:disabled:hover {
    background: #f1f1f1;
    color: #ccc;
    border-color: #ced4da;
}

.input-file .input-file-button,
.input-file.hover .input-file-button {
    color: white;
    background: var(--am_btn_color);
    border: none;
    text-shadow: none;
}
.input-file.hover {
    border-color: var(--am_btn_color);
}

ul.am-header-menu a {
    color: var(--am_header_menu_link_color);
}

ul.am-header-menu ul a {
    color: var(--am_header_menu_link2_color);
}

ul.am-header-menu > li > a::after {
    background: var(--am_header_menu_link_color);
    opacity: .4;
}

ul.am-header-menu li ul {
    background: var(--am_header_menu_bg_color);
}

.am-grid-wrap .filter-button input[type=submit] {
    border-color: #ced4da;
}