/* Local, original SVG replacements for WHMCS theme icons */
.iptak-personal-icon { display:inline-block; width:1.15em; height:1.15em; max-width:1.4em; margin-inline-end:.45em; object-fit:contain; vertical-align:-.2em; flex:0 0 auto; }
.iptak-nav-personal-icon { display:inline-block; width:18px; height:18px; max-width:18px; margin-inline-end:9px; object-fit:contain; vertical-align:middle; flex:0 0 18px; }
.iptak-breadcrumb-item-icon { display:inline-block; width:16px; height:16px; max-width:16px; margin-inline-end:7px; object-fit:contain; vertical-align:middle; flex:0 0 16px; }
#mainNavbar .navbar-nav > li[menuItemName] > a,#mainNavbar .navbar-nav li[menuItemName] .dropdown-menu > li[menuItemName] > a { display:inline-flex; align-items:center; min-height:40px; }
#header .main-navbar-wrapper #mainNavbar .navbar-nav > li.collapsable-dropdown > a { display:inline-flex; align-items:center; padding:.85rem .9rem; line-height:1.5; box-sizing:border-box; vertical-align:middle; }
#header .main-navbar-wrapper #mainNavbar .navbar-nav > li.collapsable-dropdown > a::after { display:inline-block; flex:0 0 auto; margin-inline-start:7px; vertical-align:middle; }
#mainNavbar .navbar-nav li[menuItemName] > a > i,#mainNavbar .navbar-nav li[menuItemName] > a > .iptak-personal-icon:not(.iptak-nav-personal-icon) { display:none !important; }
#mainNavbar .navbar-nav li[menuItemName] .dropdown-menu > li[menuItemName] > a > i,#mainNavbar .navbar-nav li[menuItemName] .dropdown-menu > li[menuItemName] > a > .iptak-personal-icon:not(.iptak-nav-personal-icon) { display:none !important; }
.iptak-icon-fw { width:1.35em; max-width:1.35em; margin-inline-end:.45em; text-align:center; }
.btn > .iptak-personal-icon, #registration .prepend-icon .field-icon .iptak-personal-icon { margin-inline-end:0; }
.iptak-icon-2x { width:2em; height:2em; max-width:2em; }
.iptak-icon-3x { width:3em; height:3em; max-width:3em; }
.iptak-fa-xs { width:.75em; height:.75em; max-width:.75em; }
.iptak-fa-sm { width:.875em; height:.875em; max-width:.875em; }
.iptak-fa-lg { width:1.33em; height:1.33em; max-width:1.33em; }
.iptak-fa-2x { width:2em; height:2em; max-width:2em; }
.iptak-fa-3x { width:3em; height:3em; max-width:3em; }
.iptak-fa-4x { width:4em; height:4em; max-width:4em; }
.iptak-fa-5x { width:5em; height:5em; max-width:5em; }
.iptak-icon-spin { animation:iptak-icon-rotate 1.1s linear infinite; }
.iptak-section-icon { display:inline-block; width:28px; height:28px; margin-inline-end:9px; padding:4px; vertical-align:-.35em; border:1px solid #dce5ff; border-radius:8px; background:linear-gradient(145deg,#f1f5ff,#f7f3ff); }
.iptak-personal-icon.text-grey, .iptak-personal-icon.text-muted { filter:grayscale(1); opacity:.58; }
@keyframes iptak-icon-rotate { to { transform:rotate(360deg); } }
#registration .prepend-icon .field-icon .iptak-personal-icon { width:14px; height:14px; max-width:14px; vertical-align:middle; }
.fa-stack .iptak-personal-icon { max-width:none; }
.fa-stack .iptak-personal-icon.fa-stack-2x { position:absolute; inset:0; width:100%; height:100%; }
.fa-stack .iptak-personal-icon.fa-stack-1x { position:absolute; inset:25%; width:50%; height:50%; }
@media (prefers-reduced-motion:reduce) { .iptak-icon-spin { animation-duration:2.4s; } }