/*
 * Name: Vertio
 * Version: 4.1.3
 * Author: Grow Shine Services Pvt. Ltd.
 * Download From: https://www.customersupporttheme.com Or https://themes.grow-shine.com/
 * Corporate Website : https://www.grow-shine.com
 * License: You must have a valid license purchased only from customersupporttheme.com in order to legally use the theme for your project.
 * Copyright: © 2016 - 2023 Grow Shine Services Pvt. Ltd. All Rights Reserved.
*/


/* =========================================== */
/*  CUSTOM CSS VARIABLES FOR RECARGAPAY
/* =========================================== */

:root {
  --body_font: "Barlow", "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  --heading_font: "Barlow", "Helvetica Neue", Helvetica, Arial, FreeSans, sans-serif;
  
  --color_primary_lighter: #FFEDE3;
  --color_primary_dark: #9A3A00;
  
  --color_secondary: #116ED2;
  --color_secondary_light: #C4DDF7;
  --color_secondary_lighter: #E9F2FB;
  --color_secondary_dark: #005CBD;
  
  --color_text_muted: #42535C;
   
  --icon_account-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 3.5C13.1482 3.5 14.2613 3.7245 15.308 4.16725C16.32 4.59525 17.2292 5.2085 18.0102 5.9895C18.7912 6.7705 19.4045 7.67975 19.8325 8.69175C20.2753 9.73875 20.4998 10.8518 20.4998 11.9997C20.4998 13.1477 20.2753 14.261 19.8325 15.3078C19.5578 15.9574 19.2068 16.5646 18.784 17.1228C18.3682 15.9105 17.3826 14.9409 16.099 14.574C14.7595 14.1913 13.3797 14 12.0002 14C10.6207 14 9.24075 14.1913 7.9015 14.574C6.6176 14.9407 5.63204 15.9106 5.21631 17.1231C4.79344 16.5649 4.44229 15.9575 4.1675 15.3078C3.72475 14.2607 3.50025 13.1477 3.50025 11.9997C3.50025 10.8518 3.72475 9.7385 4.1675 8.69175C4.5955 7.67975 5.20875 6.7705 5.98975 5.9895C6.77075 5.2085 7.68 4.59525 8.692 4.16725C9.739 3.7245 10.852 3.5 12 3.5ZM6.5 18.4809C7.15827 19.0411 7.89312 19.4944 8.692 19.8322C9.73875 20.275 10.852 20.4995 12 20.4995C13.148 20.4995 14.261 20.275 15.308 19.8322C16.1069 19.4944 16.8417 19.0411 17.5 18.4809V18.4203C17.5 17.8725 17.3255 17.352 16.9957 16.9148C16.666 16.4775 16.2132 16.167 15.6867 16.0165C14.4875 15.674 13.2472 15.5003 12 15.5003C10.7527 15.5003 9.5125 15.6737 8.31325 16.0165C7.78675 16.167 7.334 16.4775 7.00425 16.9148C6.67425 17.352 6.5 17.8725 6.5 18.4203V18.4809ZM12 2C6.47725 2 2 6.47725 2 12C2 17.5228 6.47725 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47725 17.5228 2 12 2ZM12 7.5C12.965 7.5 13.75 8.285 13.75 9.25C13.75 10.215 12.965 11 12 11C11.035 11 10.25 10.215 10.25 9.25C10.25 8.285 11.035 7.5 12 7.5ZM12 6C10.205 6 8.75 7.455 8.75 9.25C8.75 11.045 10.205 12.5 12 12.5C13.795 12.5 15.25 11.045 15.25 9.25C15.25 7.455 13.795 6 12 6Z'/%3E%3C/svg%3E");
  --icon_alert-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M21.6161 16.5482L14.6246 4.03749C14.0518 3.01249 13.0258 2.50024 12.0001 2.50024C10.9743 2.50024 9.94833 3.01274 9.37558 4.03749L2.38408 16.5482C1.26858 18.5442 2.71633 21 5.00858 21H18.9913C21.2836 21 22.7313 18.5442 21.6158 16.5482H21.6161ZM11.2501 8.49999C11.2501 8.08574 11.5858 7.74999 12.0001 7.74999C12.4143 7.74999 12.7501 8.08574 12.7501 8.49999V13.5C12.7501 13.9142 12.4143 14.25 12.0001 14.25C11.5858 14.25 11.2501 13.9142 11.2501 13.5V8.49999ZM12.0001 17.5C11.4478 17.5 11.0001 17.0522 11.0001 16.5C11.0001 15.9477 11.4478 15.5 12.0001 15.5C12.5523 15.5 13.0001 15.9477 13.0001 16.5C13.0001 17.0522 12.5523 17.5 12.0001 17.5Z'/%3E%3C/svg%3E");
  --icon_barcode-reader: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M3.5 6V6.25C3.5 6.66425 3.16425 7 2.75 7C2.33575 7 2 6.66425 2 6.25V6C2 3.79075 3.79075 2 6 2H6.25C6.66425 2 7 2.33575 7 2.75C7 3.16425 6.66425 3.5 6.25 3.5H6C4.61925 3.5 3.5 4.61925 3.5 6ZM9.75 7C9.75 6.58579 9.41421 6.25 9 6.25C8.58579 6.25 8.25 6.58579 8.25 7V11.25H6.75V8C6.75 7.58579 6.41421 7.25 6 7.25C5.58579 7.25 5.25 7.58579 5.25 8V11.25H1C0.585786 11.25 0.25 11.5858 0.25 12C0.25 12.4142 0.585786 12.75 1 12.75H5.25V16C5.25 16.4142 5.58579 16.75 6 16.75C6.41421 16.75 6.75 16.4142 6.75 16V12.75H8.25V17C8.25 17.4142 8.58579 17.75 9 17.75C9.41421 17.75 9.75 17.4142 9.75 17V12.75H11.25V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V12.75H14.25V17C14.25 17.4142 14.5858 17.75 15 17.75C15.4142 17.75 15.75 17.4142 15.75 17V12.75H17.25V16C17.25 16.4142 17.5858 16.75 18 16.75C18.4142 16.75 18.75 16.4142 18.75 16V12.75H23C23.4142 12.75 23.75 12.4142 23.75 12C23.75 11.5858 23.4142 11.25 23 11.25H18.75V8C18.75 7.58579 18.4142 7.25 18 7.25C17.5858 7.25 17.25 7.58579 17.25 8V11.25H15.75V7C15.75 6.58579 15.4142 6.25 15 6.25C14.5858 6.25 14.25 6.58579 14.25 7V11.25H12.75V8C12.75 7.58579 12.4142 7.25 12 7.25C11.5858 7.25 11.25 7.58579 11.25 8V11.25H9.75V7ZM3.5 18V17.75C3.5 17.3358 3.16425 17 2.75 17C2.33575 17 2 17.3358 2 17.75V18C2 20.2093 3.79075 22 6 22H6.25C6.66425 22 7 21.6643 7 21.25C7 20.8358 6.66425 20.5 6.25 20.5H6C4.61925 20.5 3.5 19.3807 3.5 18ZM20.5 6.25V6C20.5 4.61925 19.3807 3.5 18 3.5H17.75C17.3358 3.5 17 3.16425 17 2.75C17 2.33575 17.3358 2 17.75 2H18C20.2093 2 22 3.79075 22 6V6.25C22 6.66425 21.6643 7 21.25 7C20.8358 7 20.5 6.66425 20.5 6.25ZM20.5 17.75V18C20.5 19.3807 19.3807 20.5 18 20.5H17.75C17.3358 20.5 17 20.8358 17 21.25C17 21.6643 17.3358 22 17.75 22H18C20.2093 22 22 20.2093 22 18V17.75C22 17.3358 21.6643 17 21.25 17C20.8358 17 20.5 17.3358 20.5 17.75Z'/%3E%3C/svg%3E");
  --icon_cash-loan: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M14.5 1.25C14.9142 1.25 15.25 1.58579 15.25 2V2.73075C16.1039 2.82263 16.6459 3.25013 16.9452 3.75515C17.0999 4.0162 17.1742 4.27093 17.2108 4.45622C17.2294 4.55026 17.2391 4.63072 17.2442 4.69123C17.2468 4.72162 17.2482 4.74737 17.249 4.76773C17.2522 4.84927 17.25 4.8125 17.25 4.8125C17.25 5.22671 16.9142 5.5625 16.5 5.5625C16.0901 5.5625 15.757 5.23365 15.7501 4.82537C15.75 4.82385 15.7498 4.82128 15.7495 4.81776C15.7484 4.80444 15.7456 4.77943 15.7392 4.7469C15.7258 4.67907 15.7001 4.5963 15.6548 4.51985C15.5931 4.4157 15.4415 4.2125 14.9 4.2125H14.1044L14.1031 4.21253C14.0989 4.21265 14.0897 4.21297 14.0764 4.21378C14.0495 4.2154 14.007 4.2189 13.9544 4.22629C13.8455 4.24161 13.7133 4.2709 13.5915 4.32227C13.4693 4.37382 13.3877 4.43472 13.3385 4.497C13.2982 4.548 13.25 4.63535 13.25 4.8125C13.25 5.0118 13.2899 5.12546 13.3276 5.19335C13.3654 5.26139 13.4251 5.32692 13.5296 5.39387C13.7746 5.55086 14.1354 5.64423 14.6711 5.76979L14.6929 5.77488L14.726 5.78263L14.7262 5.78268C15.1851 5.88988 15.7943 6.03223 16.2796 6.34309C16.5501 6.51637 16.8029 6.7526 16.9839 7.0786C17.1649 7.40476 17.25 7.77743 17.25 8.1875C17.25 8.68535 17.0982 9.10425 16.8385 9.43294C16.5877 9.75034 16.2693 9.94257 15.9915 10.0598C15.7133 10.1772 15.4455 10.2322 15.2544 10.2591L15.25 10.2597V11C15.25 11.4142 14.9142 11.75 14.5 11.75C14.0858 11.75 13.75 11.4142 13.75 11V10.2597L13.7456 10.2591C13.5545 10.2322 13.2867 10.1772 13.0085 10.0598C12.7307 9.94257 12.4123 9.75034 12.1615 9.43294C11.9018 9.10425 11.75 8.68535 11.75 8.1875C11.75 7.77329 12.0858 7.4375 12.5 7.4375C12.9142 7.4375 13.25 7.77329 13.25 8.1875C13.25 8.36465 13.2982 8.452 13.3385 8.503C13.3877 8.56528 13.4693 8.62618 13.5915 8.67773C13.7133 8.7291 13.8455 8.75839 13.9544 8.77371C14.007 8.7811 14.0495 8.7846 14.0764 8.78622C14.0897 8.78703 14.0989 8.78735 14.1031 8.78747L14.1044 8.7875H14.8956L14.8969 8.78747C14.9011 8.78735 14.9103 8.78703 14.9236 8.78622C14.9505 8.7846 14.993 8.7811 15.0456 8.77371C15.1545 8.75839 15.2867 8.7291 15.4085 8.67773C15.5307 8.62618 15.6123 8.56528 15.6615 8.503C15.7018 8.452 15.75 8.36465 15.75 8.1875C15.75 7.9882 15.7101 7.87454 15.6724 7.80665C15.6346 7.73861 15.5749 7.67308 15.4704 7.60613C15.2254 7.44914 14.8646 7.35577 14.3289 7.23021C14.3107 7.22597 14.2924 7.22167 14.2737 7.21732C13.8149 7.11012 13.2057 6.96777 12.7204 6.65691C12.4499 6.48363 12.1971 6.2474 12.0161 5.9214C11.8351 5.59524 11.75 5.22257 11.75 4.8125C11.75 4.31465 11.9018 3.89575 12.1615 3.56706C12.4123 3.24966 12.7307 3.05743 13.0085 2.94023C13.2867 2.82285 13.5545 2.76777 13.7456 2.7409L13.75 2.74028V2C13.75 1.58579 14.0858 1.25 14.5 1.25ZM19.457 11.75C18.8106 11.75 18.1889 11.9985 17.7206 12.4446L17.7204 12.4448L15.1471 14.8954C14.831 13.8007 13.8214 13 12.6249 13H5.74995C3.67902 13 2 14.679 2 16.75V19.25C2 20.7687 3.23127 22 4.74997 22H13.3431C14.6028 22 15.811 21.4995 16.7018 20.6089L21.2626 16.0481C21.7348 15.5759 22 14.9354 22 14.2678C22 12.8773 20.8727 11.75 19.4823 11.75H19.457ZM8.24992 17.5C8.24992 17.9142 8.5857 18.25 8.99991 18.25H12.6999C13.406 18.25 14.0849 17.9784 14.5963 17.4914L18.755 13.5309L18.7552 13.5307C18.9443 13.3505 19.1955 13.25 19.457 13.25H19.4823C20.0443 13.25 20.5 13.7057 20.5 14.2678C20.5 14.5376 20.3928 14.7966 20.2019 14.9874L15.6413 19.5481L15.6412 19.5482C15.0316 20.1576 14.2049 20.5 13.3431 20.5H4.74997C4.05969 20.5 3.49998 19.9403 3.49998 19.25V16.75C3.49998 15.5075 4.50743 14.5 5.74995 14.5H12.6249C13.2461 14.5 13.7499 15.0037 13.7499 15.625C13.7499 16.2463 13.2461 16.75 12.6249 16.75H8.99991C8.5857 16.75 8.24992 17.0858 8.24992 17.5ZM3.75 9C3.75 8.58579 4.08579 8.25 4.5 8.25H9.5C9.91421 8.25 10.25 8.58579 10.25 9C10.25 9.41421 9.91421 9.75 9.5 9.75H4.5C4.08579 9.75 3.75 9.41421 3.75 9ZM6.5 5.25C6.08579 5.25 5.75 5.58579 5.75 6C5.75 6.41421 6.08579 6.75 6.5 6.75H9.5C9.91421 6.75 10.25 6.41421 10.25 6C10.25 5.58579 9.91421 5.25 9.5 5.25H6.5Z'/%3E%3C/svg%3E");
  --icon_cellphone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 5C17.5 4.173 16.827 3.5 16 3.5H8C7.173 3.5 6.5 4.173 6.5 5V19C6.5 19.827 7.173 20.5 8 20.5H16C16.827 20.5 17.5 19.827 17.5 19V5ZM8 2H16C17.6567 2 19 3.34325 19 5V19C19 20.6568 17.6567 22 16 22H8C6.34325 22 5 20.6568 5 19V5C5 3.34325 6.34325 2 8 2ZM10 17.25C9.58579 17.25 9.25 17.5858 9.25 18C9.25 18.4142 9.58579 18.75 10 18.75H14C14.4142 18.75 14.75 18.4142 14.75 18C14.75 17.5858 14.4142 17.25 14 17.25H10Z'/%3E%3C/svg%3E");
  --icon_chat-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M21.2138 8.10725C20.71 6.91625 19.989 5.847 19.071 4.92875C18.1528 4.0105 17.0835 3.28975 15.8925 2.786C14.6593 2.2645 13.3498 2 12 2C10.6503 2 9.34075 2.2645 8.10725 2.78625C6.91625 3.29 5.847 4.011 4.92875 4.929C4.0105 5.84725 3.28975 6.9165 2.786 8.1075C2.2645 9.34075 2 10.6503 2 12C2 13.5852 2.37825 15.1543 3.0965 16.5565L2.0205 21.0763C1.96025 21.3295 2.0355 21.5963 2.21975 21.7803C2.362 21.9225 2.5535 22 2.75 22C2.80775 22 2.866 21.9932 2.92375 21.9795L7.4435 20.9035C8.84575 21.6217 10.4148 22 12 22C13.3498 22 14.6593 21.7355 15.8928 21.2138C17.0838 20.71 18.153 19.989 19.0712 19.071C19.9895 18.1528 20.7103 17.0835 21.214 15.8925C21.7358 14.6593 22.0002 13.3495 22.0002 11.9998C22.0002 10.65 21.7358 9.3405 21.214 8.107L21.2138 8.10725ZM12 14.75H8C7.58575 14.75 7.25 14.4143 7.25 14C7.25 13.5858 7.58575 13.25 8 13.25H12C12.4143 13.25 12.75 13.5858 12.75 14C12.75 14.4143 12.4143 14.75 12 14.75ZM16 10.75H8C7.58575 10.75 7.25 10.4143 7.25 10C7.25 9.58575 7.58575 9.25 8 9.25H16C16.4143 9.25 16.75 9.58575 16.75 10C16.75 10.4143 16.4143 10.75 16 10.75Z'/%3E%3C/svg%3E");
  --icon_check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M18.5303 7.53217C18.8232 7.82506 18.8232 8.29994 18.5303 8.59283L10.6553 16.4678C10.3624 16.7607 9.88756 16.7607 9.59467 16.4678L5.46967 12.3428C5.17678 12.0499 5.17678 11.5751 5.46967 11.2822C5.76256 10.9893 6.23744 10.9893 6.53033 11.2822L10.125 14.8768L17.4697 7.53217C17.7626 7.23928 18.2374 7.23928 18.5303 7.53217Z'/%3E%3C/svg%3E");
  --icon_chevron-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M9.46967 5.46967C9.76256 5.17678 10.2374 5.17678 10.5303 5.46967L16.5303 11.4697C16.8232 11.7626 16.8232 12.2374 16.5303 12.5303L10.5303 18.5303C10.2374 18.8232 9.76256 18.8232 9.46967 18.5303C9.17678 18.2374 9.17678 17.7626 9.46967 17.4697L14.9393 12L9.46967 6.53033C9.17678 6.23744 9.17678 5.76256 9.46967 5.46967Z'/%3E%3C/svg%3E");
  --icon_computer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M19.5 7C19.5 6.173 18.827 5.5 18 5.5H6C5.173 5.5 4.5 6.173 4.5 7V14.025C4.5 14.852 5.173 15.525 6 15.525H18C18.827 15.525 19.5 14.852 19.5 14.025V7ZM6 4H18C19.6568 4 21 5.34325 21 7V14.025C21 15.6818 19.6568 17.025 18 17.025H6C4.34325 17.025 3 15.6818 3 14.025V7C3 5.34325 4.34325 4 6 4ZM3 18.25C2.58579 18.25 2.25 18.5858 2.25 19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19C21.75 18.5858 21.4142 18.25 21 18.25H3Z'/%3E%3C/svg%3E");
  --icon_credit-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M20.5 8C20.5 7.173 19.827 6.5 19 6.5H5C4.173 6.5 3.5 7.173 3.5 8V9H20.5V8ZM20.5 10.5H3.5V16C3.5 16.827 4.173 17.5 5 17.5H19C19.827 17.5 20.5 16.827 20.5 16V10.5ZM5 5H19C20.6568 5 22 6.34325 22 8V16C22 17.6567 20.6568 19 19 19H5C3.34325 19 2 17.6567 2 16V8C2 6.34325 3.34325 5 5 5Z'/%3E%3C/svg%3E");
  --icon_discount: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12.9613 3.89825C12.6958 3.63275 12.348 3.5 12 3.5C11.652 3.5 11.3042 3.63275 11.0387 3.89825L10.0775 4.8595C9.56775 5.36925 8.876 5.65575 8.155 5.65575H7.0155C6.26475 5.65575 5.656 6.2645 5.656 7.01525V8.15475C5.656 8.87575 5.36975 9.56725 4.85975 10.0773L3.8985 11.0385C3.3675 11.5693 3.3675 12.43 3.8985 12.961L4.85975 13.9223C5.3695 14.432 5.656 15.1237 5.656 15.8447V16.9843C5.656 17.735 6.26475 18.3438 7.0155 18.3438H8.155C8.876 18.3438 9.5675 18.63 10.0775 19.14L11.0387 20.1012C11.3042 20.3668 11.652 20.4995 12 20.4995C12.348 20.4995 12.6958 20.3668 12.9613 20.1012L13.9225 19.14C14.4323 18.6302 15.124 18.3438 15.845 18.3438H16.9845C17.7353 18.3438 18.344 17.735 18.344 16.9843V15.8447C18.344 15.1237 18.6302 14.4323 19.1402 13.9223L20.1015 12.961C20.6325 12.4303 20.6325 11.5695 20.1015 11.0385L19.1402 10.0773C18.6305 9.5675 18.344 8.87575 18.344 8.15475V7.01525C18.344 6.2645 17.7353 5.65575 16.9845 5.65575H15.845C15.124 5.65575 14.4325 5.3695 13.9225 4.8595L12.9613 3.89825ZM9.978 2.8375C10.5183 2.2975 11.2362 2 12 2C12.7638 2 13.482 2.2975 14.022 2.8375L14.9833 3.79875C15.2135 4.029 15.5198 4.15575 15.8453 4.15575H16.9848C17.7485 4.15575 18.4668 4.45325 19.0068 4.99325C19.5468 5.5335 19.8443 6.2515 19.8443 7.01525V8.15475C19.8443 8.4805 19.971 8.7865 20.2013 9.01675L21.1625 9.978C21.7025 10.5183 22 11.2362 22 12C22 12.7638 21.7025 13.482 21.1625 14.022L20.2013 14.9833C19.971 15.2135 19.8443 15.5198 19.8443 15.8453V16.9848C19.8443 17.7485 19.547 18.4668 19.0068 19.0068C18.4665 19.5468 17.7485 19.8443 16.9848 19.8443H15.8453C15.5195 19.8443 15.2135 19.971 14.9833 20.2013L14.022 21.1625C13.4818 21.7025 12.7638 22 12 22C11.2362 22 10.518 21.7025 9.978 21.1625L9.01675 20.2013C8.7865 19.971 8.48025 19.8443 8.15475 19.8443H7.01525C6.2515 19.8443 5.53325 19.5468 4.99325 19.0068C4.45325 18.4665 4.15575 17.7485 4.15575 16.9848V15.8453C4.15575 15.5195 4.029 15.2135 3.79875 14.9833L2.8375 14.022C2.2975 13.4818 2 12.7638 2 12C2 11.2362 2.2975 10.518 2.8375 9.978L3.79875 9.01675C4.029 8.7865 4.15575 8.48025 4.15575 8.15475V7.01525C4.15575 6.2515 4.45325 5.53325 4.99325 4.99325C5.5335 4.45325 6.2515 4.15575 7.01525 4.15575H8.15475C8.4805 4.15575 8.7865 4.029 9.01675 3.79875L9.978 2.8375ZM10.7373 9.48749C10.7373 10.1778 10.1777 10.7375 9.4873 10.7375C8.79695 10.7375 8.2373 10.1778 8.2373 9.48749C8.2373 8.79713 8.79695 8.23749 9.4873 8.23749C10.1777 8.23749 10.7373 8.79713 10.7373 9.48749ZM15.7373 14.4875C15.7373 15.1778 15.1777 15.7375 14.4873 15.7375C13.7969 15.7375 13.2373 15.1778 13.2373 14.4875C13.2373 13.7971 13.7969 13.2375 14.4873 13.2375C15.1777 13.2375 15.7373 13.7971 15.7373 14.4875ZM15.5303 8.46967C15.8232 8.76256 15.8232 9.23744 15.5303 9.53033L9.53033 15.5303C9.23744 15.8232 8.76256 15.8232 8.46967 15.5303C8.17678 15.2374 8.17678 14.7626 8.46967 14.4697L14.4697 8.46967C14.7626 8.17678 15.2374 8.17678 15.5303 8.46967Z'/%3E%3C/svg%3E");
  --icon_file-document: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 2H13.1715C13.702 2 14.2107 2.21075 14.5857 2.58575L18.4143 6.41425C18.7893 6.78925 19 7.298 19 7.8285V9V19C19 20.6568 17.6567 22 16 22H8C6.34325 22 5 20.6568 5 19V5C5 3.34325 6.34325 2 8 2H12ZM17.5 9V19C17.5 19.827 16.827 20.5 16 20.5H8C7.173 20.5 6.5 19.827 6.5 19V5C6.5 4.173 7.173 3.5 8 3.5H12V6C12 7.65675 13.3433 9 15 9H17.5ZM17.3769 7.5C17.3694 7.49145 17.3616 7.48311 17.3535 7.475L13.525 3.6465C13.5169 3.63839 13.5086 3.63059 13.5 3.62312V6C13.5 6.827 14.173 7.5 15 7.5H17.3769ZM8.25 18C8.25 17.5858 8.58579 17.25 9 17.25H12C12.4142 17.25 12.75 17.5858 12.75 18C12.75 18.4142 12.4142 18.75 12 18.75H9C8.58579 18.75 8.25 18.4142 8.25 18ZM9 14.25C8.58579 14.25 8.25 14.5858 8.25 15C8.25 15.4142 8.58579 15.75 9 15.75H15C15.4142 15.75 15.75 15.4142 15.75 15C15.75 14.5858 15.4142 14.25 15 14.25H9Z'/%3E%3C/svg%3E");
  --icon_giftcard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M20.5 8C20.5 7.173 19.827 6.5 19 6.5H9.75V8.16636C10.0208 8.059 10.316 8 10.625 8C11.9368 8 13 9.06325 13 10.375C13 10.684 12.941 10.9792 12.8336 11.25H20.5V8ZM10.8107 12.75H20.5V16C20.5 16.827 19.827 17.5 19 17.5H9.75V13.8107L11.4697 15.5303C11.7626 15.8232 12.2374 15.8232 12.5303 15.5303C12.8232 15.2374 12.8232 14.7626 12.5303 14.4697L10.8107 12.75ZM7.18934 12.75L5.46967 14.4697C5.17678 14.7626 5.17678 15.2374 5.46967 15.5303C5.76256 15.8232 6.23744 15.8232 6.53033 15.5303L8.25 13.8107V17.5H5C4.173 17.5 3.5 16.827 3.5 16V12.75H7.18934ZM3.5 11.25H5.16636C5.059 10.9792 5 10.684 5 10.375C5 9.06325 6.06325 8 7.375 8C7.68401 8 7.97922 8.059 8.25 8.16636V6.5H5C4.173 6.5 3.5 7.173 3.5 8V11.25ZM8.25 11.25H7.375C6.8925 11.25 6.5 10.8575 6.5 10.375C6.5 9.8925 6.8925 9.5 7.375 9.5C7.8575 9.5 8.25 9.8925 8.25 10.375V11.25ZM10.625 9.5C10.1425 9.5 9.75 9.8925 9.75 10.375V11.25H10.625C11.1075 11.25 11.5 10.8575 11.5 10.375C11.5 9.8925 11.1075 9.5 10.625 9.5ZM5 5H19C20.6568 5 22 6.34325 22 8V16C22 17.6567 20.6568 19 19 19H5C3.34325 19 2 17.6567 2 16V8C2 6.34325 3.34325 5 5 5Z'/%3E%3C/svg%3E");
  --icon_info-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 2C6.47725 2 2 6.47725 2 12C2 17.5228 6.47725 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47725 17.5228 2 12 2ZM12.75 16C12.75 16.4143 12.4143 16.75 12 16.75C11.5858 16.75 11.25 16.4143 11.25 16V11.75H10C9.58575 11.75 9.25 11.4143 9.25 11C9.25 10.5858 9.58575 10.25 10 10.25H12C12.4143 10.25 12.75 10.5858 12.75 11V16ZM12 8.975C11.4478 8.975 11 8.52725 11 7.975C11 7.42275 11.4478 6.975 12 6.975C12.5523 6.975 13 7.42275 13 7.975C13 8.52725 12.5523 8.975 12 8.975Z'/%3E%3C/svg%3E");
  --icon_lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M12 3.5C13.3785 3.5 14.5 4.6215 14.5 6V8H9.5V6C9.5 4.6215 10.6215 3.5 12 3.5ZM5.5 12C5.5 10.6215 6.6215 9.5 8 9.5H16C17.3785 9.5 18.5 10.6215 18.5 12V18C18.5 19.3785 17.3785 20.5 16 20.5H8C6.6215 20.5 5.5 19.3785 5.5 18V12ZM8 6V8C5.79075 8 4 9.79075 4 12V18C4 20.2093 5.79075 22 8 22H16C18.2093 22 20 20.2093 20 18V12C20 9.79075 18.2093 8 16 8V6C16 3.79075 14.2093 2 12 2C9.79075 2 8 3.79075 8 6ZM13.25 15C13.25 14.3108 12.6893 13.75 12 13.75C11.3107 13.75 10.75 14.3108 10.75 15C10.75 15.6893 11.3107 16.25 12 16.25C12.6893 16.25 13.25 15.6893 13.25 15ZM9.25 15C9.25 13.4813 10.4813 12.25 12 12.25C13.5188 12.25 14.75 13.4813 14.75 15C14.75 16.5188 13.5188 17.75 12 17.75C10.4813 17.75 9.25 16.5188 9.25 15Z'/%3E%3C/svg%3E");
  --icon_machine-mpos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M17.5 6.5C17.5 5.673 16.827 5 16 5H8C7.173 5 6.5 5.673 6.5 6.5V17.5C6.5 18.327 7.173 19 8 19H16C16.827 19 17.5 18.327 17.5 17.5V6.5ZM8 3.5H16C17.6567 3.5 19 4.84325 19 6.5V17.5C19 19.1568 17.6567 20.5 16 20.5H8C6.34325 20.5 5 19.1568 5 17.5V6.5C5 4.84325 6.34325 3.5 8 3.5ZM10 13.5C10 14.0523 9.55229 14.5 9 14.5C8.44772 14.5 8 14.0523 8 13.5C8 12.9477 8.44772 12.5 9 12.5C9.55229 12.5 10 12.9477 10 13.5ZM12 14.5C12.5523 14.5 13 14.0523 13 13.5C13 12.9477 12.5523 12.5 12 12.5C11.4477 12.5 11 12.9477 11 13.5C11 14.0523 11.4477 14.5 12 14.5ZM16 13.5C16 14.0523 15.5523 14.5 15 14.5C14.4477 14.5 14 14.0523 14 13.5C14 12.9477 14.4477 12.5 15 12.5C15.5523 12.5 16 12.9477 16 13.5ZM9 17.5C9.55229 17.5 10 17.0523 10 16.5C10 15.9477 9.55229 15.5 9 15.5C8.44772 15.5 8 15.9477 8 16.5C8 17.0523 8.44772 17.5 9 17.5ZM13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5C12.5523 15.5 13 15.9477 13 16.5ZM15 17.5C15.5523 17.5 16 17.0523 16 16.5C16 15.9477 15.5523 15.5 15 15.5C14.4477 15.5 14 15.9477 14 16.5C14 17.0523 14.4477 17.5 15 17.5ZM9.0625 9.75V7.75H14.9375V9.75H9.0625ZM9.0625 6.25C8.23407 6.25 7.5625 6.92157 7.5625 7.75V9.75C7.5625 10.5784 8.23407 11.25 9.0625 11.25H14.9375C15.7659 11.25 16.4375 10.5784 16.4375 9.75V7.75C16.4375 6.92157 15.7659 6.25 14.9375 6.25H9.0625Z'/%3E%3C/svg%3E");
  --icon_pix: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M11.9997 3.5C12.4107 3.50003 12.7969 3.66003 13.0876 3.95075L14.9326 5.79575C14.7808 5.90975 14.6363 6.035 14.4998 6.1715L11.9998 8.6715L9.49984 6.1715C9.36334 6.035 9.21859 5.9095 9.06709 5.79575L10.9121 3.95075C11.2026 3.66028 11.589 3.50003 11.9997 3.5ZM11.9997 3.5C11.9998 3.5 11.9998 3.5 11.9998 3.5H11.9996C11.9996 3.5 11.9997 3.5 11.9997 3.5ZM11.9997 2C11.2223 2.00003 10.4446 2.29678 9.85134 2.89L6.24134 6.5H6.67134C7.33909 6.5 7.96684 6.76 8.43909 7.23225L11.6461 10.4393C11.7406 10.5338 11.8661 10.5857 11.9996 10.5857C12.1331 10.5857 12.2586 10.5338 12.3531 10.4393L15.5601 7.232C16.0323 6.75975 16.6601 6.49975 17.3278 6.49975H17.7578L14.1481 2.89C13.5549 2.29678 12.7772 2.00003 11.9997 2ZM18.1366 9L20.0488 10.9122C20.6486 11.5122 20.6486 12.4883 20.0488 13.088L18.1368 15H17.3278L14.3278 12L17.3278 9H18.1363H18.1366ZM6.67084 9L9.67084 12L6.67084 15H5.86184L3.94984 13.0883C3.35009 12.4883 3.35009 11.5123 3.94984 10.9125L5.86209 9.00025H6.67084V9ZM18.7576 7.50025H17.3276C16.9268 7.50025 16.5503 7.65625 16.2668 7.9395L13.0598 11.1465C12.7766 11.4298 12.3998 11.5857 11.9991 11.5857C11.5983 11.5857 11.2218 11.4298 10.9383 11.1465L7.73134 7.9395C7.44809 7.65625 7.07134 7.50025 6.67059 7.50025H5.24059L2.88909 9.852C1.70234 11.0387 1.70234 12.9625 2.88909 14.1493L5.24034 16.5005H6.67059C7.07134 16.5005 7.44784 16.3445 7.73134 16.0613L10.9383 12.8543C11.2216 12.571 11.5983 12.415 11.9991 12.415C12.3998 12.415 12.7763 12.571 13.0598 12.8543L16.2668 16.0613C16.5501 16.3445 16.9268 16.5005 17.3276 16.5005H18.7578L21.1091 14.1493C22.2958 12.9625 22.2958 11.0387 21.1091 9.852L18.7576 7.50025ZM14.4996 17.8283L11.9996 15.3283V15.328L9.49959 17.828C9.36309 17.9645 9.21834 18.09 9.06659 18.204L10.9116 20.049C11.2021 20.3398 11.5886 20.4998 11.9993 20.4998C12.4101 20.4998 12.7966 20.3395 13.0871 20.049L14.9323 18.204C14.7808 18.0903 14.6361 17.9648 14.4996 17.8283ZM11.6461 13.5603C11.7406 13.4658 11.8661 13.4138 11.9996 13.4138L11.9998 13.414C12.1333 13.414 12.2588 13.466 12.3533 13.5605L15.5603 16.7675C16.0326 17.2398 16.6603 17.4998 17.3281 17.4998H17.7583L14.1481 21.1098C13.5548 21.703 12.7771 21.9998 11.9996 21.9998C11.2221 21.9998 10.4443 21.703 9.85109 21.1098L6.24109 17.4998H6.67134C7.33909 17.4998 7.96684 17.2398 8.43909 16.7675L11.6461 13.5603Z'/%3E%3C/svg%3E");
  --icon_recargapay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.07861 15.7456C6.00036 16.0776 5.83861 16.384 5.60836 16.6358L4.3481 17.9163C4.1481 18.1163 3.95809 17.9163 4.00809 17.7563L5.49861 10.1334C5.49861 9.85341 5.64861 9.39317 5.69861 9.13293C5.69861 9.13293 6.22887 6.41198 6.53887 4.80125C6.66237 3.81152 7.22913 2.93179 8.07938 2.4103C8.55789 2.1383 9.09939 1.9968 9.6499 2.00005H17.7425C18.0225 2.00005 18.0825 2.21005 17.8825 2.4103L15.6917 4.62101C15.4485 4.84025 15.1382 4.97075 14.8115 4.99125H13.3209C13.0309 4.99125 12.9609 4.82125 13.1609 4.62101L13.6712 4.10077C13.9045 3.85394 13.9845 3.73052 13.9112 3.73052H10.2202C9.87915 3.73502 9.54115 3.79602 9.21989 3.91052C8.73114 4.09577 8.35714 4.49926 8.20964 5.001L6.07886 15.7448L6.07861 15.7456ZM19.65 6.09023L18.3997 7.37021C18.1697 7.62195 18.008 7.9282 17.9297 8.26019C17.9297 8.26019 15.9995 17.89 15.8095 19C15.6707 19.512 15.3007 19.93 14.8092 20.13C14.4867 20.24 14.1497 20.3005 13.8089 20.31H10.1084C10.0351 20.31 10.1151 20.1866 10.3484 19.94L10.8584 19.42C11.0584 19.22 10.9884 19.05 10.6984 19.05H9.18814C8.86139 19.0705 8.55114 19.201 8.30789 19.42L6.11762 21.59C5.91761 21.79 5.97761 21.9999 6.25762 21.9999H14.3489C14.8992 22.0032 15.4407 21.8617 15.9192 21.59C16.7637 21.0772 17.3302 20.2092 17.4595 19.23C17.7695 17.62 18.2997 14.9001 18.2997 14.9001C18.3497 14.6201 18.4497 14.1601 18.4997 13.9001L20 6.25023C20 6.06023 19.85 5.89023 19.65 6.09023ZM12.4602 9.23042C12.7597 9.21118 13.0499 9.33792 13.2397 9.57042C13.3344 9.69942 13.3932 9.85116 13.4097 10.0104C13.4697 10.3004 13.6297 10.4204 13.7994 10.4204H14.6189C14.9487 10.4204 15.0087 10.2004 14.9987 9.97041C15.011 9.47667 14.84 8.99568 14.5189 8.62043C14.2514 8.32069 13.9052 8.10244 13.5194 7.99045C13.4347 7.9537 13.3947 7.85595 13.4294 7.77045L13.4894 7.40046C13.5337 7.22946 13.4307 7.05471 13.2597 7.01071C13.2334 7.00396 13.2067 7.00046 13.1797 7.00046H12.7199C12.4999 7.01946 12.3199 7.18321 12.2802 7.40046L12.2202 7.73045C12.2152 7.85945 12.1254 7.96945 12.0002 8.00045C11.5212 8.08695 11.0734 8.29719 10.7009 8.61044C10.1562 9.02693 9.7969 9.64117 9.7014 10.3204C9.58015 10.8556 9.72965 11.4164 10.1012 11.8204C10.5892 12.2504 11.1824 12.5436 11.8204 12.6704C12.1872 12.7364 12.5312 12.8949 12.8199 13.1304C12.9829 13.3164 13.0497 13.5681 12.9999 13.8103C12.9659 14.0928 12.8132 14.3473 12.5802 14.5103C12.3207 14.6943 12.0084 14.7891 11.6907 14.7803C11.3642 14.7911 11.0459 14.6768 10.8012 14.4603C10.6399 14.2886 10.5442 14.0656 10.5314 13.8303C10.5314 13.7403 10.4714 13.4803 10.2217 13.4803H9.33215C9.15389 13.4803 9.00764 13.6221 9.00239 13.8003C8.97914 14.3468 9.16914 14.8811 9.53215 15.2903C9.77515 15.5783 10.0884 15.7988 10.4417 15.9303C10.6317 15.9903 10.8114 16.0203 10.7614 16.2303L10.7014 16.6003C10.6517 16.764 10.7442 16.9373 10.9079 16.987C10.9382 16.9963 10.9697 17.0008 11.0012 17.0003H11.4609C11.6824 16.9848 11.8642 16.8193 11.9007 16.6003L11.9707 16.2703C11.9842 16.1438 12.0842 16.0438 12.2107 16.0303C12.7107 15.9523 13.1842 15.7531 13.5899 15.4503C14.1492 15.0291 14.5107 14.3963 14.5894 13.7003C14.7117 13.1574 14.5667 12.5886 14.1997 12.1704C13.6984 11.7231 13.0822 11.4254 12.4204 11.3104C12.0564 11.2599 11.7119 11.1151 11.4209 10.8904C11.2622 10.7061 11.2027 10.4564 11.2609 10.2204C11.2964 9.94566 11.4359 9.69517 11.6507 9.52042C11.8739 9.32442 12.1634 9.22068 12.4602 9.23042Z'/%3E%3C/svg%3E");
  --icon_store: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18.5 11.4406C17.9537 11.3441 17.3766 11.1323 17.0095 10.821C16.8797 10.711 16.7607 10.5903 16.6535 10.4603C16.0755 11.1215 15.2437 11.4997 14.3639 11.4997C13.4842 11.4997 12.6299 11.0947 12.0719 10.4552C11.5139 11.095 10.6931 11.4997 9.77987 11.4997C8.86661 11.4997 8.05385 11.1148 7.47535 10.4427C7.3676 10.572 7.24834 10.6923 7.11859 10.8023C6.72027 11.1398 6.0858 11.3635 5.5 11.4542V20C5.5 20.2758 5.72425 20.5 6 20.5H8.5C8.77575 20.5 9 20.2758 9 20V16C9 15.1988 9.31225 14.4453 9.87875 13.8788C10.4453 13.312 11.1988 13 12 13C12.8012 13 13.5548 13.3122 14.1213 13.8788C14.688 14.4453 15 15.1988 15 16V20C15 20.2758 15.2242 20.5 15.5 20.5H18C18.2758 20.5 18.5 20.2758 18.5 20V11.4406ZM4 11.3456C3.48986 11.1734 3.03177 10.8621 2.67854 10.4363C2.11778 9.7605 1.88903 8.87775 2.05078 8.0145L2.75754 4.24325C3.00104 2.9435 4.13731 2 5.45932 2H8.06285H8.0821H16.0612H16.0807H18.2825C19.5462 2 20.6428 2.8565 20.9493 4.083L21.9133 7.9405C22.1285 8.80225 21.9388 9.698 21.3923 10.3982C21.0293 10.8633 20.5447 11.1965 20 11.368V20C20 21.1045 19.1045 22 18 22H15.5C14.3955 22 13.5 21.1045 13.5 20V16C13.5 15.1715 12.8285 14.5 12 14.5C11.1715 14.5 10.5 15.1715 10.5 16V20C10.5 21.1045 9.6045 22 8.5 22H6C4.8955 22 4 21.1045 4 20V11.3456ZM19.1352 10C18.4715 10 17.6347 9.52875 17.5177 8.877L17.5175 8.87725L16.9092 3.50025H18.2825C18.857 3.50025 19.3555 3.8895 19.4947 4.447L20.4588 8.30425C20.5613 8.715 20.4708 9.14175 20.2105 9.47525C19.9502 9.80875 19.5582 10 19.1352 10ZM12.8214 8.457V3.5H15.3944L15.8792 8.1575C15.8809 8.173 15.8829 8.188 15.8854 8.20325C15.9602 8.6515 15.8347 9.1075 15.5409 9.45425C15.2472 9.801 14.8182 10 14.3639 10C13.5134 10 12.8214 9.30775 12.8214 8.457ZM8.26436 8.1575L8.74911 3.5H11.3221V8.457C11.3221 9.30775 10.6301 10 9.77962 10C9.32512 10 8.89636 9.801 8.60261 9.45425C8.30911 9.1075 8.18336 8.6515 8.25811 8.20325C8.26061 8.188 8.26286 8.17275 8.26436 8.1575ZM4.23131 4.51975C4.34206 3.92875 4.85857 3.5 5.45932 3.5L5.45957 3.50025H7.23484L6.63684 8.81225C6.51334 9.50175 5.64432 10.0003 4.94232 10.0003C4.51181 10.0003 4.10731 9.81 3.8323 9.47875C3.5573 9.14725 3.4453 8.7145 3.52455 8.29125L4.23131 4.51975Z'/%3E%3C/svg%3E");
  --icon_wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' focusable='false' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M17.5 6C17.5 5.173 16.827 4.5 16 4.5H4.25C3.8365 4.5 3.5 4.8365 3.5 5.25C3.5 5.6635 3.8365 6 4.25 6H17.5ZM19 7.5H4.25H3.5V18C3.5 18.827 4.173 19.5 5 19.5H19C19.827 19.5 20.5 18.827 20.5 18V9C20.5 8.173 19.827 7.5 19 7.5ZM4.25 3C3.00725 3 2 4.00725 2 5.25V6V7.75V18C2 19.6568 3.34325 21 5 21H19C20.6568 21 22 19.6568 22 18V9C22 7.34325 20.6568 6 19 6C19 4.34325 17.6568 3 16 3H4.25ZM14.25 13.5C14.25 13.0858 14.5858 12.75 15 12.75H18C18.4142 12.75 18.75 13.0858 18.75 13.5C18.75 13.9142 18.4142 14.25 18 14.25H15C14.5858 14.25 14.25 13.9142 14.25 13.5Z'/%3E%3C/svg%3E");
}

/***** End CUSTOM CSS VARIABLES FOR RECARGAPAY *****/

@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
}

hr {
  border-width: 0;
  border-top: 1px solid rgba(196, 206, 212, 1);
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
  transition: all 0.3s ease;
}

a:hover {
  transition: all 0.3s ease;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: 700;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background: #F2F5F6;
  color: rgba(33, 42, 47, 1);
  font-family: var(--body_font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading_font);
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
}

h1 {
  font-size: 2rem; /* 32 */
  font-weight: 700;
}

h2 {
  font-size: 1.5rem; /* 24 */
  font-weight: 700;
}

h3 {
  font-size: 1.25rem; /* 20 */
}

h4 {
  font-size: 1rem; /* 16 */
}

h5 {
  font-size: .875rem; /* 14 */
}

h6 {
  font-size: .75rem; /* 12 */
}

a {
  color: rgba(0, 92, 189, 1);
  text-decoration: none;
}

a:hover, a:active, a:focus {
  text-decoration: none;
}

input,
textarea {
  color: rgba(33, 42, 47, 1);
  font-size: 1rem;
}

input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border .12s ease-in-out;
}

input:not([type="checkbox"]) {
  outline: none;
}

input:not([type="checkbox"]):focus {
  border: 1px solid rgba(240, 90, 2, 1);
}

input[disabled] {
  background-color: #ddd;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid rgba(196, 206, 212, 1);
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}

select:focus {
  border: 1px solid rgba(240, 90, 2, 1);
}

select::-ms-expand {
  display: none;
}

textarea {
  border: 1px solid rgba(196, 206, 212, 1);
  border-radius: 3px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}

textarea:focus {
  border: 1px solid rgba(240, 90, 2, 1);
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 1rem; /* was 5% */
}

@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.full--width,
.hc_header .full--width {
  max-width: 100%;
}

.container-divider {
  border-top: 1px solid rgba(196, 206, 212, 1);
  margin-bottom: 1rem; /* 16 */
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.visibility-hidden, .recent-activity-accessibility-label, .pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .edit-profile-button a, .hc__btn,
.split-button button {
  background-color: rgba(240, 90, 2, 1);
  border: 1px solid rgba(240, 90, 2, 1);
  border-radius: 1.5rem;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.34;
  margin: 0;
  padding: 0 1rem;
  text-align: center;
  transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
   text-decoration: none;
}

.button button-secondary article-vote article-vote-up{
  display: flex;
  justify-content: center;
}

.hc__btn {
    width: auto;
}

@media (min-width: 768px) {
  .button, .section-subscribe button, .article-subscribe button, .community-follow button, .requests-table-toolbar .organization-subscribe button, .subscriptions-subscribe button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .edit-profile-button a, .split-button button {
    width: auto;
  }
}

.button:hover, .section-subscribe button:hover, .article-subscribe button:hover, .community-follow button:hover, .requests-table-toolbar .organization-subscribe button:hover, .subscriptions-subscribe button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .edit-profile-button a:hover, .button:active, .section-subscribe button:active, .article-subscribe button:active, .community-follow button:active, .requests-table-toolbar .organization-subscribe button:active, .subscriptions-subscribe button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .edit-profile-button a:active, .button:focus, .section-subscribe button:focus, .article-subscribe button:focus, .community-follow button:focus, .requests-table-toolbar .organization-subscribe button:focus, .subscriptions-subscribe button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .edit-profile-button a:focus, .button.button-primary, .section-subscribe button.button-primary, .section-subscribe button[data-selected="true"], .article-subscribe button.button-primary, .article-subscribe button[data-selected="true"], .community-follow button.button-primary, .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected="true"], .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected="true"], .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .edit-profile-button a.button-primary {
  background-color: rgba(240, 90, 2, 1);
  color: #FFFFFF;
  text-decoration: none;
}

.button.button-primary:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected="true"]:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected="true"]:hover, .community-follow button.button-primary:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected="true"]:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .edit-profile-button a.button-primary:hover, .button.button-primary:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected="true"]:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected="true"]:focus, .community-follow button.button-primary:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected="true"]:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .edit-profile-button a.button-primary:focus, .button.button-primary:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected="true"]:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected="true"]:active, .community-follow button.button-primary:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected="true"]:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected="true"]:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .edit-profile-button a.button-primary:active {
  background-color: #8b3401;
  border-color: #8b3401;
}

.button[data-disabled], .section-subscribe button[data-disabled], .article-subscribe button[data-disabled], .community-follow button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .subscriptions-subscribe button[data-disabled], .pagination-next-link[data-disabled], .pagination-prev-link[data-disabled], .pagination-first-link[data-disabled], .pagination-last-link[data-disabled], .edit-profile-button a[data-disabled] {
  cursor: default;
}

.button-large, input[type="submit"] {
  cursor: pointer;
  background-color: rgba(240, 90, 2, 1);
  border: 0;
  border-radius: 1.5rem;
  /*border-radius: 8px;*/
  color: #FFFFFF;
  font-size: 1rem; /* 16 */
  font-weight: 700;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1rem;
  width: 100%;
}

@media (min-width: 768px) {
  .button-large, input[type="submit"] {
    width: auto;
  }
}

.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
  background-color: #8b3401;
}

.button-large[disabled], input[type="submit"][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: var(--color_secondary);
  border: 1px solid var(--color_secondary_lighter);
  background-color: var(--color_secondary_lighter);
}

.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: var(--color_secondary);
  border: 1px solid var(--color_secondary_light);
  background-color: var(--color_secondary_light);
}

#tinymce,
.mce-content-body {
  font-family: 'Roboto', sans-serif !important;
}

/***** Tables *****/

.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}

.table th,
.table th a {
  color: #4b606b;
  font-size: 13px;
  text-align: left;
}

.table tr {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  display: block;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}

.table td {
  display: block;
}

@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}

@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/

.form {
  max-width: 700px;
  background-color: #F7F7F7;
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 45px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: 600;
}

.form-field input {
  border: 1px solid rgba(196, 206, 212, 1);
  border-radius: 3px;
  padding: 10px;
  width: 100%;
}

#hc-wysiwyg,
.form-field .nesty-input {
  border: 1px solid rgba(196, 206, 212, 1);
}

.form-field input[type="text"] {
  border: 1px solid rgba(196, 206, 212, 1);
  border-radius: 3px;
}

.form-field input[type="text"]:focus,
.form-field input:focus {
  border: 1px solid rgba(0, 92, 189, 1);
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid rgba(0, 92, 189, 1);
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid rgba(240, 90, 2, 1);
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #4b606b;
  margin-left: 4px;
}

.form-field p {
  color: #4b606b;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 0;
  padding-top: 30px;
  text-align: right;
}

.form footer a {
  color: #4b606b;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 15px;
}

.form .suggestion-list .searchbox {
  background: #fff;
  border: 1px solid rgba(196, 206, 212, 1);
  padding: 20px;
  border-radius: 3px;
}

.form .suggestion-list label {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  display: block;
  padding-bottom: 5px;
}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #002a57;
}

.form .upload-item {
  background: #fff;
  border: 1px solid rgba(196, 206, 212, 1);
}

.form .required > label:after {
    content: "*";
    color: red;
    margin-left: 2px;
}

/***** Header *****/

.alert--bar {
  background: #F05064;
  padding: 10px 0;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  z-index: 99;
}

.height-42 {
  max-height: 42px;
  overflow: hidden;
}

.alert--bar a {
  color: #FFFFFF;
  border-bottom: 1px solid;
}

.hc_header {
  background: #ffffff;
  z-index: 9;
  position: relative;
  transition: all 0.3s ease;
}

.hc_header:before {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  background: url("https://st.recargapay.com/public/img/stripes.svg") no-repeat center;
  background-size: 100% 100%;
}

.fixed-divider {
  height: 71px;
}

.fixed--header,
.hc_header.menu-is-open {
  position: fixed;
  top: 0;
  width: 100%;
}

.fixed--header.top-42 {
  top: 42px;
}

.scroll--fixed {
  top: 0 !important;
  transition: all 0.3s ease;
}

.hc_header.menu-is-open {
  z-index: 999;
}

.border-top {
  border-top: 1px solid rgba(66, 83, 92, 1);
}

.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 80px;
  justify-content: space-between;
}

@media (max-width: 500px) {
  .hc_header {
    display: none;
    padding: 0;
    width: 90%;
  }
}

@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 36px;
}

@media (max-width: 500px) {
  .logo img {
    max-height: 25px;
    margin-top: 5px;
  }
}

.logo span {
  margin: 0 10px;
  color: rgba(66, 83, 92, 1);
  vertical-align: top;
  position: relative;
  top: 5px;
}

.logo a {
  display: inline-block;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}

.user-nav[aria-expanded="true"] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(196, 206, 212, 1);
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}

.user-nav[aria-expanded="true"] > a {
  display: block;
  margin: 20px;
}

.nav-wrapper a {
  border: 0;
  color: rgba(66, 83, 92, 1);
  padding: 0 10px 0 10px;
  width: auto;
}

.nav-wrapper .language-selector .dropdown-toggle {
  color: rgba(66, 83, 92, 1);
  padding: 0 10px;
}

@media (min-width: 768px) {
  .nav-wrapper a {
    display: inline-block;
  }
  .nav-wrapper .cd-primary-nav-trigger {
    padding-right: 0;
    margin-right: -12px;
  }
}

.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
  background-color: transparent;
  color: rgba(66, 83, 92, 1);
}

.nav-wrapper a.login {
  display: inline-block;
}

.nav-wrapper .menu-button {
  background: none;
  border: 0;
  color: rgba(0, 92, 189, 1);
  display: none;
  margin-right: 10px;
  padding: 0;
  width: auto;
}

@media (min-width: 768px) {
  .nav-wrapper .menu-button {
    display: none;
  }
}

.nav-wrapper .menu-button .icon-menu {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

.nav-wrapper .menu-button:hover, .nav-wrapper .menu-button:focus, .nav-wrapper .menu-button:active {
  background-color: transparent;
  color: rgba(0, 92, 189, 1);
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}

.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}

.user-info .dropdown-toggle::after {
  display: none;
}

@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}

.user-info > button {
  border: 0;
  color: rgba(66, 83, 92, 1);
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}

.user-info > button:hover, .user-info > button:focus {
  color: rgba(66, 83, 92, 1);
  background-color: transparent;
}

.user-info > button::after {
  color: rgba(0, 92, 189, 1);
  padding-right: 15px;
}

#user #user-name {
  display: none;
  font-size: 14px;
}

@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}

#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}

.avatar img {
  height: 40px;
  width: 40px;
}

.avatar .icon-agent {
  color: rgba(240, 90, 2, 1);
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/

.footer {
  background: rgba(242, 245, 246, 1);
  margin-top: 1.5rem; /* 24 */
  padding: 1rem 0; /* 16 */
  color: rgba(66, 83, 92, 1);
}

.footer .social {
  margin-bottom: 1rem;
}

.footer .social li {
  display: inline-block;
  margin: .25rem; /* 4 */
}

.footer .social li a {
  border: 2px solid rgba(66, 83, 92, 1);
  display: block;
  width: 2rem; /* 32 */
  height: 2rem; 
  line-height: 2rem;
  border-radius: 100%;
}

.footer .social li i {
  font-size: 0.9em;
}

.footer .social li a:hover,
.footer .social li a:focus {
  background: rgba(240, 90, 2, 1);
  border-color: rgba(240, 90, 2, 1);
}

.footer a {
  border-bottom: 1px dashed;
  color: rgba(66, 83, 92, 1);
}

.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

.footer-legal {
  padding: .5rem 0;
  font-size: 0.75rem; /* 12 */
}

.footer-legal p {
  margin: .5rem 0;
}


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

@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
  .nav-wrapper .cd-primary-nav-trigger {
    padding-right: 0;
    margin-right: -10px;
  }
}

.footer-language-selector {
  color: #4b606b;
  display: inline-block;
}

/***** Breadcrumbs *****/

.breadcrumbs {
  margin: 0;
  padding: 0;
}

@media (max-width: 1024px) {
  .breadcrumbs__block .breadcrumbs > li {
    display: none;
  }
}

.breadcrumbs li {
  color: rgba(33, 42, 47, 1);
  display: inline;
  font-size: 0.875rem;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumbs li + li::before {
  content: ">";
  margin: 0.25rem;
}

.breadcrumbs li a:visited {
  color: #4b606b;
}

/*.breadcrumbs li:last-child,*/
.breadcrumbs li:first-child,
.breadcrumbs li:first-child + li::before {
  display: none;
}

/***** Search field *****/

.search {
  position: relative;
}

.search-container .search input[type="search"] {
  border: 1px solid rgba(196, 206, 212, 1);
  border-radius: 8px;
  box-shadow: none;
  box-sizing: border-box;
  height: 2.5rem;
  padding: .25rem .25rem .25rem 2rem;
}

.search input[type="search"]:focus {
  border: 1px solid rgba(0, 92, 189, 1);
}

.search-full input[type="search"]:focus {
  border: 1px solid rgba(240, 90, 2, 1);
}

.search input[type="search"] {
  border: 1px solid #fff;
  border-radius: 8px;
  box-shadow: 0 6px 19px rgb(39 49 58 / 9%);
  color: rgba(33, 42, 47, 1);
  font-size: 1rem;
  font-weight: 400;
  height: 56px;
  padding: 0 1rem;
  width: 100%;
}

.requests-table-toolbar .search input[type="search"] {
  border: 1px solid rgba(196, 206, 212, 1);
}

.search input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  height: 56px;
  min-width: 100px;
  max-width: 100px;
  border-radius: 0 8px 8px 0;
  background: rgba(240, 90, 2, 1);
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  padding: 0 1rem;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(26px);
  position: absolute;
  left: .75rem;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  color: rgba(196, 206, 212, 1);
}

.breadcrumbs__block .search-icon,
.requests-table-toolbar .search-icon {
    transform: translateY(-0.5rem);
}

.search-container {
  position: relative;
}

.breadcrumbs__block {
  background: #E9EDEF;
  margin-bottom: 1.5rem;
  padding: .75rem 0;
}

@media (max-width: 768px) {
  .hero .search-full::before {
    visibility: hidden;
  }
  .search-full input[type="search"] {
    padding-left: 1rem;
  }
  .alert--bar {
    font-size: 10px;
  }
}

/***** Hero component *****/

.welcome_text {
  color: rgba(255, 255, 255, 1);
  font-size: 1.5rem; /* 24 */
  font-weight: 400; 
  line-height: 1.2;
  margin: 0 0 1rem;
}
.welcome_title {
  color: rgba(255, 255, 255, 1);
  margin: 0 0 1em;
  font-size: 4rem; /* 64 */
  font-weight: 700;
  line-height: 1.1;
}

@media (max-width: 464px) {
  .welcome_text {
    padding-right: 40%;
    font-size: .875rem; /* 14 */
  }
  .welcome_title {
    padding-right: 40%;
    font-size: 1.5rem; /* 24 */
  }
}

.hero {
  background-color: rgba(5, 62, 110, 1);
  padding: 2rem 0 6rem;
  text-align: left;
  width: 100%;
}

.hero_show {
    background-image: url(/hc/theming_assets/01HZQ8EGJYVSY6RSNC913EG0EZ);
    background-position: center;
    background-size: cover;
}

@media (max-width: 768px) {
  .hero {
    padding: 2rem 0;
  }
}

@media (min-width: 768px) {
  .hero-inner {
    /*background-image: url("https://cnt.recarga.com/cx/zendesk/hero-home-bg.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;*/
    min-height: 320px;
    margin-right: .5rem; 
    padding: 2rem 50% 2rem 0;
  }
}

@media (min-width: 1024px) {
  .hero-inner {
    min-height: 440px;
  }
}

.category-header {
  background-color: rgba(5, 62, 110, 1);
  color: rgba(255, 255, 255, 1);
  margin: 0 0 1.5rem;
  padding: 2rem 0;
}
.breadcrumbs__block + .category-header { 
  margin-top: -1.5rem;
}

.category-header .category-header-title {
  margin: 0;
}

.category-header .category-header-description {
  margin: 0 0 .5rem;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: .5rem 0;
}

@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
  }
}

.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: .5rem;
}

@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}

.page-header h1 {
  color: rgba(33, 42, 47, 1);
  flex-grow: 1;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.my-activities-header > h1 {
  font-weight: 600;
}

.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}

@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}

.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 3rem;
  min-height: 2rem;
  padding-bottom: 1rem;
}

.breadcrumbs__block .sub-nav {
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .sub-nav {
    align-items: baseline;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .sub-nav input[type="search"] {
    min-width: 290px; /* Same width as article-sidebar */
  }
}

.sub-nav input[type="search"]::after {
  font-size: 1rem;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list,
.quick-articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  margin: .5rem -.5rem;
  padding: 0;
}

.blocks-item,
.quick-articles section {
  box-sizing: border-box;
  display: flex;
  flex: 1 0 340px;
  margin: .5rem;
  max-width: 100%;
  text-align: left;
}

@media (min-width: 774px) {
	.categories .blocks-item {
  	max-width: 48.5%;
  }
}

@media (min-width: 1169px) {
	.categories .blocks-item {
  	max-width: 32%;
  }
}

.categories-title {
  margin: 2rem 0 0;
}

@media (min-width: 1024px) {
  .categories-title {
    margin: 3rem 0 1rem;
    font-size: 2rem; /* 32 */
  }
}

.quick-articles section {
  display: block;
  margin: 1.5rem 0 1rem;
  text-align: left;
  padding: 2rem 2rem 1.5rem 2rem;
}

.quick-articles .articles h2 {
  font-size: 1.5em;
  font-weight: 600;
  color: rgba(33, 42, 47, 1);
  margin-bottom: 1rem;
}

/*.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #fff;
}*/

.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: rgba(0, 92, 189, 1);
  text-decoration: none;
}

.blocks-item-internal {
  background-color: transparent;
  border: 1px solid rgba(196, 206, 212, 1);
}

.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}

.blocks-item-internal a {
  color: rgba(33, 42, 47, 1);
}

.blocks-item-link {
  background: #fff;
  color: rgba(33, 42, 47, 1);
  padding: 1.5rem; /* 24 */
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  border-radius: inherit;
  position: relative;
}

.blocks-item-link:after {
  content: var(--icon_chevron-right);
  position: absolute; top: 1.5rem; right: 1.5rem; 
  width: 1.5rem;
  height: 1.5rem;
}

.topics .blocks-item-link {
  padding: 2.5rem 2rem 1.5rem 2rem;
}

.blocks-item-title {
    margin-top: 1rem;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.5rem;
}

.blocks-item-description {
  font-size: 1rem;
  margin: 0;
}

.blocks-item-description:not(:empty) {
  margin-top: .5rem;
}

@media (max-width: 464px) {
  .blocks-item-link {
    padding: 1rem; /* 16 */
  }
  .blocks-item-link:after {
    top: 1rem; right: 1rem; 
  }
  .blocks-item-title {
    font-size: 1rem; /* 16 */
  }
  .blocks-item-description {
    font-size: 0.875rem; /* 14 */
  }
}

/***** Homepage *****/
.section {
  margin-bottom: 5%; /* Same as .container padding horizontal */
}

@media (min-width: 768px) {
  .section {
    margin-bottom: 2rem;
  }
}

section.home-section {
  display: block;
  box-sizing: border-box;
  margin: 1.5rem .5rem 1rem;
  padding: 2rem 2rem 1.5rem 2rem;
  max-width: 100%;
  text-align: left;
}

.home-section h2 {
  color: rgba(33, 42, 47, 1);
  margin-bottom: .5rem;
  font-weight: 600;
}

.blocks-item span.category-icon,
.topics-item .topic-icon {
  position: relative;
  height: 2.5rem; /* 40 */
  width: 2.5rem;
  line-height: 2.5rem;
  font-size: 2rem; /* 32 */
  display: inline-block;
  margin: 0;
  border-radius: 100%;
  text-align: center;
  color: rgba(17, 110, 210, 1);
  
}

@media (max-width: 768px) {
  .blocks-item span.category-icon,
  .topics-item .topic-icon {
    height: 1.5rem; /* 24 */
    width: 1.5rem;
    line-height: 1.5rem;
    font-size: 1.25rem; /* 20 */
  }
}

.blocks-item .category-icon:before {
  content: '';
  mask: var(--icon_file-document); -webkit-mask: var(--icon_file-document);
  mask-size: contain; -webkit-mask-size: contain;
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(17, 110, 210, 1);
}
.blocks-item .category-icon i { display: none; }

.blocks-item #category--ContaPF.category-icon:before { -webkit-mask: var(--icon_account-circle); mask: var(--icon_account-circle); }
.blocks-item #category--ContaPJ.category-icon:before { -webkit-mask: var(--icon_store); mask: var(--icon_store); }

/* BackOffice Icons 
.blocks-item #category--30242031056403.category-icon:before { -webkit-mask: var(--icon_pix); mask: var(--icon_pix); }
.blocks-item #category--30242035709331.category-icon:before { -webkit-mask: var(--icon_giftcard); mask: var(--icon_giftcard); }
.blocks-item #category--30242032717459.category-icon:before { -webkit-mask: var(--icon_lock); mask: var(--icon_lock); }
.blocks-item #category--30242124843795.category-icon:before { -webkit-mask: var(--icon_computer); mask: var(--icon_computer); }
.blocks-item #category--30242068250899.category-icon:before { -webkit-mask: var(--icon_cash-loan); mask: var(--icon_cash-loan); }
.blocks-item #category--30242039042707.category-icon:before { -webkit-mask: var(--icon_credit-card); mask: var(--icon_credit-card); }
.blocks-item #category--30242055297299.category-icon:before { -webkit-mask: var(--icon_cellphone); mask: var(--icon_cellphone); }
.blocks-item #category--30242125827859.category-icon:before { -webkit-mask: var(--icon_machine-mpos); mask: var(--icon_machine-mpos); }
.blocks-item #category--30242034129939.category-icon:before { -webkit-mask: var(--icon_barcode-reader); mask: var(--icon_barcode-reader); }
.blocks-item #category--30242054487315.category-icon:before { -webkit-mask: var(--icon_discount); mask: var(--icon_discount); }
.blocks-item #category--30242074017939.category-icon:before { -webkit-mask: var(--icon_wallet); mask: var(--icon_wallet); }
.blocks-item #category--30242107121171.category-icon:before { -webkit-mask: var(--icon_account-circle); mask: var(--icon_account-circle); }
.blocks-item #category--30242019339155.category-icon:before { -webkit-mask: var(--icon_recargapay); mask: var(--icon_recargapay); }
*/
/* PRD Icons */
.blocks-item #category--30484512550803.category-icon:before { -webkit-mask: var(--icon_pix); mask: var(--icon_pix); }
.blocks-item #category--30484649046163.category-icon:before { -webkit-mask: var(--icon_giftcard); mask: var(--icon_giftcard); }
.blocks-item #category--30484517682323.category-icon:before { -webkit-mask: var(--icon_lock); mask: var(--icon_lock); }
.blocks-item #category--30484760337811.category-icon:before { -webkit-mask: var(--icon_computer); mask: var(--icon_computer); }
.blocks-item #category--30484958820627.category-icon:before { -webkit-mask: var(--icon_cash-loan); mask: var(--icon_cash-loan); }
.blocks-item #category--30484776057491.category-icon:before { -webkit-mask: var(--icon_credit-card); mask: var(--icon_credit-card); }
.blocks-item #category--30484944856083.category-icon:before { -webkit-mask: var(--icon_cellphone); mask: var(--icon_cellphone); }
.blocks-item #category--30484767929107.category-icon:before { -webkit-mask: var(--icon_machine-mpos); mask: var(--icon_machine-mpos); }
.blocks-item #category--30484919937939.category-icon:before { -webkit-mask: var(--icon_barcode-reader); mask: var(--icon_barcode-reader); }
.blocks-item #category--30484560067219.category-icon:before { -webkit-mask: var(--icon_discount); mask: var(--icon_discount); }
.blocks-item #category--30484841338387.category-icon:before { -webkit-mask: var(--icon_wallet); mask: var(--icon_wallet); }
.blocks-item #category--30484475914515.category-icon:before { -webkit-mask: var(--icon_account-circle); mask: var(--icon_account-circle); }
.blocks-item #category--30484461208851.category-icon:before { -webkit-mask: var(--icon_recargapay); mask: var(--icon_recargapay); }


/*.blocks-item span.category-icon img,
.topics-item .topic-icon img {
  max-width: 50px;
}*/

.blocks-item:hover span.category-icon,
.topics-item:hover .topic-icon {
  transition: transform 0.2s, opacity 0.2s;
  transform: scale(1.125);
}

/*.blocks-item span.category-icon i,
.topics-item .topic-icon i {
}

.blocks-item span.category-icon i:first-child,
.blocks-item span.category-icon i:nth-child(1),
.blocks-item span.category-icon i:nth-child(2),
.blocks-item span.category-icon i:nth-child(3),
.blocks-item span.category-icon i:nth-child(4),
.blocks-item span.category-icon i:nth-child(5),
.blocks-item span.category-icon i:nth-child(6),
.topics-item .topic-icon i:first-child {
  display: none;
}

.blocks-item span.category-icon i:last-child,
.topics-item .topic-icon i:last-child {
  display: block;
}*/

.quick-articles li:not(:first-child):before,
.article-list li:not(:first-child):before,
.section-lists li:not(:first-child):before {
  content: '';
  display: block;
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  margin: 0 1.5rem;
}

.quick-articles li a,
.article-list li a,
.article-relatives li a,
.section-lists li a {
  display: block;
  padding: 1.5rem 3.5rem 1.5rem 1.5rem;
  font-size: 1rem;
  color: rgba(33, 42, 47, 1);
}

.article-list li a:after,
.quick-articles ul > li > a:after,
.section-lists li a:after,
.results-list-item-link .search-result-title:after {
  content: var(--icon_chevron-right);
  position: absolute; top: 50%; right: 1.5rem; 
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
}
.results-list-item-link .search-result-title:after {
  top: 0; right: 0; 
  margin-top: 0;
}

@media (max-width: 464px) {
  .quick-articles li:not(:first-child):before,
  .article-list li:not(:first-child):before,
  .section-lists li:not(:first-child):before {
    margin: 0 1rem; /* 16 */
  }
  .quick-articles li a,
  .article-list li a,
  .article-relatives li a,
  .section-lists li a {
    padding: 1rem 2.5rem 1rem 1rem; /* 16 */
  }
  .article-list li a:after,
  .quick-articles ul > li > a:after,
  .section-lists li a:after {
    right: 1rem; 
  }
}

.article-list li a:hover,
.quick-articles ul > li > a:hover,
.section-lists li a:hover,
.article-list li a:focus,
.quick-articles ul > li > a:focus,
.section-lists li a:focus,
.article-list li a:active,
.quick-articles ul > li > a:active,
.section-lists li a:active {
	color: rgba(0, 92, 189, 1);
}

.article-relatives h2 {
    margin-bottom: 1rem;
}

.section-container .section-empty {
    margin-top: 1rem;
    display: inline-block;
}

/***** Promoted articles *****/

.promoted-articles .article-list {
  margin: 1rem 0;
  background-color: white;
}

/*.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}*/

.promoted-articles-item {
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .promoted-articles .article-list {
    margin: 1.5rem 0;
  }
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 0;
    width: 100%;
    /* Three columns on desktop */
  }
}

.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}

.promoted-articles-item a,
.quick-articles li a {
  display: block;
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  padding: 1rem 0;
  color: rgba(33, 42, 47, 1);
}

.quick-articles ul li:last-child a {
    border-bottom: 0;
}

.article-list,
.section-lists {
	margin-bottom: 1rem;
}

.quick-articles section li,
.article-list li,
.section-lists li {
	position: relative;
	margin-bottom: 0;
}

.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}

.promoted-articles-item:last-child a {
  border: 0;
}

@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid rgba(196, 206, 212, 1);
  }
}

.new-request-title {
  font-weight: 600;
}

.new-request-title::after {
  content: "\f0e0";
  font-size: 45px;
  margin-left: -10px;
}

.hide--icon::after,
.hide--icon section h2::after {
  display: none;
}

/***** Community section in homepage *****/

.community {
  text-align: center;
}

.community-image {
  display: flex;
  align-items: center;
  min-height: 200px;
  background-image: url(/hc/theming_assets/01HZQE5P9SCYVCEPJ2V7WVGKDD);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: -30px;
}

.community-image:before {
  position: absolute;
  content: "";
  background: #000000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
}

.community-image .btn {
  background: rgba(255, 255, 255, 0.78);
  border: 2px solid rgba(255, 255, 255, 0.72);
  color: rgba(33, 42, 47, 1);
  padding: 10px 45px;
  border-radius: 8px;
  font-size: 1.3em;
  font-weight: 600;
  position: relative;
  margin: 0 5px;
}

.community,
.activity {
  border-top: 0;
  padding: 2rem 0;
}

.pt-80 {
  padding-top: 80px;
}

.pt-0 {
  padding-top: 0;
}

.mb-30 {
  margin-bottom: 30px;
}

/***** Recent activity *****/

.recent-activity-item > h3 {
  margin-bottom: 5px;
}

.recent-activity-header {
  margin-bottom: 1rem;
  font-weight: 600;
}

.recent-activity-list {
  padding: 0;
}

.recent-activity-item {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  overflow: auto;
  padding: 20px 0;
}

.recent-activity-item-parent {
  font-size: 16px;
}

.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  color: rgba(33, 42, 47, 1);
  display: inline-block;
  width: 100%;
}

@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}

.recent-activity-item-link {
  font-size: 14px;
}

.recent-activity-item-meta {
  margin: 15px 0 0 0;
  float: none;
}

@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
}

.recent-activity-item-time, .recent-activity-item-comment {
  color: #4b606b;
  display: inline-block;
  font-size: 13px;
}

.recent-activity-item-comment {
  padding-left: 5px;
}

.recent-activity-item-comment::before {
  display: inline-block;
}

.recent-activity-controls {
  padding-top: 15px;
}

.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: rgba(240, 90, 2, 1);
  width: 16px;
  height: 16px;
}

.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}

.category-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 100%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}

.section-tree .section {
  flex: initial;
}

@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 48.5%;
    /* Two columns for tablet and desktop. Leaving 3% separation between columns */
  }
}

.section-tree-title {
  display: none;
  font-size: 1.25rem;
  font-weight: 600;
}

.section-tree-title a {
  color: rgba(33, 42, 47, 1);
}

.section-tree .see-all-articles,
.recent-activity-controls > a {
  display: inline-block;
  padding: .5rem 1rem;
  /*background: rgba(0, 92, 189, 1);*/
  border: 1px solid rgba(0, 92, 189, 1);
  border-radius: 8px;
  color: rgba(0, 92, 189, 1);
}

.icon-star {
  color: rgba(240, 90, 2, 1);
  font-size: 1rem;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}

.section-content {
  flex: 1;
}

@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 100%;
  }
}

.section-list {
  margin: 40px 0;
}

.section-list--collapsed .section-list-item:nth-child(1n + 6) {
  display: none;
}

.section-list-item {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  font-size: 16px;
  padding: 15px 0;
}

.section-list-item:first-child {
  border-top: 1px solid rgba(196, 206, 212, 1);
}

.section-list-item a {
  align-items: center;
  color: rgba(33, 42, 47, 1);
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}

.see-all-sections-trigger[aria-hidden="true"] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .article {
    flex: 1 0 70%;
    max-width: 70%;
    min-width: 640px;
    margin-right: 5%;
  }
  .full__article {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0;
  }
}

.article-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}

.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
  }
  .article-title {
    flex-basis: 100%; /* Take entire row */
    /*margin-bottom: 1.125rem; /* 18 - Aligns the top of the card with the one on article-sidebar */
  }
}

@media (max-width: 768px) {
  .article-title { 
    color: var(--color_text_muted);
    font-size: 1rem; /* 16 */
    font-weight: 600;
  }
  .article-content .article-body,
  .article-body .note--message,
  .article-body .warning--message,
  .article-body .quote--message,
  .article-body .support--message,
  .article-votes.article-content {
    color: var(--color_text_muted);
    font-size: 0.875rem; /* 14 */
  }
  .article-body h2 {
    font-size: 1rem; /* 16 */
    font-weight: 600;
  }
  .article-body h3 {
    font-size: 0.875rem; /* 14 */
    font-weight: 600;
  }
  .article-body h4 {
    font-size: 0.75rem; /* 12 */
    font-weight: 600;
  }
  .article-body b,
  .article-body em,
  .article-body i,
  .article-body strong {
    font-style: normal;
    font-weight: 600;
  }
}

.article-avatar {
  margin-right: .5rem; /* 8 */
}

.article-author {
  margin-bottom: .5rem; /* 8 */
}

.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.article [role="button"] {
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}

@media (min-width: 768px) {
  .article [role="button"] {
    width: auto;
  }
}

.article-info {
  max-width: 100%;
}

.article-meta {
  display: inline-block;
  vertical-align: middle;
}

.article-body img {
  height: auto;
  max-width: 100%;
}

.article-body iframe {
  max-width: 100% !important;
  border: 1px solid #dddddd;
  padding: .5rem;
  border-radius: .25rem;
}

.article-body td {
  padding: .5rem;
}

.article-body p {
  margin: 0 0 1rem; /* 16 */
}
.article-body p:last-child {
  margin-bottom: 0;
}

.article-body ul, .article-body ol {
  padding-left: 1rem;
  list-style-position: outside;
  margin: 1rem 0 1.5rem; 
}

.article-body ul {
  margin-left: 1rem;
}

.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol {
  margin: 0;
}

.article-body ul {
  list-style-type: disc;
}

.article-body ul > li,
.article-body ol > li{
  margin-bottom: .75rem; /* 12 */
}

.article-body ul > li h3,
.article-body ul > li h4 {
  margin-bottom: .5rem; /* 8 */
}

.article-body a:visited {
  color: rgba(240, 90, 2, 1);
  text-decoration-color: rgba(240, 90, 2, 1);
}

.article-body a {
  text-decoration: none;
  text-underline-position: under;
  text-decoration-color: rgba(0, 92, 189, 1);
}

.article-body a:hover {
  color: rgba(240, 90, 2, 1);
  text-decoration-color: rgba(240, 90, 2, 1);
}

.article-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: .5rem;
  padding: 0 .5rem;
  margin: 0 .25rem;
}

.article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: .5rem;
  padding: .5rem 1rem;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #4b606b;
  font-style: italic;
  padding: 0 1rem;
}

.article-content {
  line-height: 1.4;
  margin-bottom: 1.5rem; /* 24 */
  padding: 1.5rem; /* 24 */
  word-wrap: break-word;
}

@media (max-width: 464px) {
  .article-content {
    padding: 1rem; /* 16 */
  }
}

.article-content .article-body > *:first-child {
  margin-top: 0;
}

.article-content .article-body > *:last-child {
  margin-bottom: 0;
}

/*
.article footer {
  border: 1px solid rgba(196, 206, 212, 1);
  border-radius: .5rem;
  margin: 2rem 0;
  padding: 1rem;
}
*/
.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.article-comment-count {
  color: #4b606b;
}

.article-comment-count:hover {
  text-decoration: none;
}

.article-comment-count-icon {
  vertical-align: middle;
  color: rgba(240, 90, 2, 1);
  width: 18px;
  height: 18px;
}

.article-sidebar {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  border-top: 1px solid rgba(196, 206, 212, 1);
  flex: 1 0 auto;
}

@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 25%;
    height: auto;
  }
}

.article-relatives {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}

@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}

.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}

.article-relatives > *:last-child {
  padding: 0;
}

@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}

.article-votes {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

@media (max-width: 768px) {
  body {
    padding-bottom: 3.5em; /* 56 */
  }
  .article-votes.article-content {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding-top: .75rem; /* 12 */
    padding-bottom: .5rem;
    border-radius: 0;
  }
}

.article-votes-question {
  font-weight: 400;
}

.article-votes-controls {
  white-space: nowrap;
}

.article-vote {
  width: auto;
  margin-left: .25rem; /* 4 */
}

.article-more-questions {
  display: none;
  margin: -.25rem 0 1rem;
}

.article-more-questions a {
    border-bottom: 1px solid rgba(240, 90, 2, 1);
}

.article-return-to-top {
  text-align: center;
  border-top: 1px solid rgba(196, 206, 212, 1);
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}

.article-return-to-top a {
  color: rgba(33, 42, 47, 1);
  display: block;
  padding: 1rem 0;
}

.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}

.article-return-to-top-icon {
  transform: rotate(0.5turn);
  position: relative;
  top: .25rem;
}

.sidenav-title {
  font-size: 1.25rem;
  position: relative;
  font-weight: 600;
  margin-bottom: 1rem;
  display: block;
  font-family: var(--heading_font);
}

.sidenav-item,
.article-sidebar .related-articles ul > li > a {
  display: block;
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  font-size: 1rem; 
}

@media (max-width: 466px) {
	.sidenav-title {
  	font-size: 1rem;
  }
  .sidenav-item,
  .article-sidebar .related-articles ul > li > a {
    margin-bottom: .5rem;
    font-size: 0.875rem; /* 14 */
  }
}

.sidenav-item.current-article {
  border: 1px solid rgba(240, 90, 2, 1);
  color: rgba(240, 90, 2, 1);
  font-weight: 600;
  text-decoration: none;
}

.sidenav-item:hover,
.article-sidebar .related-articles ul > li > a:hover {
  background-color: var(--color_primary_lighter);
  text-decoration: none;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 12px;
  position: relative;
}

.content-tags-add-hint {
  color: #68737D;
  font-size: .875rem;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.content-tag-list li {
  margin: 0 .5rem .5rem 0;
}

.content-tag-list li:last-child {
  margin-right: 0;
}

.content-tag .label,
.content-tag-item {
  text-transform: capitalize;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}

.attachments .attachment-item:last-child {
  margin-bottom: 0;
}

.attachment-item a {
  color: #000;
  font-weight: 700;
}

.attachments .attachment-item .attachment-icon {
  color: rgba(33, 42, 47, 1);
  left: 0;
  position: absolute;
  top: 5px;
}

.upload-dropzone {
  border-color: rgba(196, 206, 212, 1);
  background-color: #fff;
  border-radius: 3px;
}

.upload-dropzone span {
  color: #4b606b;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #4b606b;
}

.share a:hover {
  text-decoration: none;
  color: rgba(240, 90, 2, 1);
}

.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  padding: 20px 0;
}

.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: .5rem;
  margin-top: 0;
  font-size: 1.25rem;
  font-weight: 600;
}

.comment-overview {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  border-top: 1px solid rgba(196, 206, 212, 1);
  padding: 20px 0;
}

.comment-overview p {
  margin-top: 0;
}

.comment-callout {
  color: #4b606b;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}

.comment-callout a {
  color: rgba(0, 92, 189, 1);
}

.comment-sorter {
  display: inline-block;
  float: right;
}

.comment-sorter .dropdown-toggle {
  color: #4b606b;
  font-weight: 300;
  font-size: 13px;
}

.comment-wrapper {
  display: flex;
  position: relative;
}

.comment-wrapper.comment-official {
  border: 1px solid rgba(240, 90, 2, 1);
  padding: 40px 20px 20px;
}

@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}

.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

.comment-author {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}

.comment-avatar {
  margin-right: 10px;
}

.comment-meta {
  flex: 1 0 auto;
}

.comment-labels {
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}

.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}

.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}

.comment-container {
  width: 100%;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}

@media (min-width: 768px) {
  [dir="ltr"] .comment-form-controls {
    text-align: right;
  }
}

.comment-form-controls input[type="submit"] {
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .comment-form-controls input[type="submit"] {
    margin-left: 15px;
  }
}

.comment-form-controls input[type="checkbox"] {
  margin-right: 5px;
}

.comment-ccs {
  display: none;
}

.comment-ccs + textarea {
  margin-top: 10px;
}

.comment-attachments {
  margin-top: 10px;
}

.comment-attachments a {
  color: rgba(0, 92, 189, 1);
}

.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}

.comment-body img {
  height: auto;
  max-width: 100%;
}

.comment-body ul, .comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol {
  margin: 0;
}

.comment-body ul {
  list-style-type: disc;
}

.comment-body a:visited {
  color: #002a57;
}

.comment-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.comment-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #4b606b;
  font-style: italic;
  padding: 0 15px;
}

.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #4b606b;
  display: block;
  margin: 3px 0;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: rgba(240, 90, 2, 1);
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #4b606b;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: rgba(240, 90, 2, 1);
}

.vote-voted:hover {
  color: #8b3401;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0;
  /*Avoid collapsing elements in Safari*/
}

.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/

.community-hero {
  background-image: url($community_background_image);
  margin-bottom: 10px;
}

.community-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.community-footer-title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}

.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}

.community-header {
  margin-bottom: 30px;
}

.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

.pt-40 {
  padding-top: 40px;
}

.mt-30 {
  margin-top: 30px;
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}

.topics-item .meta-group {
  justify-content: center;
  margin-top: 10px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  font-size: 13px;
}

@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}

.topic-header .dropdown {
  display: block;
  border-top: 1px solid rgba(196, 206, 212, 1);
  padding: 10px 0;
}

@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}

.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}

@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}

.community-follow button:hover {
  background-color: rgba(240, 90, 2, 1);
}

.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"] {
  background-color: rgba(240, 90, 2, 1);
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.community-follow button[data-selected="true"]:hover {
  background-color: #8b3401;
  border-color: #8b3401;
}

.community-follow button::after {
  border-left: 1px solid #fff;
  content: attr(data-follower-count);
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}

@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}

.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}

.striped-list-info {
  flex: 2;
}

.striped-list-title {
  color: rgba(0, 92, 189, 1);
  margin-bottom: 10px;
  margin-right: 5px;
}

.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}

.striped-list-title:visited {
  color: #002a57;
}

.striped-list .meta-group {
  margin: 5px 0;
}

.striped-list-count {
  color: #4b606b;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}

.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}

@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}

.striped-list-count-item:last-child::after {
  display: none;
}

.striped-list-number {
  text-align: center;
}

@media (min-width: 768px) {
  .striped-list-number {
    color: rgba(33, 42, 47, 1);
    display: block;
    font-weight: 400;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}

.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}

.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: rgba(240, 90, 2, 1);
}

.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}

.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #4b606b;
}

.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}

.status-label-open {
  background-color: #c72a1c;
}

.status-label-solved {
  background-color: #68737d;
}

.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}

.status-label-hold {
  background-color: #000;
}

.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-pending {
  text-transform: lowercase;
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}

@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}

.post-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}

.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}

.post-header .status-label {
  vertical-align: super;
}

.post-title {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}

.post-title h1 {
  display: inline;
  vertical-align: middle;
  font-weight: 600;
}

@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}

.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.post-avatar {
  margin-bottom: 30px;
}

.post-content {
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  word-break: break-word;
}

.post-info-container {
  display: flex;
  margin-bottom: 40px;
}

.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}

.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}

.post-body img {
  height: auto;
  max-width: 100%;
}

.post-body ul, .post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}

.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol {
  margin: 0;
}

.post-body ul {
  list-style-type: disc;
}

.post-body a:visited {
  color: #002a57;
}

.post-body code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}

.post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #4b606b;
  font-style: italic;
  padding: 0 15px;
}

.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}

.post-comment-count {
  color: #4b606b;
}

.post-comment-count:hover {
  text-decoration: none;
}

.post-comment-count .icon-comments {
  color: rgba(240, 90, 2, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}

.post-sidebar {
  border-top: 1px solid rgba(196, 206, 212, 1);
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
}

.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}

.post-comments {
  margin-bottom: 20px;
}

@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  border-top: 1px solid rgba(196, 206, 212, 1);
}

@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: calc(45px / 2);
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  z-index: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}

.collapsible-nav-toggle-icon {
  display: none;
}

.collapsible-nav-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-nav-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-nav-toggle:focus {
  outline: none;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}

.collapsible-nav-list li {
  color: rgba(33, 42, 47, 1);
  line-height: 45px;
  order: 1;
}

@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}

.collapsible-nav-list li a {
  color: rgba(33, 42, 47, 1);
  display: block;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current="page"]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}

.collapsible-nav-list li:not([aria-selected="true"]),
.collapsible-nav-list li:not(.current) {
  display: none;
}

@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected="true"]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"] {
    padding: 15px 0 11px 0;
  }
}

.collapsible-nav-list li[aria-selected="true"],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}

@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected="true"],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid rgba(240, 90, 2, 1);
    order: 1;
  }
}

.collapsible-nav-list li[aria-selected="true"] a,
.collapsible-nav-list li.current a {
  color: rgba(33, 42, 47, 1);
}

.collapsible-nav[aria-expanded="true"] li:not([aria-selected="true"]),
.collapsible-nav[aria-expanded="true"] li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: visible; /* Makes sure the shadow is not cropped */
  padding: .5rem 0;
  position: relative;
}

@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}

.collapsible-sidebar-title {
  margin: 0;
}

.collapsible-sidebar-toggle {
  position: absolute;
  top: calc(45px / 2);
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-toggle,
  .collapsible-sidebar-title {
    display: none;
  }
}

.collapsible-sidebar-toggle-icon {
  display: none;
}

.collapsible-sidebar-toggle[aria-expanded="false"] .chevron-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle[aria-expanded="true"] .x-icon {
  display: inline-block;
}

.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid rgba(0, 92, 189, 1);
}

.collapsible-sidebar-body {
  display: none;
}

@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
    padding-top: 1rem;
  }
}

.collapsible-sidebar[aria-expanded="true"] {
  max-height: none;
}

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-body {
  display: block;
  padding-top: 1rem;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #F7F7F7;
  margin-bottom: 20px;
}

.my-activities-sub-nav {
  margin-bottom: 30px;
}

.my-activities-table .striped-list-title {
  /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}

@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.my-activities-table thead {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}

.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}

@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}

.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}

.my-activities-table td:not(:first-child) {
  display: none;
}

@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}

.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}

.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}

.requests-table-toolbar .request-table-filter {
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}

.requests-table-toolbar .request-filter {
  display: block;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
}

.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}

.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    width: auto;
  }
}

@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
}

.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}

.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}

.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}

.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}

.requests-table-toolbar + .requests {
  margin-top: 40px;
}

.requests .requests-table-meta {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}

.requests .requests-table thead {
  display: none;
}

@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}

.requests .requests-table-info {
  display: block;
}

@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}

.requests .requests-table .requests-link {
  position: relative;
}

.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}

.subscriptions-table td:last-child {
  display: block;
}

@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}

.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}

.subscriptions-table .user-avatar {
  margin-right: 10px;
}

.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #4b606b;
  font-size: 13px;
}

@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #4b606b;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}

.request-container .comment-container {
  min-width: 0;
}

.request-breadcrumbs {
  margin-bottom: 30px;
}

@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 20px;
  }
}

.request-main {
  flex: 1 0 auto;
  order: 1;
}

.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}

.request-main .comment-fields.shown {
  display: block;
}

.request-main .request-submit-comment.shown {
  display: inline;
}

@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}

.request-main .comment-form-controls {
  display: block;
}

.request-main .comment-ccs {
  display: block;
}

.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid rgba(196, 206, 212, 1);
  color: #4b606b;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}

.request-main .comment-show-container.hidden {
  display: none;
}

.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
  border: 1px solid rgba(240, 90, 2, 1);
}

.request-main .form-field.comment-ccs > input[type="text"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid rgba(240, 90, 2, 1);
}

.request-main input#mark_as_solved {
  display: none;
}

.request-title {
  width: 100%;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid rgba(196, 206, 212, 1);
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}

.request-sidebar {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  border-top: 1px solid rgba(196, 206, 212, 1);
  flex: 1 0 auto;
  order: 0;
}

@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #F7F7F7;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}

.request-sidebar h2 {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}

@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}

.request-details {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}

.request-details:last-child {
  border: 0;
}

.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}

.request-details dd {
  padding: 0 10px;
  width: 60%;
}

.request-details dd::after {
  content: "\A";
  white-space: pre;
}

.request-details dt {
  color: rgba(33, 42, 47, 1);
  font-weight: 600;
  width: 40%;
}

.request-details .request-collaborators {
  display: inline-block;
}

.request-attachments dt, .request-attachments dd {
  width: 100%;
}

.request-attachments dd {
  margin: 10px 0 0 0;
}

.request-form textarea {
  min-height: 120px;
}

.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 1.5rem 0;
  text-align: center;
}

.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}

.pagination-first-link, .pagination-last-link {
  padding: 0 1rem;
}

.pagination-next-link {
  padding-right: 1rem;
}

.pagination-next-text {
  margin-right: 1rem;
}

.pagination-prev-link {
  padding-left: 1rem;
}

.pagination-prev-text {
  margin-left: 1rem;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #4b606b;
  font-size: .875rem;
}

.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 .25rem;
}

/* User Profiles */
.profile-header {
  padding: 2rem 0;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 1rem;
}

.profile-avatar .user-avatar {
  width: 65px;
  height: 65px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.profile-header .basic-info .name {
  margin: 0;
  font-weight: 600;
  line-height: 22px;
}

.profile-header .basic-info .name a {
  color: #333;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
}

.edit-profile-button a {
  background-color: rgba(240, 90, 2, 1);
  border: 0;
  color: #FFFFFF;
  line-height: normal;
  padding: 8px 20px;
  outline-color: rgba(240, 90, 2, 1);
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #4b606b;
  flex: 0 0 100px;
  margin-right: 10px;
}

.profile-stats-activity {
  border-top: solid 1px rgba(196, 206, 212, 1);
  margin-top: 15px;
}

@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px rgba(196, 206, 212, 1);
}

@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px rgba(240, 90, 2, 1);
  border-radius: 4px;
  color: rgba(240, 90, 2, 1);
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}

.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}

@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #F7F7F7;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}

@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #4b606b;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}

.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}

@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 16px;
  vertical-align: middle;
}

.profile-contribution-title > a {
   color: rgba(33, 42, 47, 1);
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid rgba(196, 206, 212, 1);
}

@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid rgba(196, 206, 212, 1);
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}

.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}

@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}

@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid rgba(196, 206, 212, 1);
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}

@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #F7F7F7;
}

@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}

@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}

.search-results-column {
  flex: 1;
}

@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}

.search-results-sidebar {
  display: none; /* Hides the sidebar on small devices */
  border-top: 1px solid rgba(196, 206, 212, 1);
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

@media (min-width: 1024px) {
  .search-results-sidebar {
    display: block; /* Shows the sidebar only on medium to large screens */
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}

.search-results-sidebar .sidenav-item:hover {
  text-decoration: none;
}

.search-results-sidebar .sidenav-item.current {
  border: 1px solid rgba(240, 90, 2, 1);
  color: rgba(240, 90, 2, 1);
  font-weight: 600;
  text-decoration: none;
}

.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}

.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 2rem;
}

.search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
  display: none;
}

@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar[aria-expanded="false"] .multibrand-filter-list {
    display: block;
  }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n + 6) {
  display: none;
}

.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #333;
  font-weight: 600;
}

.search-results-sidebar .see-all-filters[aria-hidden="true"] {
  display: none;
}

.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}

.search-results-sidebar .see-all-filters::after {
  content: ' \2304';
  font-weight: 700;
  position: relative;
  top: -4px;
}

.search-results-subheading {
  font-size: 1.25rem; /* 20 */
  font-weight: 600;
}

.search-results-list {
  margin-bottom: 1.5rem;
}

.search-results-list > li {
  box-sizing: border-box;
  margin: 0 0 1rem;
}

.search-results-list > li > a {
  display: block;
  color: inherit;
  padding: 1.5rem; /* 24 */
}

@media (max-width: 464px) {
  .search-results-subheading {
    font-size: 1rem; /* 16 */
  }
  .search-results-list > li > a {
    padding: 1rem; /* 16 */
  }
}

.search-results .meta-group {
  display: block;
  align-items: center;
  clear: both;
  color: #666;
}

@media (min-width: 1024px) {
  .search-results .meta-group {
    display: flex;
  }
}

.search-results .meta-group > li {
  display: block;
}

@media (min-width: 1024px) {
  .search-results .meta-group > li {
    display: inline;
  }
}

@media (min-width: 1024px) {
  .search-results .meta-group li:first-child {
    flex: 1;
  }
}

.search-results .meta-group .meta-data {
  color: inherit;
}

[dir="ltr"] .search-results .meta-group .meta-data:not(:last-child) {
  margin-right: 20px;
}

.search-results .meta-group .meta-data::after {
  content: none;
}

.search-result-title {
  display: block;
  position: relative;
  margin-bottom: .5rem; /* 8 */
  font-size: 1rem; /* 16 */
  font-weight: 600;
}

.search-results-description {
  display: block;
  margin-top: .5rem; /* 8 */
  word-break: break-word;
  font-size: .875rem; /* 14 */
}

[dir="ltr"] .search-result-icons {
  float: right;
}

.search-result-votes, .search-result-meta-count {
  color: #4b606b;
  display: inline-block;
  font-size: 13px;
  padding: 4px 5px;
  position: relative;
}

.search-result-votes-icon, .search-result-meta-count-icon {
  color: rgba(240, 90, 2, 1);
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}

[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
  margin-right: 3px;
}

.search-result .meta-group {
  align-items: center;
}

.search-result-breadcrumbs {
  margin: 0;
}

@media (min-width: 1024px) {
  .search-result-title {
    font-size: 1.5rem; /* 24 */
  }

  .search-results-description {
    font-size: 1rem; /* 16 */
  }
  .search-result-breadcrumbs {
    display: table-row;
  }
  .search-result-breadcrumbs li {
    display: table-cell;
  }
}

.search-result-breadcrumbs li, .search-result-breadcrumbs li a, .search-result-breadcrumbs li a:visited {
  color: inherit;
}

/* By default use semibold instead of italic to highlight */
.search-results-description em {
  background: #fff3ca;
  font-style: normal;
  font-weight: 600;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height .2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: .6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.notification-inline[aria-hidden="true"] {
  display: none;
}

.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}

.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}

.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
  outline: none;
  text-decoration: none;
}

.dropdown-toggle > * {
  display: inline-block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #fff;
  border-radius: .25rem; /* 4 */
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: none;
  font-size: .875rem; /* 14 */
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: .5rem; /* 8 */
  min-width: 170px;
  padding: .5rem 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}

.dropdown-menu[aria-expanded="true"] {
  display: block;
}

.dropdown-menu [role="separator"] {
  border-bottom: 1px solid #d8d8d8;
  color: #969696;
  display: block;
  font-weight: normal;
  font-size: .75rem; /* 12 */
  padding: .25rem 0; /* 4 */
  margin: .25rem 1rem .5rem 1rem; /* 4 16 8 16 */
}

.dropdown-menu [role="menuitem"] {
  color: #333;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}

.dropdown-menu [role="menuitem"]:hover, .dropdown-menu [role="menuitem"]:focus {
  background: #f3f3f3;
  text-decoration: none;
  color: #333;
}

.dropdown-menu [role="menuitem"][aria-selected="true"] {
  cursor: default;
}

.dropdown-menu [role="menuitem"][aria-selected="true"]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}

.dropdown-menu [role="menuitem"][hidden], .dropdown-menu [role="menuitem"][aria-hidden="true"] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}
.cd-primary-nav-trigger .cd-menu-text {
  color: rgba(66, 83, 92, 1);
  display: none;
}

span.cd-menu-icon {
  position: relative;
  top: -3px;
  margin-left: 23px;
}

span.ml-5 {
  margin-left: 5px;
}

.cd-primary-nav-trigger .cd-menu-icon {
    display: inline-block;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 18px;
    height: 2px;
    background-color: rgba(66, 83, 92, 1);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.cd-primary-nav-trigger .cd-menu-icon::before,
.cd-primary-nav-trigger .cd-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(66, 83, 92, 1);
    right: 0;
    -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
    -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
    transition: transform .3s, top .3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
    top: -5px;
}

.cd-primary-nav-trigger .cd-menu-icon::after {
    top: 5px;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
    background-color: rgba(255, 255, 255, 0);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before,
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    background-color: rgba(66, 83, 92, 1);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
    top: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}

@media only screen and (min-width: 768px) {
    .cd-primary-nav-trigger {
        width: 100px;
        background-color: transparent;
/*         height: 30px;
        line-height: 30px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); */
    }
    .cd-primary-nav-trigger .cd-menu-text {
        display: inline-block;
    }
    .cd-primary-nav-trigger .cd-menu-icon {
        left: auto;
        right: 1em;
        -webkit-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
        -o-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
}
.cd-primary-nav {
    /* by default it's hidden - on top of the viewport */

    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.83);
    z-index: 2;
    text-align: center;
    padding: 50px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */

    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.cd-primary-nav li {
    font-size: 22px;
    font-size: 1.375rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: .2em 0;
}
.cd-primary-nav a {
    display: block;
    padding: .2em 1em;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
    color: #FFFFFF;
}
.cd-primary-nav a:focus,
.cd-primary-nav a:active {
    color: #fff;
}
.cd-primary-nav a:hover {
    color: #fff;
    background: rgba(240, 90, 2, 1);
    text-decoration: none;
}
.cd-primary-nav.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.visible_xs {
    display: block;
}
@media only screen and (min-width: 768px) {
    .cd-primary-nav {
        padding: 80px 0;
    }
    .visible_xs {
        display: none;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-primary-nav li {
        font-size: 30px;
        font-size: 1.875rem;
    }
    .cd-primary-nav .cd-label {
        font-size: 16px;
        font-size: 1rem;
    }
}
@media (max-width: 768px) {
  .xs_hide {
    display: none;
  }
}
@media (max-width: 600px) {
  .community-image .btn {
    display: block;
    margin-bottom: .5rem;
  }
}
@media (max-width: 464px) {
  .hero-inner .search-icon {
    top: 65%;
  }
  .nav-wrapper .language-selector {
    display: none;
  }
}

/* =========================================== */
/*  Community Badges
/* =========================================== */

/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-flex;
  line-height: 18px;
  vertical-align: middle;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
  margin-left: 5px;
}

.community-badge-container-achievements {
  display: flex;
}

.community-badge-container-achievements > .community-badge-titles {
  margin-left: calc(28px - 0.5em);
}

.community-name-and-title-badges {
  display: flex;
  flex-wrap: wrap;
}

.community-badge {
  margin: 2px;
}

.community-badge-achievements {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}

.profile-info .community-badge-achievements {
  height: 40px;
  width: 40px;
}

.community-title-badges {
  flex-basis: 100%;
  margin-top: 15px;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge-achievements img {
  width: 100%;
  height: 100%;
}

.community-badge-titles img {
  width: 20px;
  height: 20px;
}

.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

.split-button {
  display: flex;
}

.split-button button {
  background: rgba(240, 90, 2, 1);
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: rgba(240, 90, 2, 1);
}

.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}

.profile-badges-items {
  margin-top: 25px;
}

.profile-badges-item {
  border-top: 1px solid rgba(196, 206, 212, 1);
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}

.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}

.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}

.profile-badges-item-image img {
  max-height: 40px;
}

.profile-section .profile-badges-item-image img {
  background: #efefef;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}

.profile-badges-item-title {
  font-weight: 600;
}

.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #4b606b;
  font-size: 13px;
  margin: 0;
}

.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}

.community-badge[aria-label="Community team"] {
  background: #eaa40a;
}

.community-badge[aria-label="Community moderator"],
.community-badge[aria-label="Community manager"] {
  background: #11aa7b;
}

.community-badge[aria-label="Idea generator"],
.community-badge[aria-label="Good karma"] {
  background: #4a8cf1;
}

.community-badge[aria-label="Great answers"] {
  background: #fc585b;
}

.b-600 {
  font-weight: 600;
}

.mb-40 {
  margin-bottom: 40px;
}

/* =========================================== */
/*  Shortcodes
/* =========================================== */

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    border-width: 2px;
}

.__with_fa {
    border: 2px solid rgba(245, 166, 35, 1);
    background: rgba(245, 166, 35, 0.66);
    position: relative;
    font-size: 1.2em;
    line-height: 1.4;
    padding: 30px 15px 15px 15px;
}

.__with_fa .fa {
    position: absolute;
    top: 0;
    background: #fff;
    margin-top: -25px;
    border-radius: 100%;
    border: 2px solid rgba(245, 166, 35, 1);
    left: 15px;
    height: 45px;
    width: 45px;
    display: block;
    text-align: center;
    line-height: 45px;
}

.__with_fa .fa:before {
    margin-left: 5px;
}

.__with_fa {
    margin-top: 40px;
}

.alert-download {
    border: 2px solid #9adeec;
    background: #bce8f1;
}

.alert-quote {
    border: 2px solid rgba(103, 77, 68, 0.26);
    background: rgba(121, 85, 72, 0.26);
}

.alert-pdf {
    border: 2px solid rgba(229, 65, 94, 1);
    background: rgb(229, 65, 94);
    color: #fff;
}

.alert-download .fa {
    border: 2px solid #9adeec;
}

.alert-quote .fa {
    border: 2px solid rgb(186, 174, 168);
}

.alert-pdf .fa {
    border: 2px solid rgba(229, 65, 94, 1);
    color: rgba(229, 65, 94, 1);
}

.accordion {
   margin-bottom: 1rem;
}

.colored_accordion .accordion_title {
   background: #ddd;
   border-color: #ddd;
}

.colored_accordion ._active {
   background: #ffb110;
   border-color: #ffb110;
   color: #fff;
}

.default_accordion ._active {
   background: rgba(240, 90, 2, 1);
   border-color: rgba(240, 90, 2, 1);
   color: #ffffff;
}

.accordion_content {
   display: none;
   padding: .5rem;
}

body .table {
    background: #fff;
}

.table > thead > tr > th {
   color: inherit;
   font-weight: 400;
   padding: 1rem;
}

.table>thead>tr>th {
   border-bottom: 2px solid rgba(196, 206, 212, 1);
}

.table > tbody > tr > td {
   border-top: 1px solid rgba(196, 206, 212, 1);
   padding: 1rem;
   font-size: 0.9em;
}

.table.header-color>thead>tr>th {
   border-color: #444;
   background: #444;
   color: #fff;
   padding: .5rem;
}

.dark-table {
   background: #444;
   color: #fff;
}
.dark-table > thead > tr > th {
   border-bottom: 2px solid #fff;
}
.dark-table > tbody > tr > td {
   background: #333;
   border-color: #fff;
}
.dark-table > thead > tr > th {
   color: #fff;
}
.colored-list ul,
.colored-list ol {
   margin: 15px 0 0 0px;
}
.colored-list {
    list-style-type: none;
    padding: 0;
    counter-reset: li-counter;
}
.colored-list > li {
    position: relative;
    margin-bottom: 15px !important;
    padding-left: 35px;
    min-height: 0;

}
.colored-list > li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    content: counter(li-counter);
    counter-increment: li-counter;
    background-color: #276FD0;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}
.list-black > li:before {
   background-color: #a59898;
}
.check-list-bullet li {
   list-style-type: none;
   position: relative;
   padding-left: 30px;
   margin-bottom: 15px !important;
}
.check-list-bullet li:before {
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "FontAwesome";
    font-size: 25px;
    color: #276FD0;
    margin-top: -6px;
}

.article-body pre {
    margin-top: 1rem;
}

@media (max-width: 550px) {
	.user-info span {
		display: none;
	}
  .article-subscribe {
    width: 100%;
  }
  .profile-header .basic-info .name {
    line-height: inherit;
  }
  body .recent-activity-item-meta,
  body .recent-activity-item > h3 {
    margin: 0;
  }
}

@media (max-width: 768px) {
	.article-relatives .recent-articles {
		margin-bottom: .5rem;
	}
  .article-sidebar {
    margin-bottom: 0;
  }
  .cd-primary-nav-trigger {
    padding-right: 0 !important;
  }
  .split-button {
    width: 100%;
  }
  .profile-stats-activity {
    padding-top: 10px;
  }
  .profile-stats-counters {
    padding-bottom: 10px;
  }
}

body .note--message,
body .warning--message,
body .quote--message,
body .support--message {
  position: relative;
  padding: 1rem 1rem 1rem 3.5rem; /* 16 56 */
  font-size: 1rem; /* 16 */
  margin: 1.5rem 0; /* 24 */
  border-radius: .25rem; /* 4 */
  min-height: 3.5rem; /* 56 */
}

body .note--message::before,
body .warning--message::before,
body .quote--message::before,
body .support--message::before {
  position: absolute; left: 1rem; top: 1rem;
  content: '';
  -webkit-mask: var(--icon_info-filled); mask: var(--icon_info-filled);
  mask-size: contain; -webkit-mask-size: contain;
  /*font-family: 'LineIcons';*/
  height: 1.5rem; /* 24 */
  width: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
}

body .note--message::before {
  background-color: #516572;
  /*content: "\eaf4";
  color: #516572;*/
}

body .warning--message::before {
  -webkit-mask: var(--icon_alert-filled); mask: var(--icon_alert-filled);
  background-color: #e6a600;
  /*content: "\eaab";
  color: #e6a600;*/
}

body .quote--message::before {
  background-color: #3c8cdc;
  /*content: "\eb70";
  color: #3c8cdc;*/
}

body .support--message::before {
  -webkit-mask: var(--icon_chat-filled); mask: var(--icon_chat-filled);
  background-color: rgba(240, 90, 2, 1);
  /*content: "\ea2f";
  color: rgba(240, 90, 2, 1);*/
}

body .note--message {
  background: rgba(220, 226, 230, 1);
  border: 1px solid #bec9d1;
}

body .support--message {
  background: #fff7f2;
  border: 1px solid #fed7c0;
}

body .warning--message {
  background: rgba(255, 248, 230, 1);
  border: 1px solid #ffeab3;
}

body .quote--message {
  background: rgba(233, 242, 251, 1);
  border: 1px solid #bed9f3;
}

body .check--list {
  margin-left: 2rem;
}

body .check--list li,
body .number--list li {
  position: relative;
  list-style-type: none;
}

body .number--list li {
  padding-left: 2rem;
}

body .check--list li:before {
  content: var(--icon_check);
  width: 1.5rem;
  height: 1.5rem;
  /*content: "\ead2";
  font-family: "LineIcons";*/
  position: absolute;
  top: 0;
  left: -2rem;
  font-size: 1.5rem;
  color: inherit;
  margin-top: -.125em;
}

body .number--list {
  list-style-type: none;
  padding: 0;
  counter-reset: li-counter;
}

body .number--list > li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .875rem; /* 14 */
  font-weight: 600;
  color: rgba(0, 92, 189, 1);
  content: counter(li-counter);
  counter-increment: li-counter;
  background-color: #dcedff;
  border-radius: 100%;
  height: 1.5rem; /* 24 */
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  margin-top: -1px;
}

.accordion_block:not(:first-child) {
  border-top: 1px solid rgba(196, 206, 212, 1);
}

body .accordion_title {
  color: rgba(33, 42, 47, 1);
  cursor: pointer;
  padding: 1rem 2rem 1rem 0;
  position: relative;
}

body .accordion_content {
  display: none;
  padding: 0 0 1rem;
}

body .accordion_title::after {
  content: var(--icon_chevron-right);
  width: 1.5rem;
  height: 1.5rem;
  /*content: "\eb0d";
  font-family: "LineIcons";
  font-size: 1.5rem;*/
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.75rem;
  transition: all 0.2s ease-in;
}

body .article-body .accordion_title._active::after,
body .article-body .accordion_title.open::after {
  transform: rotate(90deg);
}

body .accordion_title.open {
}

.tabs {
  width: 100%;
}

.tabs > ul {
  list-style: none;
  margin: 0;
  padding: 2px 0;
  overflow: auto;
}

.tabs > ul > li {
  float: left;
  margin: 0 .5rem .75rem 0;
}

.tabs > ul > li > a,
.content-tag,
.content-tag-item a {
  display: inline-block;
  font-size: .875rem;
  font-weight: 600;
  padding: .25rem .5rem;
  border-radius: .5rem;
  border: 1px solid rgba(0, 92, 189, 1);
  color: rgba(0, 92, 189, 1);
  text-decoration: none;
}

.tabs > ul > li > a:hover,
.tabs > ul > li > a:focus,
.content-tag:hover,
.content-tag:focus,
.content-tag-item a:hover,
.content-tag-item a:focus  {
  background-color: #dcedff;
  color: rgba(0, 92, 189, 1);
}

.tabs > ul > li.active a,
.content-tag.active {
  background-color: rgba(0, 92, 189, 1);
  color: #fff;
}

.tabs-content {}

.tab-content {
  padding: 1rem 0 0;
}

/* =========================================== */
/*  CUSTOM CSS FOR RECARGAPAY
/* =========================================== */

.powered-by-zendesk { display: none !important; }
.icon-lock { opacity: .5; transform: scale(.75); }

.article-content,
.article-list,
.section-lists,
.blocks-item,
.quick-articles section,
section.home-section,
.sidenav-item,
.article-sidebar .related-articles ul > li > a,
.search-results-list > li {
  background-color: white;
  border-radius: .5rem; /* 8 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  color: rgba(33, 42, 47, 1);
}

@media (min-width: 768px) {
  .article-content,
  .article-list,
  .section-lists,
  .blocks-item,
  .quick-articles section,
  section.home-section,
  .search-results-list > li {
    border-radius: .75rem; /* 12 */
  }

  .container-hero-overlap {
    position: relative;
  	top: -128px;
  	margin-bottom: -128px;
  }
}

.ze-snippet{
    display: none;
  }
  
/* =========================================== */
/*  POP UPS
/* =========================================== */

.hide {
  display: none; 
}

#fade-modal1, #fade-modal2, #fade-modal3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
}

#modal1, #modal2, #modal3 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 700px;
  background-color: #fff;
  padding: 1.2rem;
  border-radius: 0.5rem;
  z-index: 10;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.modal-header {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

.modal-header h2,
.modal-header2 h2,
.modal-header3 h2{
  text-align: center;
}

.id_rp {
  width: 60px;
  height: auto;
   margin-left: 1rem;
}

.modal-body {
  display: flex;
  flex-direction: column;
  padding: 1.5rem; /* 24 */
  color: $text-color;
}

.modal-body p {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
 
}

#close-modal1, #redirect-button, #survey-button {
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  padding: 0.6rem 1.2rem;
  background-color: rgba(240, 90, 2, 1);
  color: #ffffff;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0.9;
  font-size: 1rem;
  width: 85%;
  align-self: center;
  font-weight: 600;
}

.modal-header2,
.modal-header3 {
 font-family: "Barlow", sans-serif;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; 
  align-items: center; 
  margin-top: 1rem;
  position: relative; 
}

#close-modal2,
#close-modal3 {
 background: none;
  border: none;
  color: #F05A02; 
  cursor: pointer;
  font-size: 1.5rem; 
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

#close-modal2:hover,
#close-modal3:hover {
  color: #8b3401;
}

#close-modal1:hover, #redirect-button:hover, #survey-button:hover{
  opacity: 1;
  background-color: var(--color_primary_lighter);
  color: rgba(240, 90, 2, 1);
  border: 1px solid rgba(240, 90, 2, 1);
}

#fade-modal1, #modal1, #fade-modal2, #modal2, #fade-modal3, #modal3 {
  transition: 0.5s;
  opacity: 1;
  pointer-events: all;
}

#modal1.hide, #fade-modal1.hide, #modal2.hide, #fade-modal2.hide, #modal3.hide, #fade-modal3.hide {
  opacity: 0;
  pointer-events: none;
}

#modal1.hide, #modal2.hide, #modal3.hide {
  top: 0;
}

@media (max-width: 768px) {
  #modal1, #modal2, #modal3 {
    padding: 0.8rem;
  }
}

@media (max-width: 480px) {
  #modal1, #modal2, #modal3 {
    padding: 0.6rem;
    max-width: 90%;
  }
}

/* =========================================== */
/*  CTA
/* =========================================== */

#cta-contact-us {
  display: flex;
  flex-direction: row;
  row-gap: 10px;
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  padding: 0.6rem 1.2rem;
  background-color: rgba(240, 90, 2, 1);
  justify-content: center;
  color: #ffffff;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0.9;
  font-size: 1rem;
  align-self: center;
  font-weight: 600;
  Text-decoration: None;
}

#cta-contact-us:hover {
  opacity: 1;
  background-color: var(--color_primary_lighter);
  color: rgba(240, 90, 2, 1);
  border: 1px solid rgba(240, 90, 2, 1);
}
#cta-contact-us2 {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  margin-bottom: 1.25rem;
  padding: 0.6rem 1.2rem;
  background-color: rgba(240, 90, 2, 1);
  justify-content: center;
  color: #ffffff;
  border: none;
  width: 30%;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0.9;
  font-size: 1rem;
  align-self: center;
  font-weight: 600;
  Text-decoration: None;
}

#cta-contact-us2:hover {
  opacity: 1;
  background-color: var(--color_primary_lighter);
  color: rgba(240, 90, 2, 1);
  border: 1px solid rgba(240, 90, 2, 1);
}

.article-votes-controls-faq {
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
  justify-content: space-between;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.article-votes-text{
  margin-left: 0.75rem;
}
.fale-conosco-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.75rem;
  margin-left: 2.75rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 600;
  Text-decoration: None;
  align-items: center;
}
#fale-conosco {
  display: flex;
  flex-direction: row;
  width: 85%;
  height: 1.5rem;
  color: #116ED2;
  
}
#fale-conosco:hover {
  background-color: #116ED240;
}

.ze-snippet{
    display: none;
}