@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700|Roboto:400,700&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s linear infinite}.fa-pulse{animation:fa-spin 1s steps(8) infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?23f19bb08961f37aaf692ff943823453);src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.eot?23f19bb08961f37aaf692ff943823453?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2?d878b0a6a1144760244ff0665888404c) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff?2285773e6b4b172f07d9b777c81b0775) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf?527940b104eb2ea366c8630f3f038603) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.svg?2f517e09eb2ca6650ff5bec5a95157ab#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?77206a6bb316fa0aded5083cc57f92b9);src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.eot?77206a6bb316fa0aded5083cc57f92b9?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2?7a3337626410ca2f40718481c755640f) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff?bb58e57c48a3e911f15fa834ff00d44a) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf?491974d108fe4002b2aaf7ffc48249a0) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.svg?4689f52cc96215721344e51e5831eec1#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?9bbb245e67a133f6e486d8d2545e14a5);src:url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.eot?9bbb245e67a133f6e486d8d2545e14a5?#iefix) format("embedded-opentype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2?1551f4f60c37af51121f106501f69b80) format("woff2"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff?eeccf4f66002c6f2ba24d3d22f2434c2) format("woff"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf?be9ee23c0c6390141475d519c2c5fb8f) format("truetype"),url(/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.svg?7a8b4f130182d19a2d7c67d80c090397#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  animation-duration: 0.75s;
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  animation-duration: 0.75s;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  animation-duration: 0.75s;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform-origin: right bottom;
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-duration: 2s;
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  animation-name: slideOutUp;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}

@charset "UTF-8";

/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.75rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(183.6, 218.04, 255);
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(122.4, 186.36, 255);
}

.table-hover .table-primary:hover {
  background-color: rgb(158.1, 204.84, 255);
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(158.1, 204.84, 255);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(213.84, 216.36, 218.6);
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(178.56, 183.24, 187.4);
}

.table-hover .table-secondary:hover {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}

.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size],
select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: rgb(0, 104.55, 216.75);
  border-color: rgb(0, 98.4, 204);
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
  border-color: rgb(0, 92.25, 191.25);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38.25, 142.8, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}

.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: rgb(90.2703862661, 97.7929184549, 104.4796137339);
  border-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
  border-color: rgb(78.4506437768, 84.9881974249, 90.7993562232);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130.05, 137.7, 144.5, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
}

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72.25, 180.2, 96.9, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57.8, 175.95, 194.65, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}

.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 169.6, 12.1, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225.25, 83.3, 96.9, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}

.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}

.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(127.5, 189, 255);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(178.5, 215.4, 255);
  border-color: rgb(178.5, 215.4, 255);
}

.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-select:focus {
  border-color: rgb(127.5, 189, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

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

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(127.5, 189, 255);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-range:focus {
  outline: 0;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: rgb(178.5, 215.4, 255);
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: rgb(0, 86.1, 178.5);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

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

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: rgb(0, 98.4, 204);
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785);
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: rgb(211, 158.25, 0);
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}

.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}

.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}

.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}

.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}

.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}

.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}

.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}

.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}

.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}

.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}

.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}

.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(183.6, 218.04, 255);
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(158.1, 204.84, 255);
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0, 63.96, 132.6);
  border-color: rgb(0, 63.96, 132.6);
}

.list-group-item-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(213.84, 216.36, 218.6);
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(56.16, 60.84, 65);
  border-color: rgb(56.16, 60.84, 65);
}

.list-group-item-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(194.8, 230.36, 202.92);
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(20.8, 86.84, 35.88);
}

.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}

.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}

.list-group-item-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(245.2, 198.44, 202.92);
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(114.4, 27.56, 35.88);
}

.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}

.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -moz-min-content;
    height: min-content;
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

@page {
    size: a3;
}

  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/*!
 * Waves v0.7.6
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014-2018 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE */

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  transition: all 0.5s ease-out;
  transition-property: transform, opacity;
  transform: scale(0) translate(0, 0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}

.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}

.waves-notransition {
  transition: none !important;
}

.waves-button,
.waves-circle {
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}

.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}

.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper.waves-button {
  padding: 0;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}

.waves-float {
  -webkit-mask-image: none;
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  transition: all 300ms;
}

.waves-float:active {
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}

.waves-block {
  display: block;
}

button {
  outline: none !important;
}

.upload-uImage,
.profile-pic-upload .photo,
.relatedProperties .rw .colm .related-prop .pic,
.memberListing .li ul li a .u-image,
.relation-frnd .photo,
.mainSection .wh-box.contact-u-header .u-image,
.contact-u-header .u-image,
.relatedContactsList .contactBX .pic,
.prop-feature-location .prop-feature-locationCont .l-side .map .map-pic,
.prop-details-view .details-thumbs-view .prop-thumb-box,
.prop-details-view .details-large-view .viewArea .image,
.p-map-img,
.listing-table thead tr td .u-circle-image,
.listing-table tbody tr td .u-circle-image,
.listing-table tfoot tr td .u-circle-image,
.upload-img-view .image,
.pageHeader .country .flagImage,
.pageHeader .logUser .uPhoto {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top center !important;
}

.profile-pic-upload .photo,
.relation-frnd .photo,
.p-map-img,
.listing-table thead tr td .u-circle-image,
.listing-table tbody tr td .u-circle-image,
.listing-table tfoot tr td .u-circle-image,
.pageHeader .country .flagImage {
  background-position: center center !important;
}

.m-peview .m-check .ico,
.call-progress-c .call-time,
body .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
body .select2-container--default .select2-selection--multiple .select2-selection__choice,
body .jquery-comments .commenting-field .textarea-wrapper .control-row .send,
body .jquery-comments .commenting-field .profile-picture,
body .jquery-comments ul.main li .profile-picture,
.profile-pic-upload .photo,
.setup_profile_modal .profile-steps-cont .step-number .number,
.avg-price-table table tr td .ico,
.timeline-listing .list-box:before,
.dealsHeadNav .btn,
.m-search .form-group .form-control,
.memberListing .li ul li a .u-image:after,
.memberListing .li ul li a .u-image,
.activitiesList .act-list .m-date .c,
.activitiesList .act-month .m,
.relation-frnd .photo:before,
.relation-frnd .photo,
.mainSection .wh-box.contact-u-header .u-image .del,
.contact-u-header .u-image .del,
.prop-details-view .details-thumbs-view .prop-thumb-box > .play,
.feature-list .li.chat-ico,
.feature-list .li.edt-ico,
.feature-list .li.del-ico,
.feature-list .li.info-ico,
.grid-property-box .descBox .foot .list-no.ico,
.grid-property-box .prop-actions .action-ico,
.grid-property-box .prop-actions .fav,
.grid-property-box .fav,
.listing-table thead tr td .u-circle-image,
.listing-table tbody tr td .u-circle-image,
.listing-table tfoot tr td .u-circle-image,
.listing-table thead tr th .status,
.listing-table tbody tr th .status,
.listing-table tfoot tr th .status,
.text-table table thead td .table-action a.comment.circle,
.text-table table tbody td .table-action a.comment.circle,
.text-table table tfoot td .table-action a.comment.circle,
.listing-table thead tr th .table-action a.comment.circle,
.listing-table thead tr td .table-action a.comment.circle,
.listing-table tbody tr th .table-action a.comment.circle,
.listing-table tbody tr td .table-action a.comment.circle,
.listing-table tfoot tr th .table-action a.comment.circle,
.listing-table tfoot tr td .table-action a.comment.circle,
.table.dataTable th .table-action a.comment.circle,
.table.dataTable td .table-action a.comment.circle,
.text-table table thead td .table-action a.restore.circle,
.text-table table tbody td .table-action a.restore.circle,
.text-table table tfoot td .table-action a.restore.circle,
.listing-table thead tr th .table-action a.restore.circle,
.listing-table thead tr td .table-action a.restore.circle,
.listing-table tbody tr th .table-action a.restore.circle,
.listing-table tbody tr td .table-action a.restore.circle,
.listing-table tfoot tr th .table-action a.restore.circle,
.listing-table tfoot tr td .table-action a.restore.circle,
.table.dataTable th .table-action a.restore.circle,
.table.dataTable td .table-action a.restore.circle,
.text-table table thead td .table-action .actn.comment.circle,
.text-table table tbody td .table-action .actn.comment.circle,
.text-table table tfoot td .table-action .actn.comment.circle,
.listing-table thead tr th .table-action .actn.comment.circle,
.listing-table thead tr td .table-action .actn.comment.circle,
.listing-table tbody tr th .table-action .actn.comment.circle,
.listing-table tbody tr td .table-action .actn.comment.circle,
.listing-table tfoot tr th .table-action .actn.comment.circle,
.listing-table tfoot tr td .table-action .actn.comment.circle,
.table.dataTable th .table-action .actn.comment.circle,
.table.dataTable td .table-action .actn.comment.circle,
.text-table table thead td .table-action .actn.restore.circle,
.text-table table tbody td .table-action .actn.restore.circle,
.text-table table tfoot td .table-action .actn.restore.circle,
.listing-table thead tr th .table-action .actn.restore.circle,
.listing-table thead tr td .table-action .actn.restore.circle,
.listing-table tbody tr th .table-action .actn.restore.circle,
.listing-table tbody tr td .table-action .actn.restore.circle,
.listing-table tfoot tr th .table-action .actn.restore.circle,
.listing-table tfoot tr td .table-action .actn.restore.circle,
.table.dataTable th .table-action .actn.restore.circle,
.table.dataTable td .table-action .actn.restore.circle,
.topbar .dropdown-menu .list-style-none li a .btn-circle,
.topbar .dropdown-menu .list-style-none li .message-item .btn-circle,
.upload-img-view .image .play,
.table.dataTable tr td .quick-edit-icon,
.table.dataTable tr td .unlink-icon,
body .table.dataTable tr td .quick-edit-icon,
body .table.dataTable tr td .unlink-icon,
.btn-rounded,
#leftsidebar .user-info .image,
.pageHeader .headNotify .ico .highlight,
.pageHeader .country .flagImage,
.pageHeader .logUser .uPhoto {
  border-radius: 600px !important;
  -ms-border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -o-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box .ico,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box .ico,
.m-peview .m-list-data .collapse-box .ico,
.dash-btn i,
.dash-btn img,
.dash-btn,
.m-border-btn img,
.m-border-btn,
.m-peview .m-check .ico i,
.m-peview .m-check .ico,
.custom-list li a.add:before,
.ai-info-accordion .accordion-list .data-head .tl:before,
.copyToClip,
.new-map-view .property-panel,
.new-map-view .map-panel,
.modal-footer-links .colm a,
.up-template-box .del,
.form-style-c .form-style-list .tl:after,
.page-spinner,
.template-box .custom-control a,
.c-tags .tags,
.c-tooltip,
.bootstrap-notify-container.bg-red .close,
.bootstrap-notify-container.bg-danger .close,
.toggleSwitch .slider:before,
.toggleSwitch .slider,
.dash-left .nav-tabs > li > a,
.list-menu,
.search-list > ul > li h3 .arrow2:before,
.search-list > ul > li h3 .arrow2,
.memberListing .li ul li a .nm,
.memberListing .li ul li a .u-image:after,
.mainSection .wh-box.contact-u-header .u-image .del,
.contact-u-header .u-image .del,
.feature-list .li.tooltip-li:before,
.feature-list .li.chat-ico,
.feature-list .li.edt-ico,
.feature-list .li.del-ico,
.feature-list .li.info-ico,
.feature-list .li a,
.grid-property-box .descBox .foot .list-no,
.grid-property-box .prop-type.grid-check,
.grid-property-box .grid-check.grid-check,
.grid-property-box .prop-actions .action-ico,
.grid-property-box .prop-actions .fav,
.grid-property-box .fav,
.grid-property-box .prop-img .image,
.grid-property-box,
.listing-table thead tr th .collapsClick,
.listing-table thead tr td .collapsClick,
.listing-table tbody tr th .collapsClick,
.listing-table tbody tr td .collapsClick,
.listing-table tfoot tr th .collapsClick,
.listing-table tfoot tr td .collapsClick,
.listing-table thead tr th .prop-img .image,
.listing-table thead tr td .prop-img .image,
.listing-table tbody tr th .prop-img .image,
.listing-table tbody tr td .prop-img .image,
.listing-table tfoot tr th .prop-img .image,
.listing-table tfoot tr td .prop-img .image,
.text-table table thead td .table-action a i,
.text-table table tbody td .table-action a i,
.text-table table tfoot td .table-action a i,
.listing-table thead tr th .table-action a i,
.listing-table thead tr td .table-action a i,
.listing-table tbody tr th .table-action a i,
.listing-table tbody tr td .table-action a i,
.listing-table tfoot tr th .table-action a i,
.listing-table tfoot tr td .table-action a i,
.table.dataTable th .table-action a i,
.table.dataTable td .table-action a i,
.text-table table thead td .table-action .actn i,
.text-table table tbody td .table-action .actn i,
.text-table table tfoot td .table-action .actn i,
.listing-table thead tr th .table-action .actn i,
.listing-table thead tr td .table-action .actn i,
.listing-table tbody tr th .table-action .actn i,
.listing-table tbody tr td .table-action .actn i,
.listing-table tfoot tr th .table-action .actn i,
.listing-table tfoot tr td .table-action .actn i,
.table.dataTable th .table-action .actn i,
.table.dataTable td .table-action .actn i,
.text-table table thead td .table-action a,
.text-table table tbody td .table-action a,
.text-table table tfoot td .table-action a,
.listing-table thead tr th .table-action a,
.listing-table thead tr td .table-action a,
.listing-table tbody tr th .table-action a,
.listing-table tbody tr td .table-action a,
.listing-table tfoot tr th .table-action a,
.listing-table tfoot tr td .table-action a,
.table.dataTable th .table-action a,
.table.dataTable td .table-action a,
.text-table table thead td .table-action .actn,
.text-table table tbody td .table-action .actn,
.text-table table tfoot td .table-action .actn,
.listing-table thead tr th .table-action .actn,
.listing-table thead tr td .table-action .actn,
.listing-table tbody tr th .table-action .actn,
.listing-table tbody tr td .table-action .actn,
.listing-table tfoot tr th .table-action .actn,
.listing-table tfoot tr td .table-action .actn,
.table.dataTable th .table-action .actn,
.table.dataTable td .table-action .actn,
.custom-uploader .upload-area,
.table.dataTable tr td .quick-edit-icon,
.table.dataTable tr td .unlink-icon,
body .table.dataTable tr td .quick-edit-icon,
body .table.dataTable tr td .unlink-icon,
.table.dataTable tr td,
body .table.dataTable tr td,
.table.dataTable tr,
body .table.dataTable tr,
.overlay.navoverlay,
.navoverlay.navoverlay,
#rightsidebar,
#leftsidebar .sidebarNav .list li a span,
#leftsidebar .sidebarNav .list li a.menu-toggle:after,
#leftsidebar .sidebarNav .list li a,
#leftsidebar .user-info,
#leftsidebar .sidebarLogo img,
#leftsidebar .sidebarLogo,
#leftsidebar,
.pageHeader .headerSearch .srchBox .form-control,
.pageHeader,
.mainSite,
.login-page .log-social-btn,
.login-page .card .frgtPassBtn,
.login-page .card .keepLog .txt .material-icons,
.login-page .card .keepLog .txt,
.collapsible .card-inside-title .expander i,
.dropdown-menu > li .btn-link,
.dropdown-menu ul.menu li a,
.dropdown-menu ul.menu li button {
  transition: 500ms;
  -ms-transition: 500ms;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
}

/* Navbar ====================================== */

/* Material Icons ============================== */

/* Helpers ===================================== */

/* Custom Animate ============================== */

/* Demo ======================================== */

/* Materialize Css | Taken from www.materializecss.com */

/* Media ======================================= */

@media (max-width: 500px) {
  .section-buttons {
    float: none !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .section-buttons a {
    display: block;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .fc-toolbar .fc-left,
  .fc-toolbar .fc-center,
  .fc-toolbar .fc-right {
    display: inline-block !important;
    float: none !important;
  }

  .fc-center h2 {
    font-size: 15px !important;
  }
}

@media (max-width: 767px) {
  .header-buttons .btn-group {
    margin-bottom: 5px;
  }

  .header-buttons .btn-group .btn {
    margin-bottom: 0px !important;
  }

  .header-buttons .btn {
    margin-bottom: 5px !important;
  }

  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand,
  .navbar > .container-sm .navbar-brand,
  .navbar > .container-md .navbar-brand,
  .navbar > .container-lg .navbar-brand,
  .navbar > .container-xl .navbar-brand {
    margin-left: 35px;
    width: 73%;
  }

  .navbar .navbar-header {
    display: inline-block;
    margin-bottom: -6px;
    width: calc(100% + 30px);
  }

  .navbar .nav > li {
    display: inline-block;
  }

  .navbar .navbar-nav {
    margin-top: -10px;
    margin-bottom: 1px;
    margin-left: -7px;
  }

  .navbar .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    position: absolute;
  }

  .navbar .dropdown-menu {
    margin-left: -50px;
  }

  .navbar .js-right-sidebar {
    margin-top: 15px;
  }

  .dt-buttons {
    float: none !important;
    text-align: center;
    margin-bottom: 15px;
  }

  .panel-switch-btn {
    top: 12px;
    right: 0 !important;
  }

  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
    float: none;
  }

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
  }

  .dataTables_filter label {
    width: 100%;
  }

  .dataTables_filter label input {
    width: 97% !important;
  }

  .dataTables_paginate {
    margin-top: 20px !important;
  }

  .dataTable thead tr th {
    padding-left: 10px !important;
  }

  .dataTable thead tr th .yadcf-filter-wrapper {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand,
  .navbar > .container-sm .navbar-brand,
  .navbar > .container-md .navbar-brand,
  .navbar > .container-lg .navbar-brand,
  .navbar > .container-xl .navbar-brand {
    margin-left: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1169px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand,
  .navbar > .container-sm .navbar-brand,
  .navbar > .container-md .navbar-brand,
  .navbar > .container-lg .navbar-brand,
  .navbar > .container-xl .navbar-brand {
    margin-left: 20px;
  }
}

@media (min-width: 1170px) and (max-width: 1999px) {
  .modal-xl {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    width: 80%;
  }
}

/* General ===================================== */

/* Buttons ===================================== */

/* Bootstrap Tags Input ======================== */

/* noUISlider ================================== */

/* Multi Select ================================ */

/* Card ======================================== */

.card {
  background: #fff;
  min-height: 50px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 30px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.card .card-inside-title {
  margin-top: 25px;
  margin-bottom: 15px;
  display: block;
  color: #111;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  padding: 14px 0 0 0;
  margin: 0 0 16px 0;
}

.card .card-inside-title small {
  color: #999;
  display: block;
  font-size: 11px;
  margin-top: 5px;
}

.card .card-inside-title small a {
  color: #777;
  font-weight: bold;
}

.card .card-inside-title:first-child {
  margin-top: 0;
}

.card .bg-red,
.card .bg-pink,
.card .bg-purple,
.card .bg-deep-purple,
.card .bg-indigo,
.card .bg-blue,
.card .bg-light-blue,
.card .bg-cyan,
.card .bg-teal,
.card .bg-green,
.card .bg-light-green,
.card .bg-lime,
.card .bg-yellow,
.card .bg-amber,
.card .bg-orange,
.card .bg-deep-orange,
.card .bg-brown,
.card .bg-grey,
.card .bg-blue-grey,
.card .bg-black {
  border-bottom: none !important;
  color: #fff !important;
}

.card .bg-red h2,
.card .bg-red small,
.card .bg-red .material-icons,
.card .bg-pink h2,
.card .bg-pink small,
.card .bg-pink .material-icons,
.card .bg-purple h2,
.card .bg-purple small,
.card .bg-purple .material-icons,
.card .bg-deep-purple h2,
.card .bg-deep-purple small,
.card .bg-deep-purple .material-icons,
.card .bg-indigo h2,
.card .bg-indigo small,
.card .bg-indigo .material-icons,
.card .bg-blue h2,
.card .bg-blue small,
.card .bg-blue .material-icons,
.card .bg-light-blue h2,
.card .bg-light-blue small,
.card .bg-light-blue .material-icons,
.card .bg-cyan h2,
.card .bg-cyan small,
.card .bg-cyan .material-icons,
.card .bg-teal h2,
.card .bg-teal small,
.card .bg-teal .material-icons,
.card .bg-green h2,
.card .bg-green small,
.card .bg-green .material-icons,
.card .bg-light-green h2,
.card .bg-light-green small,
.card .bg-light-green .material-icons,
.card .bg-lime h2,
.card .bg-lime small,
.card .bg-lime .material-icons,
.card .bg-yellow h2,
.card .bg-yellow small,
.card .bg-yellow .material-icons,
.card .bg-amber h2,
.card .bg-amber small,
.card .bg-amber .material-icons,
.card .bg-orange h2,
.card .bg-orange small,
.card .bg-orange .material-icons,
.card .bg-deep-orange h2,
.card .bg-deep-orange small,
.card .bg-deep-orange .material-icons,
.card .bg-brown h2,
.card .bg-brown small,
.card .bg-brown .material-icons,
.card .bg-grey h2,
.card .bg-grey small,
.card .bg-grey .material-icons,
.card .bg-blue-grey h2,
.card .bg-blue-grey small,
.card .bg-blue-grey .material-icons,
.card .bg-black h2,
.card .bg-black small,
.card .bg-black .material-icons {
  color: #fff !important;
}

.card .bg-red .badge,
.card .bg-pink .badge,
.card .bg-purple .badge,
.card .bg-deep-purple .badge,
.card .bg-indigo .badge,
.card .bg-blue .badge,
.card .bg-light-blue .badge,
.card .bg-cyan .badge,
.card .bg-teal .badge,
.card .bg-green .badge,
.card .bg-light-green .badge,
.card .bg-lime .badge,
.card .bg-yellow .badge,
.card .bg-amber .badge,
.card .bg-orange .badge,
.card .bg-deep-orange .badge,
.card .bg-brown .badge,
.card .bg-grey .badge,
.card .bg-blue-grey .badge,
.card .bg-black .badge {
  background-color: #fff;
  color: #555;
}

.card .header {
  color: #555;
  padding: 20px;
  position: relative;
  border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}

.card .header .header-dropdown {
  position: absolute;
  top: 20px;
  right: 15px;
  list-style: none;
}

.card .header .header-dropdown .dropdown-menu li {
  display: block !important;
}

.card .header .header-dropdown li {
  display: inline-block;
}

.card .header .header-dropdown i {
  font-size: 20px;
  color: #999;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.card .header .header-dropdown i:hover {
  color: #000;
}

.card .header h2,
.card .header .header-tl {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #111;
}

.card .header h2 .header-text,
.card .header .header-tl .header-text {
  display: block;
}

.card .header h2 small,
.card .header .header-tl small {
  display: block;
  width: 100%;
  font-size: 12px;
  margin-top: 5px;
  color: #999;
  line-height: 15px;
}

.card .header h2 small a,
.card .header .header-tl small a {
  font-weight: bold;
  color: #777;
}

.card .header .col-xs-12 h2 {
  margin-top: 5px;
}

.card .body {
  font-size: 14px;
  color: #555;
  padding: 20px;
}

.card .body .col-xs-1,
.card .body .col-sm-1,
.card .body .col-md-1,
.card .body .col-lg-1 {
  margin-bottom: 20px;
}

.card .body .col-xs-2,
.card .body .col-sm-2,
.card .body .col-md-2,
.card .body .col-lg-2 {
  margin-bottom: 20px;
}

.card .body .col-xs-3,
.card .body .col-sm-3,
.card .body .col-md-3,
.card .body .col-lg-3 {
  margin-bottom: 20px;
}

.card .body .col-xs-4,
.card .body .col-sm-4,
.card .body .col-md-4,
.card .body .col-lg-4 {
  margin-bottom: 20px;
}

.card .body .col-xs-5,
.card .body .col-sm-5,
.card .body .col-md-5,
.card .body .col-lg-5 {
  margin-bottom: 20px;
}

.card .body .col-xs-6,
.card .body .col-sm-6,
.card .body .col-md-6,
.card .body .col-lg-6 {
  margin-bottom: 20px;
}

.card .body .col-xs-7,
.card .body .col-sm-7,
.card .body .col-md-7,
.card .body .col-lg-7 {
  margin-bottom: 20px;
}

.card .body .col-xs-8,
.card .body .col-sm-8,
.card .body .col-md-8,
.card .body .col-lg-8 {
  margin-bottom: 20px;
}

.card .body .col-xs-9,
.card .body .col-sm-9,
.card .body .col-md-9,
.card .body .col-lg-9 {
  margin-bottom: 20px;
}

.card .body .col-xs-10,
.card .body .col-sm-10,
.card .body .col-md-10,
.card .body .col-lg-10 {
  margin-bottom: 20px;
}

.card .body .col-xs-11,
.card .body .col-sm-11,
.card .body .col-md-11,
.card .body .col-lg-11 {
  margin-bottom: 20px;
}

.card .body .col-xs-12,
.card .body .col-sm-12,
.card .body .col-md-12,
.card .body .col-lg-12 {
  margin-bottom: 20px;
}

/* Infobox ===================================== */

.info-box {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box .icon {
  display: inline-block;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.12);
  width: 80px;
}

.info-box .icon i {
  color: #fff;
  font-size: 50px;
  line-height: 80px;
}

.info-box .icon .chart.chart-bar {
  height: 100%;
  line-height: 100px;
}

.info-box .icon .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-pie {
  height: 100%;
  line-height: 123px;
}

.info-box .icon .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box .icon .chart.chart-line {
  height: 100%;
  line-height: 115px;
}

.info-box .icon .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box .content {
  display: inline-block;
  padding: 7px 10px;
}

.info-box .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box.hover-zoom-effect .icon i {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.info-box.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -moz-transform: rotate(-32deg) scale(1.4);
}

.info-box.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 80px;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  transition: all 0.95s;
  -webkit-transition: all 0.95s;
  -ms-transition: all 0.95s;
  -o-transition: all 0.95s;
  -moz-transition: all 0.95s;
}

.info-box.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-2 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-2 .icon {
  display: inline-block;
  text-align: center;
  width: 80px;
}

.info-box-2 .icon i {
  color: #fff;
  font-size: 50px;
  line-height: 80px;
}

.info-box-2 .chart.chart-bar {
  height: 100%;
  line-height: 105px;
}

.info-box-2 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-2 .chart.chart-pie {
  height: 100%;
  line-height: 123px;
}

.info-box-2 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-2 .chart.chart-line {
  height: 100%;
  line-height: 115px;
}

.info-box-2 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-2 .content {
  display: inline-block;
  padding: 7px 10px;
}

.info-box-2 .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box-2 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-2.hover-zoom-effect .icon {
  overflow: hidden;
}

.info-box-2.hover-zoom-effect .icon i {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.info-box-2.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -moz-transform: rotate(-32deg) scale(1.4);
}

.info-box-2.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  transition: all 0.95s;
  -webkit-transition: all 0.95s;
  -ms-transition: all 0.95s;
  -o-transition: all 0.95s;
  -moz-transition: all 0.95s;
}

.info-box-2.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-3 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-3 .icon {
  position: absolute;
  right: 10px;
  bottom: 2px;
  text-align: center;
}

.info-box-3 .icon i {
  color: rgba(0, 0, 0, 0.15);
  font-size: 60px;
}

.info-box-3 .chart {
  margin-right: 5px;
}

.info-box-3 .chart.chart-bar {
  height: 100%;
  line-height: 50px;
}

.info-box-3 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-3 .chart.chart-pie {
  height: 100%;
  line-height: 34px;
}

.info-box-3 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-3 .chart.chart-line {
  height: 100%;
  line-height: 40px;
}

.info-box-3 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-3 .content {
  display: inline-block;
  padding: 7px 16px;
}

.info-box-3 .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box-3 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-3.hover-zoom-effect .icon i {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.info-box-3.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -moz-transform: rotate(-32deg) scale(1.4);
}

.info-box-3.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  transition: all 0.95s;
  -webkit-transition: all 0.95s;
  -ms-transition: all 0.95s;
  -o-transition: all 0.95s;
  -moz-transition: all 0.95s;
}

.info-box-3.hover-expand-effect:hover:after {
  width: 100%;
}

.info-box-4 {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  display: flex;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.info-box-4 .icon {
  position: absolute;
  right: 10px;
  bottom: 2px;
  text-align: center;
}

.info-box-4 .icon i {
  color: rgba(0, 0, 0, 0.15);
  font-size: 60px;
}

.info-box-4 .chart {
  margin-right: 5px;
}

.info-box-4 .chart.chart-bar {
  height: 100%;
  line-height: 50px;
}

.info-box-4 .chart.chart-bar canvas {
  vertical-align: baseline !important;
}

.info-box-4 .chart.chart-pie {
  height: 100%;
  line-height: 34px;
}

.info-box-4 .chart.chart-pie canvas {
  vertical-align: baseline !important;
}

.info-box-4 .chart.chart-line {
  height: 100%;
  line-height: 40px;
}

.info-box-4 .chart.chart-line canvas {
  vertical-align: baseline !important;
}

.info-box-4 .content {
  display: inline-block;
  padding: 7px 16px;
}

.info-box-4 .content .text {
  font-size: 13px;
  margin-top: 11px;
  color: #555;
}

.info-box-4 .content .number {
  font-weight: normal;
  font-size: 26px;
  margin-top: -4px;
  color: #555;
}

.info-box-4.hover-zoom-effect .icon i {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.info-box-4.hover-zoom-effect:hover .icon i {
  opacity: 0.4;
  transform: rotate(-32deg) scale(1.4);
  -ms-transform: rotate(-32deg) scale(1.4);
  -webkit-transform: rotate(-32deg) scale(1.4);
  -o-transform: rotate(-32deg) scale(1.4);
  -moz-transform: rotate(-32deg) scale(1.4);
}

.info-box-4.hover-expand-effect:after {
  background-color: rgba(0, 0, 0, 0.05);
  content: ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  color: transparent;
  transition: all 0.95s;
  -webkit-transition: all 0.95s;
  -ms-transition: all 0.95s;
  -o-transition: all 0.95s;
  -moz-transition: all 0.95s;
}

.info-box-4.hover-expand-effect:hover:after {
  width: 100%;
}

/* Alerts ====================================== */

/* Dialogs (SweetAlert) ======================== */

/* Checkbox & Radio ============================ */

/* Switch ====================================== */

/* DateTime Picker ============================= */

.dtp div.dtp-date,
.dtp div.dtp-time {
  background: #007d72;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
  background: #009688;
}

.dtp .dtp-buttons .dtp-btn-ok {
  margin-left: 10px;
}

.dtp .dtp-buttons .dtp-btn-clear {
  margin-right: 10px !important;
}

.dtp .p10 > a {
  color: #fff;
}

.dtp div.dtp-actual-year {
  font-size: 1.5em;
  color: #ffffff;
}

.dtp table.dtp-picker-days tr td a.selected {
  background: #007d72;
  color: #fff;
}

/* Bootstrap Select ============================ */

/* Tooltip & Popovers ========================== */

/* Nav Tabs ==================================== */

/* Thumbnails ================================== */

/* Modals ====================================== */

/* Labels ====================================== */

/* Collapse ==================================== */

/* Tables ====================================== */

/* Panel ======================================= */

/* Progress Bars =============================== */

/* Ion Range Slider ============================ */

/* Input Group ================================= */

/* Color Picker ================================ */

/* Dropzone ==================================== */

/* Breadcrumbs ================================= */

/* Badge | List Group Item ===================== */

/* Pagination & Pager ========================== */

/* Media Object ================================ */

/* Form Wizard ================================= */

/* Waves ======================================= */

/* Page Loader ================================= */

/* Preloaders ================================== */

/* Navbars ===================================== */

/* Dropdown Menu =============================== */

/* Left Sidebar & Overlay ====================== */

/* Bootstrap Notify ============================ */

/* Jquery Nestable ============================= */

/* Login Page ================================== */

/* Sign Up Page ================================ */

/* Forgot Password Page ======================== */

/* 404 Not Found Page ========================== */

/* 500 Server Error Page ======================= */

/* Maps ======================================== */

/* Charts ====================================== */

/* Searchbar =================================== */

/* Jquery DataTable ============================ */

.dataTables_wrapper {
  position: relative;
  padding: 0;
}

.dataTables_wrapper select {
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
}

.dataTables_wrapper select:active,
.dataTables_wrapper select:focus {
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
}

.dataTables_wrapper input[type=search] {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
  border: none;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
}

.dataTables_wrapper input[type=search]:focus,
.dataTables_wrapper input[type=search]:active {
  border-bottom: 2px solid #1f91f3;
}

.dataTables_wrapper .dt-buttons {
  float: left;
}

.dataTables_wrapper .dt-buttons .dt-button {
  display: inline-block;
  vertical-align: top;
  background-color: #2961ff;
  color: #fff;
  padding: 7px 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border: none;
  font-size: 13px;
  outline: none;
  cursor: pointer;
}

.dataTables_wrapper .dt-buttons .dt-button:active {
  opacity: 0.8;
}

.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 400px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  margin-top: -100px;
  margin-left: -200px;
  z-index: 21;
}

.dt-button-info h2 {
  color: #777;
}

.dt-button-info div {
  color: #777;
  margin-bottom: 20px;
}

.yadcf-filter-reset-button {
  display: none !important;
}

.yadcf-filter-wrapper {
  display: block;
  white-space: nowrap;
  margin-left: 0;
}

.yadcf-filter-wrapper .yadcf-filter {
  min-width: 120px;
  width: 100%;
}

/*  Jquery Query Builder ============================ */

.query-filter-builder {
  display: block;
  clear: both;
  padding: 6px 0 0 0;
}

.query-builder .rules-group-container {
  width: 100%;
}

.query-filter-builder .btn:not(:first-child) {
  margin-left: 3px;
}

.query-filter-builder .btn.disabled,
.query-filter-builder .btn[disabled],
.query-filter-builder fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  box-shadow: none;
  opacity: 0.65;
}

.query-filter-builder .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.query-filter-builder .btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* ***** */

.query-builder .hide {
  display: none;
}

.query-builder .pull-right {
  float: right !important;
}

.query-builder .btn {
  text-transform: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.query-builder .btn.focus,
.query-builder .btn:focus,
.query-builder .btn:hover {
  color: #333;
  text-decoration: none;
}

.query-builder .btn.active,
.query-builder .btn:active {
  background-image: none;
  outline: 0px none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.query-builder .btn-success {
  color: #FFF;
  background-color: #5CB85C;
  border-color: #4CAE4C;
}

.query-builder .btn-primary {
  color: #FFF;
  background-color: #337AB7;
  border-color: #2E6DA4;
}

.query-builder .btn-danger {
  color: #FFF;
  background-color: #D9534F;
  border-color: #D43F3A;
}

.query-builder .btn-success.active,
.query-builder .btn-success.focus,
.query-builder .btn-success:active,
.query-builder .btn-success:focus,
.query-builder .btn-success:hover {
  color: #FFF;
  background-color: #449D44;
  border-color: #398439;
}

.query-builder .btn-primary.active,
.query-builder .btn-primary.focus,
.query-builder .btn-primary:active,
.query-builder .btn-primary:focus,
.query-builder .btn-primary:hover {
  color: #FFF;
  background-color: #286090;
  border-color: #204D74;
}

.query-builder .btn-danger.active,
.query-builder .btn-danger.focus,
.query-builder .btn-danger:active,
.query-builder .btn-danger:focus,
.query-builder .btn-danger:hover {
  color: #FFF;
  background-color: #C9302C;
  border-color: #AC2925;
}

.query-builder .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 6px;
}

.query-builder .btn-group > .btn {
  position: relative;
  float: left;
}

.query-builder .btn-group > .btn:first-child {
  margin-left: 0px;
}

.query-builder .btn-group > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.query-builder .btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.query-builder .btn-group .btn + .btn,
.query-builder .btn-group .btn + .btn-group,
.query-builder .btn-group .btn-group + .btn,
.query-builder .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.query-builder .btn-xs,
.query-builder .btn-group-xs > .btn {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.query-builder .rule-container .rule-filter-container,
.query-builder .rule-container .rule-operator-container,
.query-builder .rule-container .rule-value-container,
.query-builder .error-container,
.query-builder .drag-handle {
  margin: 3px 5px 3px 0;
}

.query-builder .rule-value-container {
  border-left: inherit;
  padding-left: 0;
}

/* Light Gallery ================================ */

/* List item ================================ */

/* For Internet Explorer 10 ===================== */

/* For Internet Explorer 11 ===================== */

/* BAP Platform ===================== */

.form-group .form-line-normal .form-label {
  font-weight: normal;
  color: #aaa;
  cursor: text;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  -moz-transition: 0.2s;
}

.manyToOne i {
  cursor: pointer;
}

.form-control.manyToOne {
  background-color: #ededed;
}

.dataTables_length {
  float: left;
}

.field-info {
  float: left;
}

.error-help-block {
  position: absolute;
}

.error-help-block,
.color-red {
  font-weight: bold;
  color: #f44336 !important;
}

.bold {
  font-weight: bold;
}

.badge-default {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
}

.dataTable a {
  color: #555;
}

.dataTable .checkbox {
  height: 18px !important;
  line-height: 18px !important;
}

.list-menu .header {
  padding: 10px !important;
}

.list-menu a:hover {
  cursor: pointer;
}

.normal-text {
  text-transform: none;
}

.has-success .form-control:focus,
.has-error .form-control:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.form-group .form-line.focused .form-label {
  top: -15px;
}

.modal-card .card-inside-title {
  text-transform: uppercase;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
  font-size: 15px;
  color: #000000;
  margin-bottom: 20px;
}

.card {
  float: left;
  width: 100%;
}

.card .card-inside-title {
  margin-bottom: 0px;
  text-transform: uppercase;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
}

@media (min-width: 1170px) and (max-width: 1999px) {
  .sidebar-small .sidebar {
    width: 80px;
  }

  .sidebar-small .sidebar .user-info {
    padding-left: 10px;
  }

  .sidebar-small .sidebar .user-info .info-container {
    display: none;
  }

  .sidebar-small .sidebar .header {
    display: none;
  }

  .sidebar-small .sidebar li a {
    padding: 10px 20px !important;
  }

  .sidebar-small .sidebar li a span {
    display: none;
  }

  .sidebar-small section.content {
    margin: 100px 15px 0 85px;
  }
}

#minify-sidebar {
  cursor: pointer;
}

/*
 * DataTables
 */

.dataTables_processing {
  position: absolute;
  left: 45%;
  top: 50%;
  font-weight: bold;
}

.dataTables_empty {
  text-align: center;
  font-weight: bold;
}

.dataTables_wrapper .dt-buttons {
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #2196f3 !important;
  border-color: transparent;
  color: #fff;
}

.dataTables_wrapper select {
  background-color: #ffffff !important;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

.btn-crud {
  float: right;
  margin-left: 6px;
}

.btn-right {
  float: right;
  margin-right: 6px;
}

.next-prev-btn-group {
  float: right;
  margin-left: 30px;
}

.select2-search__field {
  font-weight: normal;
}

.details_header {
  border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}

.form-file label {
  position: relative !important;
}

.colorpicker.colorpicker-visible {
  z-index: 10000;
}

.application-logo {
  max-height: 50px;
  position: relative;
  top: -8px;
}

.navbar-brand {
  padding: 0px;
  padding-top: 5px;
}

.navbar-brand > img {
  max-width: 170px;
  max-height: 40px;
}

#module_form button[type=submit],
.module_form button[type=submit] {
  margin-left: 10px;
  display: block;
  float: left;
  clear: left;
}

.font-19 {
  font-size: 20px;
}

.btn-group .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  padding-top: 0px !important;
  font-weight: bold;
}

.full-screen {
  position: absolute;
  top: 0px;
  z-index: 3000;
  left: 0px;
  width: 100%;
}

.in-account {
  margin-top: 25px;
}

.right-menu-settings ul a {
  color: #747474;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
}

.right-menu-settings ul a:hover {
  text-decoration: none !important;
}

.right-menu-settings ul a span {
  margin: 7px 0 7px 12px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
}

.right-menu-settings ul a i.material-icons {
  margin-top: 4px;
}

.width-200 {
  width: 200px;
}

.checkbox-wrapper {
  margin-top: 10px;
  margin-bottom: 20px;
}

.pointer:hover {
  cursor: pointer;
}

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

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

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.google-material-icon-select2 .icon-name {
  position: relative;
  top: -8px;
  left: 7px;
}

a {
  color: #333333;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #555555;
  text-decoration: none;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  font-weight: normal;
  color: #555555;
  padding-top: 4px;
}

.jquery-comments .textarea-wrapper .control-row > span.save,
.jquery-comments .textarea-wrapper .control-row > span.delete {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  border: none;
  font-size: 15px;
  outline: none;
  font-weight: bold;
}

.jquery-comments .commenting-field.main .profile-picture {
  color: #eeeeee;
}

.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px;
}

.tabs-left {
  border-right: 1px solid #ddd;
}

.tabs-right {
  border-left: 1px solid #ddd;
}

.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px;
}

.tabs-left > li {
  margin-right: -1px;
}

.tabs-right > li {
  margin-left: -1px;
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
  font-weight: bold;
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}

.vertical-text {
  margin-top: 50px;
  border: none;
  position: relative;
}

.vertical-text > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}

.vertical-text > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}

.vertical-text > li.active > a,
.vertical-text > li.active > a:hover,
.vertical-text > li.active > a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}

.vertical-text.tabs-left {
  left: -50px;
}

.vertical-text.tabs-right {
  right: -50px;
}

.vertical-text.tabs-right > li {
  transform: rotate(90deg);
}

.vertical-text.tabs-left > li {
  transform: rotate(-90deg);
}

.unlink-icon {
  font-size: 20px;
  cursor: pointer;
}

.search-product {
  cursor: pointer;
}

.unlink-relation {
  background: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  padding: 0px;
  margin: 0px;
  border: none;
}

.quick-edit-icon,
.quick-show-icon {
  font-size: 20px;
  cursor: pointer;
}

.select_relation_wrapper,
.create_new_relation_wrapper {
  display: inline-block;
}

.color-picker.input-group {
  margin-bottom: 0px;
}

.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  border-radius: 10px;
  padding: 6px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border: solid 2px rgba(230, 230, 230, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

svg {
  width: 100%;
}

.dashboard-row .fc-center h2 {
  font-size: 14px;
  margin-top: 5px;
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}

.show-control-label {
  font-weight: bolder;
  color: #aaaaaa;
  font-size: 12px;
  display: block;
}

.field-wrapper {
  min-height: 43px;
}

.entity-created-at {
  margin-bottom: 0px;
  font-size: 12px;
  color: #CCCCCC;
}

.section-buttons {
  float: right;
}

.big-icon {
  font-size: 90px !important;
}

.medium-icon {
  font-size: 50px !important;
}

/** List Dropdown **/

.list-dropdown {
  padding-top: 0px !important;
}

.list-dropdown .header {
  text-transform: uppercase;
  padding: 10px !important;
}

.list-dropdown small {
  color: #cccccc;
}

@media (min-width: 1170px) {
  .list-dropdown {
    width: 400px !important;
  }
}

@media (max-width: 767px) {
  .list-dropdown {
    margin-left: 20px !important;
  }
}

.row_price {
  padding-left: 5px !important;
}

.read-only {
  background-color: rgba(233, 233, 233, 0.4784313725) !important;
}

/** Notifications **/

#notifications_dropdown {
  padding-top: 0px;
}

#notifications_dropdown .header {
  text-transform: uppercase;
  padding: 10px;
}

@media (min-width: 1170px) {
  #notifications_dropdown {
    width: 400px;
  }
}

@media (max-width: 767px) {
  #notifications_dropdown {
    margin-left: 20px !important;
  }
}

.clear-both {
  clear: both;
}

.image_path_size {
  max-width: 100px;
}

.datatable_image {
  max-width: 100px;
}

/**
 * Query Filter in Datatables
 */

.rules-group-container .group-actions .btn {
  font-size: 14px !important;
}

.rules-group-container .group-actions .btn i {
  font-size: 13px !important;
}

.rules-group-container .group-actions .btn i.fa-plus {
  font-size: 12px !important;
}

.rule-actions .btn {
  font-size: 14px !important;
}

.rule-actions .btn i {
  font-size: 13px !important;
}

.select_material {
  border-radius: 0px;
  border: 1px solid #ccc;
}

.select_material option {
  font-size: 14px;
  padding: 5px;
}

.advanced_views {
  float: right;
  position: relative;
}

@media (max-width: 767px) {
  .advanced_views {
    width: 100% !important;
  }
}

.advanced_views i {
  color: #555;
  cursor: pointer;
  float: right;
  margin-top: 10px;
  position: relative;
  font-size: 19px;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .advanced_views i {
    float: left;
  }
}

.advanced_views .view-list {
  float: right;
  width: 250px;
}

@media (max-width: 767px) {
  .advanced_views .view-list {
    width: 72% !important;
  }
}

/** wyswig - summer note **/

.note-editor .note-toolbar {
  padding: 2px !important;
}

.note-editor .btn-group {
  box-shadow: none !important;
  margin: 0px !important;
}

.note-editor .btn-group .btn i {
  font-size: 12px !important;
  top: inherit !important;
}

.brand-name {
  float: left;
  font-size: 25px;
  padding: 10px;
  font-weight: bold;
}

.menu-fa-icon {
  font-size: 22px;
  float: left;
  /* margin-top: 4px; */
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
}

.header-gravatar {
  float: left !important;
  margin-right: 10px !important;
}

.collapsible,
.panel-content {
  float: left;
  clear: both;
  width: 100%;
}

.expander i {
  margin-left: 10px;
  margin-right: 10px;
  color: #ccc;
  font-size: 18px;
}

html,
body {
  height: 100%;
}

.row {
  margin: 0 -8px !important;
}

.row > [class*=col-],
.row > .col {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.row > div:not([class*=col]) {
  width: 100%;
}

.o-visible {
  overflow: visible !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: 600;
}

.m-0 {
  margin: 0px !important;
}

.m-x-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.m-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.p-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.t-0 {
  top: 0px !important;
}

.t-n0 {
  top: 0px !important;
}

.r-0 {
  right: 0px !important;
}

.r-n0 {
  right: 0px !important;
}

.b-0 {
  bottom: 0px !important;
}

.b-n0 {
  bottom: 0px !important;
}

.l-0 {
  left: 0px !important;
}

.l-n0 {
  left: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.m-x-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.m-y-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.p-1 {
  padding: 1px !important;
}

.p-x-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.p-y-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.t-1 {
  top: 1px !important;
}

.t-n1 {
  top: -1px !important;
}

.r-1 {
  right: 1px !important;
}

.r-n1 {
  right: -1px !important;
}

.b-1 {
  bottom: 1px !important;
}

.b-n1 {
  bottom: -1px !important;
}

.l-1 {
  left: 1px !important;
}

.l-n1 {
  left: -1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-x-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.m-y-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-x-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.p-y-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.t-2 {
  top: 2px !important;
}

.t-n2 {
  top: -2px !important;
}

.r-2 {
  right: 2px !important;
}

.r-n2 {
  right: -2px !important;
}

.b-2 {
  bottom: 2px !important;
}

.b-n2 {
  bottom: -2px !important;
}

.l-2 {
  left: 2px !important;
}

.l-n2 {
  left: -2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-x-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.m-y-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-x-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.p-y-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.t-3 {
  top: 3px !important;
}

.t-n3 {
  top: -3px !important;
}

.r-3 {
  right: 3px !important;
}

.r-n3 {
  right: -3px !important;
}

.b-3 {
  bottom: 3px !important;
}

.b-n3 {
  bottom: -3px !important;
}

.l-3 {
  left: 3px !important;
}

.l-n3 {
  left: -3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-x-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.m-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.p-y-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.t-4 {
  top: 4px !important;
}

.t-n4 {
  top: -4px !important;
}

.r-4 {
  right: 4px !important;
}

.r-n4 {
  right: -4px !important;
}

.b-4 {
  bottom: 4px !important;
}

.b-n4 {
  bottom: -4px !important;
}

.l-4 {
  left: 4px !important;
}

.l-n4 {
  left: -4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-x-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.m-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.t-5 {
  top: 5px !important;
}

.t-n5 {
  top: -5px !important;
}

.r-5 {
  right: 5px !important;
}

.r-n5 {
  right: -5px !important;
}

.b-5 {
  bottom: 5px !important;
}

.b-n5 {
  bottom: -5px !important;
}

.l-5 {
  left: 5px !important;
}

.l-n5 {
  left: -5px !important;
}

.m-6 {
  margin: 6px !important;
}

.m-x-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.m-y-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-x-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.p-y-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.t-6 {
  top: 6px !important;
}

.t-n6 {
  top: -6px !important;
}

.r-6 {
  right: 6px !important;
}

.r-n6 {
  right: -6px !important;
}

.b-6 {
  bottom: 6px !important;
}

.b-n6 {
  bottom: -6px !important;
}

.l-6 {
  left: 6px !important;
}

.l-n6 {
  left: -6px !important;
}

.m-7 {
  margin: 7px !important;
}

.m-x-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.m-y-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-x-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.p-y-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.t-7 {
  top: 7px !important;
}

.t-n7 {
  top: -7px !important;
}

.r-7 {
  right: 7px !important;
}

.r-n7 {
  right: -7px !important;
}

.b-7 {
  bottom: 7px !important;
}

.b-n7 {
  bottom: -7px !important;
}

.l-7 {
  left: 7px !important;
}

.l-n7 {
  left: -7px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-x-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.m-y-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.p-y-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.t-8 {
  top: 8px !important;
}

.t-n8 {
  top: -8px !important;
}

.r-8 {
  right: 8px !important;
}

.r-n8 {
  right: -8px !important;
}

.b-8 {
  bottom: 8px !important;
}

.b-n8 {
  bottom: -8px !important;
}

.l-8 {
  left: 8px !important;
}

.l-n8 {
  left: -8px !important;
}

.m-9 {
  margin: 9px !important;
}

.m-x-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.m-y-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.p-9 {
  padding: 9px !important;
}

.p-x-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.p-y-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.t-9 {
  top: 9px !important;
}

.t-n9 {
  top: -9px !important;
}

.r-9 {
  right: 9px !important;
}

.r-n9 {
  right: -9px !important;
}

.b-9 {
  bottom: 9px !important;
}

.b-n9 {
  bottom: -9px !important;
}

.l-9 {
  left: 9px !important;
}

.l-n9 {
  left: -9px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.t-10 {
  top: 10px !important;
}

.t-n10 {
  top: -10px !important;
}

.r-10 {
  right: 10px !important;
}

.r-n10 {
  right: -10px !important;
}

.b-10 {
  bottom: 10px !important;
}

.b-n10 {
  bottom: -10px !important;
}

.l-10 {
  left: 10px !important;
}

.l-n10 {
  left: -10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-x-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.t-15 {
  top: 15px !important;
}

.t-n15 {
  top: -15px !important;
}

.r-15 {
  right: 15px !important;
}

.r-n15 {
  right: -15px !important;
}

.b-15 {
  bottom: 15px !important;
}

.b-n15 {
  bottom: -15px !important;
}

.l-15 {
  left: 15px !important;
}

.l-n15 {
  left: -15px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-x-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.m-y-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-x-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.p-y-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.t-16 {
  top: 16px !important;
}

.t-n16 {
  top: -16px !important;
}

.r-16 {
  right: 16px !important;
}

.r-n16 {
  right: -16px !important;
}

.b-16 {
  bottom: 16px !important;
}

.b-n16 {
  bottom: -16px !important;
}

.l-16 {
  left: 16px !important;
}

.l-n16 {
  left: -16px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.t-20 {
  top: 20px !important;
}

.t-n20 {
  top: -20px !important;
}

.r-20 {
  right: 20px !important;
}

.r-n20 {
  right: -20px !important;
}

.b-20 {
  bottom: 20px !important;
}

.b-n20 {
  bottom: -20px !important;
}

.l-20 {
  left: 20px !important;
}

.l-n20 {
  left: -20px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-x-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.m-y-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-x-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.p-y-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.t-24 {
  top: 24px !important;
}

.t-n24 {
  top: -24px !important;
}

.r-24 {
  right: 24px !important;
}

.r-n24 {
  right: -24px !important;
}

.b-24 {
  bottom: 24px !important;
}

.b-n24 {
  bottom: -24px !important;
}

.l-24 {
  left: 24px !important;
}

.l-n24 {
  left: -24px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-x-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.m-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.p-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.t-25 {
  top: 25px !important;
}

.t-n25 {
  top: -25px !important;
}

.r-25 {
  right: 25px !important;
}

.r-n25 {
  right: -25px !important;
}

.b-25 {
  bottom: 25px !important;
}

.b-n25 {
  bottom: -25px !important;
}

.l-25 {
  left: 25px !important;
}

.l-n25 {
  left: -25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.t-30 {
  top: 30px !important;
}

.t-n30 {
  top: -30px !important;
}

.r-30 {
  right: 30px !important;
}

.r-n30 {
  right: -30px !important;
}

.b-30 {
  bottom: 30px !important;
}

.b-n30 {
  bottom: -30px !important;
}

.l-30 {
  left: 30px !important;
}

.l-n30 {
  left: -30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-x-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.m-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.p-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.t-35 {
  top: 35px !important;
}

.t-n35 {
  top: -35px !important;
}

.r-35 {
  right: 35px !important;
}

.r-n35 {
  right: -35px !important;
}

.b-35 {
  bottom: 35px !important;
}

.b-n35 {
  bottom: -35px !important;
}

.l-35 {
  left: 35px !important;
}

.l-n35 {
  left: -35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.m-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.t-40 {
  top: 40px !important;
}

.t-n40 {
  top: -40px !important;
}

.r-40 {
  right: 40px !important;
}

.r-n40 {
  right: -40px !important;
}

.b-40 {
  bottom: 40px !important;
}

.b-n40 {
  bottom: -40px !important;
}

.l-40 {
  left: 40px !important;
}

.l-n40 {
  left: -40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-x-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.m-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-x-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.p-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.t-45 {
  top: 45px !important;
}

.t-n45 {
  top: -45px !important;
}

.r-45 {
  right: 45px !important;
}

.r-n45 {
  right: -45px !important;
}

.b-45 {
  bottom: 45px !important;
}

.b-n45 {
  bottom: -45px !important;
}

.l-45 {
  left: 45px !important;
}

.l-n45 {
  left: -45px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-x-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.m-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-x-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.t-50 {
  top: 50px !important;
}

.t-n50 {
  top: -50px !important;
}

.r-50 {
  right: 50px !important;
}

.r-n50 {
  right: -50px !important;
}

.b-50 {
  bottom: 50px !important;
}

.b-n50 {
  bottom: -50px !important;
}

.l-50 {
  left: 50px !important;
}

.l-n50 {
  left: -50px !important;
}

.m-55 {
  margin: 55px !important;
}

.m-x-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.m-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.p-55 {
  padding: 55px !important;
}

.p-x-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.p-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.t-55 {
  top: 55px !important;
}

.t-n55 {
  top: -55px !important;
}

.r-55 {
  right: 55px !important;
}

.r-n55 {
  right: -55px !important;
}

.b-55 {
  bottom: 55px !important;
}

.b-n55 {
  bottom: -55px !important;
}

.l-55 {
  left: 55px !important;
}

.l-n55 {
  left: -55px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-x-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.m-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-x-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.p-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.t-60 {
  top: 60px !important;
}

.t-n60 {
  top: -60px !important;
}

.r-60 {
  right: 60px !important;
}

.r-n60 {
  right: -60px !important;
}

.b-60 {
  bottom: 60px !important;
}

.b-n60 {
  bottom: -60px !important;
}

.l-60 {
  left: 60px !important;
}

.l-n60 {
  left: -60px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-x-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.m-y-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.p-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.t-70 {
  top: 70px !important;
}

.t-n70 {
  top: -70px !important;
}

.r-70 {
  right: 70px !important;
}

.r-n70 {
  right: -70px !important;
}

.b-70 {
  bottom: 70px !important;
}

.b-n70 {
  bottom: -70px !important;
}

.l-70 {
  left: 70px !important;
}

.l-n70 {
  left: -70px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-x-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.m-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.p-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.t-80 {
  top: 80px !important;
}

.t-n80 {
  top: -80px !important;
}

.r-80 {
  right: 80px !important;
}

.r-n80 {
  right: -80px !important;
}

.b-80 {
  bottom: 80px !important;
}

.b-n80 {
  bottom: -80px !important;
}

.l-80 {
  left: 80px !important;
}

.l-n80 {
  left: -80px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-x-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.m-y-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-x-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.p-y-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.t-90 {
  top: 90px !important;
}

.t-n90 {
  top: -90px !important;
}

.r-90 {
  right: 90px !important;
}

.r-n90 {
  right: -90px !important;
}

.b-90 {
  bottom: 90px !important;
}

.b-n90 {
  bottom: -90px !important;
}

.l-90 {
  left: 90px !important;
}

.l-n90 {
  left: -90px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-x-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.m-y-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.p-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.t-100 {
  top: 100px !important;
}

.t-n100 {
  top: -100px !important;
}

.r-100 {
  right: 100px !important;
}

.r-n100 {
  right: -100px !important;
}

.b-100 {
  bottom: 100px !important;
}

.b-n100 {
  bottom: -100px !important;
}

.l-100 {
  left: 100px !important;
}

.l-n100 {
  left: -100px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-x-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.m-y-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-x-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.p-y-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.t-120 {
  top: 120px !important;
}

.t-n120 {
  top: -120px !important;
}

.r-120 {
  right: 120px !important;
}

.r-n120 {
  right: -120px !important;
}

.b-120 {
  bottom: 120px !important;
}

.b-n120 {
  bottom: -120px !important;
}

.l-120 {
  left: 120px !important;
}

.l-n120 {
  left: -120px !important;
}

.m-140 {
  margin: 140px !important;
}

.m-x-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}

.m-y-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.p-140 {
  padding: 140px !important;
}

.p-x-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.p-y-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.t-140 {
  top: 140px !important;
}

.t-n140 {
  top: -140px !important;
}

.r-140 {
  right: 140px !important;
}

.r-n140 {
  right: -140px !important;
}

.b-140 {
  bottom: 140px !important;
}

.b-n140 {
  bottom: -140px !important;
}

.l-140 {
  left: 140px !important;
}

.l-n140 {
  left: -140px !important;
}

.m-150 {
  margin: 150px !important;
}

.m-x-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}

.m-y-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

.p-150 {
  padding: 150px !important;
}

.p-x-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.p-y-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.t-150 {
  top: 150px !important;
}

.t-n150 {
  top: -150px !important;
}

.r-150 {
  right: 150px !important;
}

.r-n150 {
  right: -150px !important;
}

.b-150 {
  bottom: 150px !important;
}

.b-n150 {
  bottom: -150px !important;
}

.l-150 {
  left: 150px !important;
}

.l-n150 {
  left: -150px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-x-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.m-y-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-x-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.p-y-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.t-160 {
  top: 160px !important;
}

.t-n160 {
  top: -160px !important;
}

.r-160 {
  right: 160px !important;
}

.r-n160 {
  right: -160px !important;
}

.b-160 {
  bottom: 160px !important;
}

.b-n160 {
  bottom: -160px !important;
}

.l-160 {
  left: 160px !important;
}

.l-n160 {
  left: -160px !important;
}

.m-180 {
  margin: 180px !important;
}

.m-x-180 {
  margin-left: 180px !important;
  margin-right: 180px !important;
}

.m-y-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.p-180 {
  padding: 180px !important;
}

.p-x-180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}

.p-y-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.t-180 {
  top: 180px !important;
}

.t-n180 {
  top: -180px !important;
}

.r-180 {
  right: 180px !important;
}

.r-n180 {
  right: -180px !important;
}

.b-180 {
  bottom: 180px !important;
}

.b-n180 {
  bottom: -180px !important;
}

.l-180 {
  left: 180px !important;
}

.l-n180 {
  left: -180px !important;
}

.m-200 {
  margin: 200px !important;
}

.m-x-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.m-y-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.p-200 {
  padding: 200px !important;
}

.p-x-200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.p-y-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.t-200 {
  top: 200px !important;
}

.t-n200 {
  top: -200px !important;
}

.r-200 {
  right: 200px !important;
}

.r-n200 {
  right: -200px !important;
}

.b-200 {
  bottom: 200px !important;
}

.b-n200 {
  bottom: -200px !important;
}

.l-200 {
  left: 200px !important;
}

.l-n200 {
  left: -200px !important;
}

.m-210 {
  margin: 210px !important;
}

.m-x-210 {
  margin-left: 210px !important;
  margin-right: 210px !important;
}

.m-y-210 {
  margin-top: 210px !important;
  margin-bottom: 210px !important;
}

.p-210 {
  padding: 210px !important;
}

.p-x-210 {
  padding-left: 210px !important;
  padding-right: 210px !important;
}

.p-y-210 {
  padding-top: 210px !important;
  padding-bottom: 210px !important;
}

.t-210 {
  top: 210px !important;
}

.t-n210 {
  top: -210px !important;
}

.r-210 {
  right: 210px !important;
}

.r-n210 {
  right: -210px !important;
}

.b-210 {
  bottom: 210px !important;
}

.b-n210 {
  bottom: -210px !important;
}

.l-210 {
  left: 210px !important;
}

.l-n210 {
  left: -210px !important;
}

.m-220 {
  margin: 220px !important;
}

.m-x-220 {
  margin-left: 220px !important;
  margin-right: 220px !important;
}

.m-y-220 {
  margin-top: 220px !important;
  margin-bottom: 220px !important;
}

.p-220 {
  padding: 220px !important;
}

.p-x-220 {
  padding-left: 220px !important;
  padding-right: 220px !important;
}

.p-y-220 {
  padding-top: 220px !important;
  padding-bottom: 220px !important;
}

.t-220 {
  top: 220px !important;
}

.t-n220 {
  top: -220px !important;
}

.r-220 {
  right: 220px !important;
}

.r-n220 {
  right: -220px !important;
}

.b-220 {
  bottom: 220px !important;
}

.b-n220 {
  bottom: -220px !important;
}

.l-220 {
  left: 220px !important;
}

.l-n220 {
  left: -220px !important;
}

.m-230 {
  margin: 230px !important;
}

.m-x-230 {
  margin-left: 230px !important;
  margin-right: 230px !important;
}

.m-y-230 {
  margin-top: 230px !important;
  margin-bottom: 230px !important;
}

.p-230 {
  padding: 230px !important;
}

.p-x-230 {
  padding-left: 230px !important;
  padding-right: 230px !important;
}

.p-y-230 {
  padding-top: 230px !important;
  padding-bottom: 230px !important;
}

.t-230 {
  top: 230px !important;
}

.t-n230 {
  top: -230px !important;
}

.r-230 {
  right: 230px !important;
}

.r-n230 {
  right: -230px !important;
}

.b-230 {
  bottom: 230px !important;
}

.b-n230 {
  bottom: -230px !important;
}

.l-230 {
  left: 230px !important;
}

.l-n230 {
  left: -230px !important;
}

.m-240 {
  margin: 240px !important;
}

.m-x-240 {
  margin-left: 240px !important;
  margin-right: 240px !important;
}

.m-y-240 {
  margin-top: 240px !important;
  margin-bottom: 240px !important;
}

.p-240 {
  padding: 240px !important;
}

.p-x-240 {
  padding-left: 240px !important;
  padding-right: 240px !important;
}

.p-y-240 {
  padding-top: 240px !important;
  padding-bottom: 240px !important;
}

.t-240 {
  top: 240px !important;
}

.t-n240 {
  top: -240px !important;
}

.r-240 {
  right: 240px !important;
}

.r-n240 {
  right: -240px !important;
}

.b-240 {
  bottom: 240px !important;
}

.b-n240 {
  bottom: -240px !important;
}

.l-240 {
  left: 240px !important;
}

.l-n240 {
  left: -240px !important;
}

.m-250 {
  margin: 250px !important;
}

.m-x-250 {
  margin-left: 250px !important;
  margin-right: 250px !important;
}

.m-y-250 {
  margin-top: 250px !important;
  margin-bottom: 250px !important;
}

.p-250 {
  padding: 250px !important;
}

.p-x-250 {
  padding-left: 250px !important;
  padding-right: 250px !important;
}

.p-y-250 {
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}

.t-250 {
  top: 250px !important;
}

.t-n250 {
  top: -250px !important;
}

.r-250 {
  right: 250px !important;
}

.r-n250 {
  right: -250px !important;
}

.b-250 {
  bottom: 250px !important;
}

.b-n250 {
  bottom: -250px !important;
}

.l-250 {
  left: 250px !important;
}

.l-n250 {
  left: -250px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-n0 {
  margin-top: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-r-n0 {
  margin-right: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-n0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-l-n0 {
  margin-left: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-t-n0 {
  padding-top: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-r-n0 {
  padding-right: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-n0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-l-n0 {
  padding-left: 0px !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-n1 {
  margin-top: -1px !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-n1 {
  margin-right: -1px !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-n1 {
  margin-bottom: -1px !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.m-l-n1 {
  margin-left: -1px !important;
}

.p-t-1 {
  padding-top: 1px !important;
}

.p-t-n1 {
  padding-top: -1px !important;
}

.p-r-1 {
  padding-right: 1px !important;
}

.p-r-n1 {
  padding-right: -1px !important;
}

.p-b-1 {
  padding-bottom: 1px !important;
}

.p-b-n1 {
  padding-bottom: -1px !important;
}

.p-l-1 {
  padding-left: 1px !important;
}

.p-l-n1 {
  padding-left: -1px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-n2 {
  margin-top: -2px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-r-n2 {
  margin-right: -2px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-n2 {
  margin-bottom: -2px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-l-n2 {
  margin-left: -2px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-t-n2 {
  padding-top: -2px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-r-n2 {
  padding-right: -2px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-b-n2 {
  padding-bottom: -2px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.p-l-n2 {
  padding-left: -2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-n3 {
  margin-top: -3px !important;
}

.m-r-3 {
  margin-right: 3px !important;
}

.m-r-n3 {
  margin-right: -3px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-n3 {
  margin-bottom: -3px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.m-l-n3 {
  margin-left: -3px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-n3 {
  padding-top: -3px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-r-n3 {
  padding-right: -3px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-b-n3 {
  padding-bottom: -3px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.p-l-n3 {
  padding-left: -3px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-n4 {
  margin-top: -4px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-r-n4 {
  margin-right: -4px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-n4 {
  margin-bottom: -4px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.m-l-n4 {
  margin-left: -4px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-t-n4 {
  padding-top: -4px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-r-n4 {
  padding-right: -4px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-b-n4 {
  padding-bottom: -4px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.p-l-n4 {
  padding-left: -4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-n5 {
  margin-top: -5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-n5 {
  margin-right: -5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-n5 {
  margin-bottom: -5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-n5 {
  margin-left: -5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-n5 {
  padding-top: -5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-n5 {
  padding-right: -5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-n5 {
  padding-bottom: -5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-n5 {
  padding-left: -5px !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-t-n6 {
  margin-top: -6px !important;
}

.m-r-6 {
  margin-right: 6px !important;
}

.m-r-n6 {
  margin-right: -6px !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.m-b-n6 {
  margin-bottom: -6px !important;
}

.m-l-6 {
  margin-left: 6px !important;
}

.m-l-n6 {
  margin-left: -6px !important;
}

.p-t-6 {
  padding-top: 6px !important;
}

.p-t-n6 {
  padding-top: -6px !important;
}

.p-r-6 {
  padding-right: 6px !important;
}

.p-r-n6 {
  padding-right: -6px !important;
}

.p-b-6 {
  padding-bottom: 6px !important;
}

.p-b-n6 {
  padding-bottom: -6px !important;
}

.p-l-6 {
  padding-left: 6px !important;
}

.p-l-n6 {
  padding-left: -6px !important;
}

.m-t-7 {
  margin-top: 7px !important;
}

.m-t-n7 {
  margin-top: -7px !important;
}

.m-r-7 {
  margin-right: 7px !important;
}

.m-r-n7 {
  margin-right: -7px !important;
}

.m-b-7 {
  margin-bottom: 7px !important;
}

.m-b-n7 {
  margin-bottom: -7px !important;
}

.m-l-7 {
  margin-left: 7px !important;
}

.m-l-n7 {
  margin-left: -7px !important;
}

.p-t-7 {
  padding-top: 7px !important;
}

.p-t-n7 {
  padding-top: -7px !important;
}

.p-r-7 {
  padding-right: 7px !important;
}

.p-r-n7 {
  padding-right: -7px !important;
}

.p-b-7 {
  padding-bottom: 7px !important;
}

.p-b-n7 {
  padding-bottom: -7px !important;
}

.p-l-7 {
  padding-left: 7px !important;
}

.p-l-n7 {
  padding-left: -7px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-t-n8 {
  margin-top: -8px !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-r-n8 {
  margin-right: -8px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-b-n8 {
  margin-bottom: -8px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.m-l-n8 {
  margin-left: -8px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-t-n8 {
  padding-top: -8px !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

.p-r-n8 {
  padding-right: -8px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-b-n8 {
  padding-bottom: -8px !important;
}

.p-l-8 {
  padding-left: 8px !important;
}

.p-l-n8 {
  padding-left: -8px !important;
}

.m-t-9 {
  margin-top: 9px !important;
}

.m-t-n9 {
  margin-top: -9px !important;
}

.m-r-9 {
  margin-right: 9px !important;
}

.m-r-n9 {
  margin-right: -9px !important;
}

.m-b-9 {
  margin-bottom: 9px !important;
}

.m-b-n9 {
  margin-bottom: -9px !important;
}

.m-l-9 {
  margin-left: 9px !important;
}

.m-l-n9 {
  margin-left: -9px !important;
}

.p-t-9 {
  padding-top: 9px !important;
}

.p-t-n9 {
  padding-top: -9px !important;
}

.p-r-9 {
  padding-right: 9px !important;
}

.p-r-n9 {
  padding-right: -9px !important;
}

.p-b-9 {
  padding-bottom: 9px !important;
}

.p-b-n9 {
  padding-bottom: -9px !important;
}

.p-l-9 {
  padding-left: 9px !important;
}

.p-l-n9 {
  padding-left: -9px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-n10 {
  margin-top: -10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-n10 {
  margin-right: -10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-n10 {
  margin-bottom: -10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-n10 {
  margin-left: -10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-n10 {
  padding-top: -10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-n10 {
  padding-right: -10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-n10 {
  padding-bottom: -10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-n10 {
  padding-left: -10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-n15 {
  margin-top: -15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-n15 {
  margin-right: -15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-n15 {
  margin-bottom: -15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-n15 {
  margin-left: -15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-n15 {
  padding-top: -15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-n15 {
  padding-right: -15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-n15 {
  padding-bottom: -15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-n15 {
  padding-left: -15px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-t-n16 {
  margin-top: -16px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-r-n16 {
  margin-right: -16px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-b-n16 {
  margin-bottom: -16px !important;
}

.m-l-16 {
  margin-left: 16px !important;
}

.m-l-n16 {
  margin-left: -16px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-n16 {
  padding-top: -16px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-r-n16 {
  padding-right: -16px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-n16 {
  padding-bottom: -16px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-n16 {
  padding-left: -16px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-n20 {
  margin-top: -20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-n20 {
  margin-right: -20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-n20 {
  margin-bottom: -20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-n20 {
  margin-left: -20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-n20 {
  padding-top: -20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-n20 {
  padding-right: -20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-n20 {
  padding-bottom: -20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-n20 {
  padding-left: -20px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-n24 {
  margin-top: -24px !important;
}

.m-r-24 {
  margin-right: 24px !important;
}

.m-r-n24 {
  margin-right: -24px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-n24 {
  margin-bottom: -24px !important;
}

.m-l-24 {
  margin-left: 24px !important;
}

.m-l-n24 {
  margin-left: -24px !important;
}

.p-t-24 {
  padding-top: 24px !important;
}

.p-t-n24 {
  padding-top: -24px !important;
}

.p-r-24 {
  padding-right: 24px !important;
}

.p-r-n24 {
  padding-right: -24px !important;
}

.p-b-24 {
  padding-bottom: 24px !important;
}

.p-b-n24 {
  padding-bottom: -24px !important;
}

.p-l-24 {
  padding-left: 24px !important;
}

.p-l-n24 {
  padding-left: -24px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-n25 {
  margin-top: -25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-r-n25 {
  margin-right: -25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-n25 {
  margin-bottom: -25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-n25 {
  margin-left: -25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-n25 {
  padding-top: -25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-n25 {
  padding-right: -25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-n25 {
  padding-bottom: -25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-n25 {
  padding-left: -25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-n30 {
  margin-top: -30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-n30 {
  margin-right: -30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-n30 {
  margin-bottom: -30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-n30 {
  margin-left: -30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-n30 {
  padding-top: -30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-n30 {
  padding-right: -30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-n30 {
  padding-bottom: -30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-n30 {
  padding-left: -30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-n35 {
  margin-top: -35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-r-n35 {
  margin-right: -35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-n35 {
  margin-bottom: -35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-l-n35 {
  margin-left: -35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-n35 {
  padding-top: -35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-r-n35 {
  padding-right: -35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-n35 {
  padding-bottom: -35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-l-n35 {
  padding-left: -35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-n40 {
  margin-top: -40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-n40 {
  margin-right: -40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-n40 {
  margin-bottom: -40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-n40 {
  margin-left: -40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-n40 {
  padding-top: -40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-n40 {
  padding-right: -40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-n40 {
  padding-bottom: -40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-n40 {
  padding-left: -40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-t-n45 {
  margin-top: -45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.m-r-n45 {
  margin-right: -45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-b-n45 {
  margin-bottom: -45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.m-l-n45 {
  margin-left: -45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-t-n45 {
  padding-top: -45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-r-n45 {
  padding-right: -45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-b-n45 {
  padding-bottom: -45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.p-l-n45 {
  padding-left: -45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-n50 {
  margin-top: -50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-r-n50 {
  margin-right: -50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-n50 {
  margin-bottom: -50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-l-n50 {
  margin-left: -50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-t-n50 {
  padding-top: -50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-r-n50 {
  padding-right: -50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-n50 {
  padding-bottom: -50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-l-n50 {
  padding-left: -50px !important;
}

.m-t-55 {
  margin-top: 55px !important;
}

.m-t-n55 {
  margin-top: -55px !important;
}

.m-r-55 {
  margin-right: 55px !important;
}

.m-r-n55 {
  margin-right: -55px !important;
}

.m-b-55 {
  margin-bottom: 55px !important;
}

.m-b-n55 {
  margin-bottom: -55px !important;
}

.m-l-55 {
  margin-left: 55px !important;
}

.m-l-n55 {
  margin-left: -55px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.p-t-n55 {
  padding-top: -55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.p-r-n55 {
  padding-right: -55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.p-b-n55 {
  padding-bottom: -55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.p-l-n55 {
  padding-left: -55px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.m-t-n60 {
  margin-top: -60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.m-r-n60 {
  margin-right: -60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-b-n60 {
  margin-bottom: -60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.m-l-n60 {
  margin-left: -60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-t-n60 {
  padding-top: -60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.p-r-n60 {
  padding-right: -60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-b-n60 {
  padding-bottom: -60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.p-l-n60 {
  padding-left: -60px !important;
}

.m-t-70 {
  margin-top: 70px !important;
}

.m-t-n70 {
  margin-top: -70px !important;
}

.m-r-70 {
  margin-right: 70px !important;
}

.m-r-n70 {
  margin-right: -70px !important;
}

.m-b-70 {
  margin-bottom: 70px !important;
}

.m-b-n70 {
  margin-bottom: -70px !important;
}

.m-l-70 {
  margin-left: 70px !important;
}

.m-l-n70 {
  margin-left: -70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.p-t-n70 {
  padding-top: -70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.p-r-n70 {
  padding-right: -70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-n70 {
  padding-bottom: -70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.p-l-n70 {
  padding-left: -70px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.m-t-n80 {
  margin-top: -80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.m-r-n80 {
  margin-right: -80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.m-b-n80 {
  margin-bottom: -80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.m-l-n80 {
  margin-left: -80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-t-n80 {
  padding-top: -80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.p-r-n80 {
  padding-right: -80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-n80 {
  padding-bottom: -80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.p-l-n80 {
  padding-left: -80px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.m-t-n90 {
  margin-top: -90px !important;
}

.m-r-90 {
  margin-right: 90px !important;
}

.m-r-n90 {
  margin-right: -90px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.m-b-n90 {
  margin-bottom: -90px !important;
}

.m-l-90 {
  margin-left: 90px !important;
}

.m-l-n90 {
  margin-left: -90px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.p-t-n90 {
  padding-top: -90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.p-r-n90 {
  padding-right: -90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-b-n90 {
  padding-bottom: -90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.p-l-n90 {
  padding-left: -90px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-t-n100 {
  margin-top: -100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.m-r-n100 {
  margin-right: -100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-b-n100 {
  margin-bottom: -100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.m-l-n100 {
  margin-left: -100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-t-n100 {
  padding-top: -100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.p-r-n100 {
  padding-right: -100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.p-b-n100 {
  padding-bottom: -100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.p-l-n100 {
  padding-left: -100px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-n120 {
  margin-top: -120px !important;
}

.m-r-120 {
  margin-right: 120px !important;
}

.m-r-n120 {
  margin-right: -120px !important;
}

.m-b-120 {
  margin-bottom: 120px !important;
}

.m-b-n120 {
  margin-bottom: -120px !important;
}

.m-l-120 {
  margin-left: 120px !important;
}

.m-l-n120 {
  margin-left: -120px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-t-n120 {
  padding-top: -120px !important;
}

.p-r-120 {
  padding-right: 120px !important;
}

.p-r-n120 {
  padding-right: -120px !important;
}

.p-b-120 {
  padding-bottom: 120px !important;
}

.p-b-n120 {
  padding-bottom: -120px !important;
}

.p-l-120 {
  padding-left: 120px !important;
}

.p-l-n120 {
  padding-left: -120px !important;
}

.m-t-140 {
  margin-top: 140px !important;
}

.m-t-n140 {
  margin-top: -140px !important;
}

.m-r-140 {
  margin-right: 140px !important;
}

.m-r-n140 {
  margin-right: -140px !important;
}

.m-b-140 {
  margin-bottom: 140px !important;
}

.m-b-n140 {
  margin-bottom: -140px !important;
}

.m-l-140 {
  margin-left: 140px !important;
}

.m-l-n140 {
  margin-left: -140px !important;
}

.p-t-140 {
  padding-top: 140px !important;
}

.p-t-n140 {
  padding-top: -140px !important;
}

.p-r-140 {
  padding-right: 140px !important;
}

.p-r-n140 {
  padding-right: -140px !important;
}

.p-b-140 {
  padding-bottom: 140px !important;
}

.p-b-n140 {
  padding-bottom: -140px !important;
}

.p-l-140 {
  padding-left: 140px !important;
}

.p-l-n140 {
  padding-left: -140px !important;
}

.m-t-150 {
  margin-top: 150px !important;
}

.m-t-n150 {
  margin-top: -150px !important;
}

.m-r-150 {
  margin-right: 150px !important;
}

.m-r-n150 {
  margin-right: -150px !important;
}

.m-b-150 {
  margin-bottom: 150px !important;
}

.m-b-n150 {
  margin-bottom: -150px !important;
}

.m-l-150 {
  margin-left: 150px !important;
}

.m-l-n150 {
  margin-left: -150px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.p-t-n150 {
  padding-top: -150px !important;
}

.p-r-150 {
  padding-right: 150px !important;
}

.p-r-n150 {
  padding-right: -150px !important;
}

.p-b-150 {
  padding-bottom: 150px !important;
}

.p-b-n150 {
  padding-bottom: -150px !important;
}

.p-l-150 {
  padding-left: 150px !important;
}

.p-l-n150 {
  padding-left: -150px !important;
}

.m-t-160 {
  margin-top: 160px !important;
}

.m-t-n160 {
  margin-top: -160px !important;
}

.m-r-160 {
  margin-right: 160px !important;
}

.m-r-n160 {
  margin-right: -160px !important;
}

.m-b-160 {
  margin-bottom: 160px !important;
}

.m-b-n160 {
  margin-bottom: -160px !important;
}

.m-l-160 {
  margin-left: 160px !important;
}

.m-l-n160 {
  margin-left: -160px !important;
}

.p-t-160 {
  padding-top: 160px !important;
}

.p-t-n160 {
  padding-top: -160px !important;
}

.p-r-160 {
  padding-right: 160px !important;
}

.p-r-n160 {
  padding-right: -160px !important;
}

.p-b-160 {
  padding-bottom: 160px !important;
}

.p-b-n160 {
  padding-bottom: -160px !important;
}

.p-l-160 {
  padding-left: 160px !important;
}

.p-l-n160 {
  padding-left: -160px !important;
}

.m-t-180 {
  margin-top: 180px !important;
}

.m-t-n180 {
  margin-top: -180px !important;
}

.m-r-180 {
  margin-right: 180px !important;
}

.m-r-n180 {
  margin-right: -180px !important;
}

.m-b-180 {
  margin-bottom: 180px !important;
}

.m-b-n180 {
  margin-bottom: -180px !important;
}

.m-l-180 {
  margin-left: 180px !important;
}

.m-l-n180 {
  margin-left: -180px !important;
}

.p-t-180 {
  padding-top: 180px !important;
}

.p-t-n180 {
  padding-top: -180px !important;
}

.p-r-180 {
  padding-right: 180px !important;
}

.p-r-n180 {
  padding-right: -180px !important;
}

.p-b-180 {
  padding-bottom: 180px !important;
}

.p-b-n180 {
  padding-bottom: -180px !important;
}

.p-l-180 {
  padding-left: 180px !important;
}

.p-l-n180 {
  padding-left: -180px !important;
}

.m-t-200 {
  margin-top: 200px !important;
}

.m-t-n200 {
  margin-top: -200px !important;
}

.m-r-200 {
  margin-right: 200px !important;
}

.m-r-n200 {
  margin-right: -200px !important;
}

.m-b-200 {
  margin-bottom: 200px !important;
}

.m-b-n200 {
  margin-bottom: -200px !important;
}

.m-l-200 {
  margin-left: 200px !important;
}

.m-l-n200 {
  margin-left: -200px !important;
}

.p-t-200 {
  padding-top: 200px !important;
}

.p-t-n200 {
  padding-top: -200px !important;
}

.p-r-200 {
  padding-right: 200px !important;
}

.p-r-n200 {
  padding-right: -200px !important;
}

.p-b-200 {
  padding-bottom: 200px !important;
}

.p-b-n200 {
  padding-bottom: -200px !important;
}

.p-l-200 {
  padding-left: 200px !important;
}

.p-l-n200 {
  padding-left: -200px !important;
}

.m-t-210 {
  margin-top: 210px !important;
}

.m-t-n210 {
  margin-top: -210px !important;
}

.m-r-210 {
  margin-right: 210px !important;
}

.m-r-n210 {
  margin-right: -210px !important;
}

.m-b-210 {
  margin-bottom: 210px !important;
}

.m-b-n210 {
  margin-bottom: -210px !important;
}

.m-l-210 {
  margin-left: 210px !important;
}

.m-l-n210 {
  margin-left: -210px !important;
}

.p-t-210 {
  padding-top: 210px !important;
}

.p-t-n210 {
  padding-top: -210px !important;
}

.p-r-210 {
  padding-right: 210px !important;
}

.p-r-n210 {
  padding-right: -210px !important;
}

.p-b-210 {
  padding-bottom: 210px !important;
}

.p-b-n210 {
  padding-bottom: -210px !important;
}

.p-l-210 {
  padding-left: 210px !important;
}

.p-l-n210 {
  padding-left: -210px !important;
}

.m-t-220 {
  margin-top: 220px !important;
}

.m-t-n220 {
  margin-top: -220px !important;
}

.m-r-220 {
  margin-right: 220px !important;
}

.m-r-n220 {
  margin-right: -220px !important;
}

.m-b-220 {
  margin-bottom: 220px !important;
}

.m-b-n220 {
  margin-bottom: -220px !important;
}

.m-l-220 {
  margin-left: 220px !important;
}

.m-l-n220 {
  margin-left: -220px !important;
}

.p-t-220 {
  padding-top: 220px !important;
}

.p-t-n220 {
  padding-top: -220px !important;
}

.p-r-220 {
  padding-right: 220px !important;
}

.p-r-n220 {
  padding-right: -220px !important;
}

.p-b-220 {
  padding-bottom: 220px !important;
}

.p-b-n220 {
  padding-bottom: -220px !important;
}

.p-l-220 {
  padding-left: 220px !important;
}

.p-l-n220 {
  padding-left: -220px !important;
}

.m-t-230 {
  margin-top: 230px !important;
}

.m-t-n230 {
  margin-top: -230px !important;
}

.m-r-230 {
  margin-right: 230px !important;
}

.m-r-n230 {
  margin-right: -230px !important;
}

.m-b-230 {
  margin-bottom: 230px !important;
}

.m-b-n230 {
  margin-bottom: -230px !important;
}

.m-l-230 {
  margin-left: 230px !important;
}

.m-l-n230 {
  margin-left: -230px !important;
}

.p-t-230 {
  padding-top: 230px !important;
}

.p-t-n230 {
  padding-top: -230px !important;
}

.p-r-230 {
  padding-right: 230px !important;
}

.p-r-n230 {
  padding-right: -230px !important;
}

.p-b-230 {
  padding-bottom: 230px !important;
}

.p-b-n230 {
  padding-bottom: -230px !important;
}

.p-l-230 {
  padding-left: 230px !important;
}

.p-l-n230 {
  padding-left: -230px !important;
}

.m-t-240 {
  margin-top: 240px !important;
}

.m-t-n240 {
  margin-top: -240px !important;
}

.m-r-240 {
  margin-right: 240px !important;
}

.m-r-n240 {
  margin-right: -240px !important;
}

.m-b-240 {
  margin-bottom: 240px !important;
}

.m-b-n240 {
  margin-bottom: -240px !important;
}

.m-l-240 {
  margin-left: 240px !important;
}

.m-l-n240 {
  margin-left: -240px !important;
}

.p-t-240 {
  padding-top: 240px !important;
}

.p-t-n240 {
  padding-top: -240px !important;
}

.p-r-240 {
  padding-right: 240px !important;
}

.p-r-n240 {
  padding-right: -240px !important;
}

.p-b-240 {
  padding-bottom: 240px !important;
}

.p-b-n240 {
  padding-bottom: -240px !important;
}

.p-l-240 {
  padding-left: 240px !important;
}

.p-l-n240 {
  padding-left: -240px !important;
}

.m-t-250 {
  margin-top: 250px !important;
}

.m-t-n250 {
  margin-top: -250px !important;
}

.m-r-250 {
  margin-right: 250px !important;
}

.m-r-n250 {
  margin-right: -250px !important;
}

.m-b-250 {
  margin-bottom: 250px !important;
}

.m-b-n250 {
  margin-bottom: -250px !important;
}

.m-l-250 {
  margin-left: 250px !important;
}

.m-l-n250 {
  margin-left: -250px !important;
}

.p-t-250 {
  padding-top: 250px !important;
}

.p-t-n250 {
  padding-top: -250px !important;
}

.p-r-250 {
  padding-right: 250px !important;
}

.p-r-n250 {
  padding-right: -250px !important;
}

.p-b-250 {
  padding-bottom: 250px !important;
}

.p-b-n250 {
  padding-bottom: -250px !important;
}

.p-l-250 {
  padding-left: 250px !important;
}

.p-l-n250 {
  padding-left: -250px !important;
}

@media screen and (min-width: 576px) {
  .m-sm-0 {
    margin: 0px !important;
  }

  .m-sm-n0 {
    margin: 0px !important;
  }

  .m-t-sm-0 {
    margin-top: 0px !important;
  }

  .m-t-sm-n0 {
    margin-top: 0px !important;
  }

  .m-r-sm-0 {
    margin-right: 0px !important;
  }

  .m-r-sm-n0 {
    margin-right: 0px !important;
  }

  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }

  .m-b-sm-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-sm-0 {
    margin-left: 0px !important;
  }

  .m-l-sm-n0 {
    margin-left: 0px !important;
  }

  .m-x-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-sm-0 {
    padding: 0px !important;
  }

  .p-sm-n0 {
    padding: 0px !important;
  }

  .p-t-sm-0 {
    padding-top: 0px !important;
  }

  .p-t-sm-n0 {
    padding-top: 0px !important;
  }

  .p-r-sm-0 {
    padding-right: 0px !important;
  }

  .p-r-sm-n0 {
    padding-right: 0px !important;
  }

  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }

  .p-b-sm-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-sm-0 {
    padding-left: 0px !important;
  }

  .p-l-sm-n0 {
    padding-left: 0px !important;
  }

  .p-x-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-sm-1 {
    margin: 1px !important;
  }

  .m-sm-n1 {
    margin: -1px !important;
  }

  .m-t-sm-1 {
    margin-top: 1px !important;
  }

  .m-t-sm-n1 {
    margin-top: -1px !important;
  }

  .m-r-sm-1 {
    margin-right: 1px !important;
  }

  .m-r-sm-n1 {
    margin-right: -1px !important;
  }

  .m-b-sm-1 {
    margin-bottom: 1px !important;
  }

  .m-b-sm-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-sm-1 {
    margin-left: 1px !important;
  }

  .m-l-sm-n1 {
    margin-left: -1px !important;
  }

  .m-x-sm-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-sm-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-sm-1 {
    padding: 1px !important;
  }

  .p-sm-n1 {
    padding: -1px !important;
  }

  .p-t-sm-1 {
    padding-top: 1px !important;
  }

  .p-t-sm-n1 {
    padding-top: -1px !important;
  }

  .p-r-sm-1 {
    padding-right: 1px !important;
  }

  .p-r-sm-n1 {
    padding-right: -1px !important;
  }

  .p-b-sm-1 {
    padding-bottom: 1px !important;
  }

  .p-b-sm-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-sm-1 {
    padding-left: 1px !important;
  }

  .p-l-sm-n1 {
    padding-left: -1px !important;
  }

  .p-x-sm-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-sm-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-sm-2 {
    margin: 2px !important;
  }

  .m-sm-n2 {
    margin: -2px !important;
  }

  .m-t-sm-2 {
    margin-top: 2px !important;
  }

  .m-t-sm-n2 {
    margin-top: -2px !important;
  }

  .m-r-sm-2 {
    margin-right: 2px !important;
  }

  .m-r-sm-n2 {
    margin-right: -2px !important;
  }

  .m-b-sm-2 {
    margin-bottom: 2px !important;
  }

  .m-b-sm-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-sm-2 {
    margin-left: 2px !important;
  }

  .m-l-sm-n2 {
    margin-left: -2px !important;
  }

  .m-x-sm-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-sm-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-sm-2 {
    padding: 2px !important;
  }

  .p-sm-n2 {
    padding: -2px !important;
  }

  .p-t-sm-2 {
    padding-top: 2px !important;
  }

  .p-t-sm-n2 {
    padding-top: -2px !important;
  }

  .p-r-sm-2 {
    padding-right: 2px !important;
  }

  .p-r-sm-n2 {
    padding-right: -2px !important;
  }

  .p-b-sm-2 {
    padding-bottom: 2px !important;
  }

  .p-b-sm-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-sm-2 {
    padding-left: 2px !important;
  }

  .p-l-sm-n2 {
    padding-left: -2px !important;
  }

  .p-x-sm-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-sm-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-sm-3 {
    margin: 3px !important;
  }

  .m-sm-n3 {
    margin: -3px !important;
  }

  .m-t-sm-3 {
    margin-top: 3px !important;
  }

  .m-t-sm-n3 {
    margin-top: -3px !important;
  }

  .m-r-sm-3 {
    margin-right: 3px !important;
  }

  .m-r-sm-n3 {
    margin-right: -3px !important;
  }

  .m-b-sm-3 {
    margin-bottom: 3px !important;
  }

  .m-b-sm-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-sm-3 {
    margin-left: 3px !important;
  }

  .m-l-sm-n3 {
    margin-left: -3px !important;
  }

  .m-x-sm-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-sm-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-sm-3 {
    padding: 3px !important;
  }

  .p-sm-n3 {
    padding: -3px !important;
  }

  .p-t-sm-3 {
    padding-top: 3px !important;
  }

  .p-t-sm-n3 {
    padding-top: -3px !important;
  }

  .p-r-sm-3 {
    padding-right: 3px !important;
  }

  .p-r-sm-n3 {
    padding-right: -3px !important;
  }

  .p-b-sm-3 {
    padding-bottom: 3px !important;
  }

  .p-b-sm-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-sm-3 {
    padding-left: 3px !important;
  }

  .p-l-sm-n3 {
    padding-left: -3px !important;
  }

  .p-x-sm-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-sm-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-sm-4 {
    margin: 4px !important;
  }

  .m-sm-n4 {
    margin: -4px !important;
  }

  .m-t-sm-4 {
    margin-top: 4px !important;
  }

  .m-t-sm-n4 {
    margin-top: -4px !important;
  }

  .m-r-sm-4 {
    margin-right: 4px !important;
  }

  .m-r-sm-n4 {
    margin-right: -4px !important;
  }

  .m-b-sm-4 {
    margin-bottom: 4px !important;
  }

  .m-b-sm-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-sm-4 {
    margin-left: 4px !important;
  }

  .m-l-sm-n4 {
    margin-left: -4px !important;
  }

  .m-x-sm-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-sm-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-sm-4 {
    padding: 4px !important;
  }

  .p-sm-n4 {
    padding: -4px !important;
  }

  .p-t-sm-4 {
    padding-top: 4px !important;
  }

  .p-t-sm-n4 {
    padding-top: -4px !important;
  }

  .p-r-sm-4 {
    padding-right: 4px !important;
  }

  .p-r-sm-n4 {
    padding-right: -4px !important;
  }

  .p-b-sm-4 {
    padding-bottom: 4px !important;
  }

  .p-b-sm-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-sm-4 {
    padding-left: 4px !important;
  }

  .p-l-sm-n4 {
    padding-left: -4px !important;
  }

  .p-x-sm-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-sm-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-sm-5 {
    margin: 5px !important;
  }

  .m-sm-n5 {
    margin: -5px !important;
  }

  .m-t-sm-5 {
    margin-top: 5px !important;
  }

  .m-t-sm-n5 {
    margin-top: -5px !important;
  }

  .m-r-sm-5 {
    margin-right: 5px !important;
  }

  .m-r-sm-n5 {
    margin-right: -5px !important;
  }

  .m-b-sm-5 {
    margin-bottom: 5px !important;
  }

  .m-b-sm-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-sm-5 {
    margin-left: 5px !important;
  }

  .m-l-sm-n5 {
    margin-left: -5px !important;
  }

  .m-x-sm-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-sm-5 {
    padding: 5px !important;
  }

  .p-sm-n5 {
    padding: -5px !important;
  }

  .p-t-sm-5 {
    padding-top: 5px !important;
  }

  .p-t-sm-n5 {
    padding-top: -5px !important;
  }

  .p-r-sm-5 {
    padding-right: 5px !important;
  }

  .p-r-sm-n5 {
    padding-right: -5px !important;
  }

  .p-b-sm-5 {
    padding-bottom: 5px !important;
  }

  .p-b-sm-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-sm-5 {
    padding-left: 5px !important;
  }

  .p-l-sm-n5 {
    padding-left: -5px !important;
  }

  .p-x-sm-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-sm-6 {
    margin: 6px !important;
  }

  .m-sm-n6 {
    margin: -6px !important;
  }

  .m-t-sm-6 {
    margin-top: 6px !important;
  }

  .m-t-sm-n6 {
    margin-top: -6px !important;
  }

  .m-r-sm-6 {
    margin-right: 6px !important;
  }

  .m-r-sm-n6 {
    margin-right: -6px !important;
  }

  .m-b-sm-6 {
    margin-bottom: 6px !important;
  }

  .m-b-sm-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-sm-6 {
    margin-left: 6px !important;
  }

  .m-l-sm-n6 {
    margin-left: -6px !important;
  }

  .m-x-sm-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-sm-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-sm-6 {
    padding: 6px !important;
  }

  .p-sm-n6 {
    padding: -6px !important;
  }

  .p-t-sm-6 {
    padding-top: 6px !important;
  }

  .p-t-sm-n6 {
    padding-top: -6px !important;
  }

  .p-r-sm-6 {
    padding-right: 6px !important;
  }

  .p-r-sm-n6 {
    padding-right: -6px !important;
  }

  .p-b-sm-6 {
    padding-bottom: 6px !important;
  }

  .p-b-sm-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-sm-6 {
    padding-left: 6px !important;
  }

  .p-l-sm-n6 {
    padding-left: -6px !important;
  }

  .p-x-sm-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-sm-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-sm-7 {
    margin: 7px !important;
  }

  .m-sm-n7 {
    margin: -7px !important;
  }

  .m-t-sm-7 {
    margin-top: 7px !important;
  }

  .m-t-sm-n7 {
    margin-top: -7px !important;
  }

  .m-r-sm-7 {
    margin-right: 7px !important;
  }

  .m-r-sm-n7 {
    margin-right: -7px !important;
  }

  .m-b-sm-7 {
    margin-bottom: 7px !important;
  }

  .m-b-sm-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-sm-7 {
    margin-left: 7px !important;
  }

  .m-l-sm-n7 {
    margin-left: -7px !important;
  }

  .m-x-sm-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-sm-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-sm-7 {
    padding: 7px !important;
  }

  .p-sm-n7 {
    padding: -7px !important;
  }

  .p-t-sm-7 {
    padding-top: 7px !important;
  }

  .p-t-sm-n7 {
    padding-top: -7px !important;
  }

  .p-r-sm-7 {
    padding-right: 7px !important;
  }

  .p-r-sm-n7 {
    padding-right: -7px !important;
  }

  .p-b-sm-7 {
    padding-bottom: 7px !important;
  }

  .p-b-sm-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-sm-7 {
    padding-left: 7px !important;
  }

  .p-l-sm-n7 {
    padding-left: -7px !important;
  }

  .p-x-sm-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-sm-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-sm-8 {
    margin: 8px !important;
  }

  .m-sm-n8 {
    margin: -8px !important;
  }

  .m-t-sm-8 {
    margin-top: 8px !important;
  }

  .m-t-sm-n8 {
    margin-top: -8px !important;
  }

  .m-r-sm-8 {
    margin-right: 8px !important;
  }

  .m-r-sm-n8 {
    margin-right: -8px !important;
  }

  .m-b-sm-8 {
    margin-bottom: 8px !important;
  }

  .m-b-sm-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-sm-8 {
    margin-left: 8px !important;
  }

  .m-l-sm-n8 {
    margin-left: -8px !important;
  }

  .m-x-sm-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-sm-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-sm-8 {
    padding: 8px !important;
  }

  .p-sm-n8 {
    padding: -8px !important;
  }

  .p-t-sm-8 {
    padding-top: 8px !important;
  }

  .p-t-sm-n8 {
    padding-top: -8px !important;
  }

  .p-r-sm-8 {
    padding-right: 8px !important;
  }

  .p-r-sm-n8 {
    padding-right: -8px !important;
  }

  .p-b-sm-8 {
    padding-bottom: 8px !important;
  }

  .p-b-sm-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-sm-8 {
    padding-left: 8px !important;
  }

  .p-l-sm-n8 {
    padding-left: -8px !important;
  }

  .p-x-sm-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-sm-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-sm-9 {
    margin: 9px !important;
  }

  .m-sm-n9 {
    margin: -9px !important;
  }

  .m-t-sm-9 {
    margin-top: 9px !important;
  }

  .m-t-sm-n9 {
    margin-top: -9px !important;
  }

  .m-r-sm-9 {
    margin-right: 9px !important;
  }

  .m-r-sm-n9 {
    margin-right: -9px !important;
  }

  .m-b-sm-9 {
    margin-bottom: 9px !important;
  }

  .m-b-sm-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-sm-9 {
    margin-left: 9px !important;
  }

  .m-l-sm-n9 {
    margin-left: -9px !important;
  }

  .m-x-sm-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-sm-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-sm-9 {
    padding: 9px !important;
  }

  .p-sm-n9 {
    padding: -9px !important;
  }

  .p-t-sm-9 {
    padding-top: 9px !important;
  }

  .p-t-sm-n9 {
    padding-top: -9px !important;
  }

  .p-r-sm-9 {
    padding-right: 9px !important;
  }

  .p-r-sm-n9 {
    padding-right: -9px !important;
  }

  .p-b-sm-9 {
    padding-bottom: 9px !important;
  }

  .p-b-sm-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-sm-9 {
    padding-left: 9px !important;
  }

  .p-l-sm-n9 {
    padding-left: -9px !important;
  }

  .p-x-sm-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-sm-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-sm-10 {
    margin: 10px !important;
  }

  .m-sm-n10 {
    margin: -10px !important;
  }

  .m-t-sm-10 {
    margin-top: 10px !important;
  }

  .m-t-sm-n10 {
    margin-top: -10px !important;
  }

  .m-r-sm-10 {
    margin-right: 10px !important;
  }

  .m-r-sm-n10 {
    margin-right: -10px !important;
  }

  .m-b-sm-10 {
    margin-bottom: 10px !important;
  }

  .m-b-sm-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-sm-10 {
    margin-left: 10px !important;
  }

  .m-l-sm-n10 {
    margin-left: -10px !important;
  }

  .m-x-sm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-sm-10 {
    padding: 10px !important;
  }

  .p-sm-n10 {
    padding: -10px !important;
  }

  .p-t-sm-10 {
    padding-top: 10px !important;
  }

  .p-t-sm-n10 {
    padding-top: -10px !important;
  }

  .p-r-sm-10 {
    padding-right: 10px !important;
  }

  .p-r-sm-n10 {
    padding-right: -10px !important;
  }

  .p-b-sm-10 {
    padding-bottom: 10px !important;
  }

  .p-b-sm-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-sm-10 {
    padding-left: 10px !important;
  }

  .p-l-sm-n10 {
    padding-left: -10px !important;
  }

  .p-x-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-sm-15 {
    margin: 15px !important;
  }

  .m-sm-n15 {
    margin: -15px !important;
  }

  .m-t-sm-15 {
    margin-top: 15px !important;
  }

  .m-t-sm-n15 {
    margin-top: -15px !important;
  }

  .m-r-sm-15 {
    margin-right: 15px !important;
  }

  .m-r-sm-n15 {
    margin-right: -15px !important;
  }

  .m-b-sm-15 {
    margin-bottom: 15px !important;
  }

  .m-b-sm-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-sm-15 {
    margin-left: 15px !important;
  }

  .m-l-sm-n15 {
    margin-left: -15px !important;
  }

  .m-x-sm-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-sm-15 {
    padding: 15px !important;
  }

  .p-sm-n15 {
    padding: -15px !important;
  }

  .p-t-sm-15 {
    padding-top: 15px !important;
  }

  .p-t-sm-n15 {
    padding-top: -15px !important;
  }

  .p-r-sm-15 {
    padding-right: 15px !important;
  }

  .p-r-sm-n15 {
    padding-right: -15px !important;
  }

  .p-b-sm-15 {
    padding-bottom: 15px !important;
  }

  .p-b-sm-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-sm-15 {
    padding-left: 15px !important;
  }

  .p-l-sm-n15 {
    padding-left: -15px !important;
  }

  .p-x-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-sm-16 {
    margin: 16px !important;
  }

  .m-sm-n16 {
    margin: -16px !important;
  }

  .m-t-sm-16 {
    margin-top: 16px !important;
  }

  .m-t-sm-n16 {
    margin-top: -16px !important;
  }

  .m-r-sm-16 {
    margin-right: 16px !important;
  }

  .m-r-sm-n16 {
    margin-right: -16px !important;
  }

  .m-b-sm-16 {
    margin-bottom: 16px !important;
  }

  .m-b-sm-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-sm-16 {
    margin-left: 16px !important;
  }

  .m-l-sm-n16 {
    margin-left: -16px !important;
  }

  .m-x-sm-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-sm-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-sm-16 {
    padding: 16px !important;
  }

  .p-sm-n16 {
    padding: -16px !important;
  }

  .p-t-sm-16 {
    padding-top: 16px !important;
  }

  .p-t-sm-n16 {
    padding-top: -16px !important;
  }

  .p-r-sm-16 {
    padding-right: 16px !important;
  }

  .p-r-sm-n16 {
    padding-right: -16px !important;
  }

  .p-b-sm-16 {
    padding-bottom: 16px !important;
  }

  .p-b-sm-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-sm-16 {
    padding-left: 16px !important;
  }

  .p-l-sm-n16 {
    padding-left: -16px !important;
  }

  .p-x-sm-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-sm-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-sm-20 {
    margin: 20px !important;
  }

  .m-sm-n20 {
    margin: -20px !important;
  }

  .m-t-sm-20 {
    margin-top: 20px !important;
  }

  .m-t-sm-n20 {
    margin-top: -20px !important;
  }

  .m-r-sm-20 {
    margin-right: 20px !important;
  }

  .m-r-sm-n20 {
    margin-right: -20px !important;
  }

  .m-b-sm-20 {
    margin-bottom: 20px !important;
  }

  .m-b-sm-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-sm-20 {
    margin-left: 20px !important;
  }

  .m-l-sm-n20 {
    margin-left: -20px !important;
  }

  .m-x-sm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-sm-20 {
    padding: 20px !important;
  }

  .p-sm-n20 {
    padding: -20px !important;
  }

  .p-t-sm-20 {
    padding-top: 20px !important;
  }

  .p-t-sm-n20 {
    padding-top: -20px !important;
  }

  .p-r-sm-20 {
    padding-right: 20px !important;
  }

  .p-r-sm-n20 {
    padding-right: -20px !important;
  }

  .p-b-sm-20 {
    padding-bottom: 20px !important;
  }

  .p-b-sm-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-sm-20 {
    padding-left: 20px !important;
  }

  .p-l-sm-n20 {
    padding-left: -20px !important;
  }

  .p-x-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-sm-24 {
    margin: 24px !important;
  }

  .m-sm-n24 {
    margin: -24px !important;
  }

  .m-t-sm-24 {
    margin-top: 24px !important;
  }

  .m-t-sm-n24 {
    margin-top: -24px !important;
  }

  .m-r-sm-24 {
    margin-right: 24px !important;
  }

  .m-r-sm-n24 {
    margin-right: -24px !important;
  }

  .m-b-sm-24 {
    margin-bottom: 24px !important;
  }

  .m-b-sm-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-sm-24 {
    margin-left: 24px !important;
  }

  .m-l-sm-n24 {
    margin-left: -24px !important;
  }

  .m-x-sm-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-sm-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-sm-24 {
    padding: 24px !important;
  }

  .p-sm-n24 {
    padding: -24px !important;
  }

  .p-t-sm-24 {
    padding-top: 24px !important;
  }

  .p-t-sm-n24 {
    padding-top: -24px !important;
  }

  .p-r-sm-24 {
    padding-right: 24px !important;
  }

  .p-r-sm-n24 {
    padding-right: -24px !important;
  }

  .p-b-sm-24 {
    padding-bottom: 24px !important;
  }

  .p-b-sm-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-sm-24 {
    padding-left: 24px !important;
  }

  .p-l-sm-n24 {
    padding-left: -24px !important;
  }

  .p-x-sm-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-sm-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-sm-25 {
    margin: 25px !important;
  }

  .m-sm-n25 {
    margin: -25px !important;
  }

  .m-t-sm-25 {
    margin-top: 25px !important;
  }

  .m-t-sm-n25 {
    margin-top: -25px !important;
  }

  .m-r-sm-25 {
    margin-right: 25px !important;
  }

  .m-r-sm-n25 {
    margin-right: -25px !important;
  }

  .m-b-sm-25 {
    margin-bottom: 25px !important;
  }

  .m-b-sm-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-sm-25 {
    margin-left: 25px !important;
  }

  .m-l-sm-n25 {
    margin-left: -25px !important;
  }

  .m-x-sm-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-sm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-sm-25 {
    padding: 25px !important;
  }

  .p-sm-n25 {
    padding: -25px !important;
  }

  .p-t-sm-25 {
    padding-top: 25px !important;
  }

  .p-t-sm-n25 {
    padding-top: -25px !important;
  }

  .p-r-sm-25 {
    padding-right: 25px !important;
  }

  .p-r-sm-n25 {
    padding-right: -25px !important;
  }

  .p-b-sm-25 {
    padding-bottom: 25px !important;
  }

  .p-b-sm-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-sm-25 {
    padding-left: 25px !important;
  }

  .p-l-sm-n25 {
    padding-left: -25px !important;
  }

  .p-x-sm-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-sm-30 {
    margin: 30px !important;
  }

  .m-sm-n30 {
    margin: -30px !important;
  }

  .m-t-sm-30 {
    margin-top: 30px !important;
  }

  .m-t-sm-n30 {
    margin-top: -30px !important;
  }

  .m-r-sm-30 {
    margin-right: 30px !important;
  }

  .m-r-sm-n30 {
    margin-right: -30px !important;
  }

  .m-b-sm-30 {
    margin-bottom: 30px !important;
  }

  .m-b-sm-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-sm-30 {
    margin-left: 30px !important;
  }

  .m-l-sm-n30 {
    margin-left: -30px !important;
  }

  .m-x-sm-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-sm-30 {
    padding: 30px !important;
  }

  .p-sm-n30 {
    padding: -30px !important;
  }

  .p-t-sm-30 {
    padding-top: 30px !important;
  }

  .p-t-sm-n30 {
    padding-top: -30px !important;
  }

  .p-r-sm-30 {
    padding-right: 30px !important;
  }

  .p-r-sm-n30 {
    padding-right: -30px !important;
  }

  .p-b-sm-30 {
    padding-bottom: 30px !important;
  }

  .p-b-sm-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-sm-30 {
    padding-left: 30px !important;
  }

  .p-l-sm-n30 {
    padding-left: -30px !important;
  }

  .p-x-sm-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-sm-35 {
    margin: 35px !important;
  }

  .m-sm-n35 {
    margin: -35px !important;
  }

  .m-t-sm-35 {
    margin-top: 35px !important;
  }

  .m-t-sm-n35 {
    margin-top: -35px !important;
  }

  .m-r-sm-35 {
    margin-right: 35px !important;
  }

  .m-r-sm-n35 {
    margin-right: -35px !important;
  }

  .m-b-sm-35 {
    margin-bottom: 35px !important;
  }

  .m-b-sm-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-sm-35 {
    margin-left: 35px !important;
  }

  .m-l-sm-n35 {
    margin-left: -35px !important;
  }

  .m-x-sm-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-sm-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-sm-35 {
    padding: 35px !important;
  }

  .p-sm-n35 {
    padding: -35px !important;
  }

  .p-t-sm-35 {
    padding-top: 35px !important;
  }

  .p-t-sm-n35 {
    padding-top: -35px !important;
  }

  .p-r-sm-35 {
    padding-right: 35px !important;
  }

  .p-r-sm-n35 {
    padding-right: -35px !important;
  }

  .p-b-sm-35 {
    padding-bottom: 35px !important;
  }

  .p-b-sm-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-sm-35 {
    padding-left: 35px !important;
  }

  .p-l-sm-n35 {
    padding-left: -35px !important;
  }

  .p-x-sm-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-sm-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-sm-40 {
    margin: 40px !important;
  }

  .m-sm-n40 {
    margin: -40px !important;
  }

  .m-t-sm-40 {
    margin-top: 40px !important;
  }

  .m-t-sm-n40 {
    margin-top: -40px !important;
  }

  .m-r-sm-40 {
    margin-right: 40px !important;
  }

  .m-r-sm-n40 {
    margin-right: -40px !important;
  }

  .m-b-sm-40 {
    margin-bottom: 40px !important;
  }

  .m-b-sm-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-sm-40 {
    margin-left: 40px !important;
  }

  .m-l-sm-n40 {
    margin-left: -40px !important;
  }

  .m-x-sm-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-sm-40 {
    padding: 40px !important;
  }

  .p-sm-n40 {
    padding: -40px !important;
  }

  .p-t-sm-40 {
    padding-top: 40px !important;
  }

  .p-t-sm-n40 {
    padding-top: -40px !important;
  }

  .p-r-sm-40 {
    padding-right: 40px !important;
  }

  .p-r-sm-n40 {
    padding-right: -40px !important;
  }

  .p-b-sm-40 {
    padding-bottom: 40px !important;
  }

  .p-b-sm-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-sm-40 {
    padding-left: 40px !important;
  }

  .p-l-sm-n40 {
    padding-left: -40px !important;
  }

  .p-x-sm-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-sm-45 {
    margin: 45px !important;
  }

  .m-sm-n45 {
    margin: -45px !important;
  }

  .m-t-sm-45 {
    margin-top: 45px !important;
  }

  .m-t-sm-n45 {
    margin-top: -45px !important;
  }

  .m-r-sm-45 {
    margin-right: 45px !important;
  }

  .m-r-sm-n45 {
    margin-right: -45px !important;
  }

  .m-b-sm-45 {
    margin-bottom: 45px !important;
  }

  .m-b-sm-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-sm-45 {
    margin-left: 45px !important;
  }

  .m-l-sm-n45 {
    margin-left: -45px !important;
  }

  .m-x-sm-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-sm-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-sm-45 {
    padding: 45px !important;
  }

  .p-sm-n45 {
    padding: -45px !important;
  }

  .p-t-sm-45 {
    padding-top: 45px !important;
  }

  .p-t-sm-n45 {
    padding-top: -45px !important;
  }

  .p-r-sm-45 {
    padding-right: 45px !important;
  }

  .p-r-sm-n45 {
    padding-right: -45px !important;
  }

  .p-b-sm-45 {
    padding-bottom: 45px !important;
  }

  .p-b-sm-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-sm-45 {
    padding-left: 45px !important;
  }

  .p-l-sm-n45 {
    padding-left: -45px !important;
  }

  .p-x-sm-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-sm-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-sm-50 {
    margin: 50px !important;
  }

  .m-sm-n50 {
    margin: -50px !important;
  }

  .m-t-sm-50 {
    margin-top: 50px !important;
  }

  .m-t-sm-n50 {
    margin-top: -50px !important;
  }

  .m-r-sm-50 {
    margin-right: 50px !important;
  }

  .m-r-sm-n50 {
    margin-right: -50px !important;
  }

  .m-b-sm-50 {
    margin-bottom: 50px !important;
  }

  .m-b-sm-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-sm-50 {
    margin-left: 50px !important;
  }

  .m-l-sm-n50 {
    margin-left: -50px !important;
  }

  .m-x-sm-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-sm-50 {
    padding: 50px !important;
  }

  .p-sm-n50 {
    padding: -50px !important;
  }

  .p-t-sm-50 {
    padding-top: 50px !important;
  }

  .p-t-sm-n50 {
    padding-top: -50px !important;
  }

  .p-r-sm-50 {
    padding-right: 50px !important;
  }

  .p-r-sm-n50 {
    padding-right: -50px !important;
  }

  .p-b-sm-50 {
    padding-bottom: 50px !important;
  }

  .p-b-sm-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-sm-50 {
    padding-left: 50px !important;
  }

  .p-l-sm-n50 {
    padding-left: -50px !important;
  }

  .p-x-sm-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-sm-55 {
    margin: 55px !important;
  }

  .m-sm-n55 {
    margin: -55px !important;
  }

  .m-t-sm-55 {
    margin-top: 55px !important;
  }

  .m-t-sm-n55 {
    margin-top: -55px !important;
  }

  .m-r-sm-55 {
    margin-right: 55px !important;
  }

  .m-r-sm-n55 {
    margin-right: -55px !important;
  }

  .m-b-sm-55 {
    margin-bottom: 55px !important;
  }

  .m-b-sm-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-sm-55 {
    margin-left: 55px !important;
  }

  .m-l-sm-n55 {
    margin-left: -55px !important;
  }

  .m-x-sm-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-sm-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-sm-55 {
    padding: 55px !important;
  }

  .p-sm-n55 {
    padding: -55px !important;
  }

  .p-t-sm-55 {
    padding-top: 55px !important;
  }

  .p-t-sm-n55 {
    padding-top: -55px !important;
  }

  .p-r-sm-55 {
    padding-right: 55px !important;
  }

  .p-r-sm-n55 {
    padding-right: -55px !important;
  }

  .p-b-sm-55 {
    padding-bottom: 55px !important;
  }

  .p-b-sm-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-sm-55 {
    padding-left: 55px !important;
  }

  .p-l-sm-n55 {
    padding-left: -55px !important;
  }

  .p-x-sm-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-sm-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-sm-60 {
    margin: 60px !important;
  }

  .m-sm-n60 {
    margin: -60px !important;
  }

  .m-t-sm-60 {
    margin-top: 60px !important;
  }

  .m-t-sm-n60 {
    margin-top: -60px !important;
  }

  .m-r-sm-60 {
    margin-right: 60px !important;
  }

  .m-r-sm-n60 {
    margin-right: -60px !important;
  }

  .m-b-sm-60 {
    margin-bottom: 60px !important;
  }

  .m-b-sm-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-sm-60 {
    margin-left: 60px !important;
  }

  .m-l-sm-n60 {
    margin-left: -60px !important;
  }

  .m-x-sm-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-sm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-sm-60 {
    padding: 60px !important;
  }

  .p-sm-n60 {
    padding: -60px !important;
  }

  .p-t-sm-60 {
    padding-top: 60px !important;
  }

  .p-t-sm-n60 {
    padding-top: -60px !important;
  }

  .p-r-sm-60 {
    padding-right: 60px !important;
  }

  .p-r-sm-n60 {
    padding-right: -60px !important;
  }

  .p-b-sm-60 {
    padding-bottom: 60px !important;
  }

  .p-b-sm-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-sm-60 {
    padding-left: 60px !important;
  }

  .p-l-sm-n60 {
    padding-left: -60px !important;
  }

  .p-x-sm-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-sm-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-sm-70 {
    margin: 70px !important;
  }

  .m-sm-n70 {
    margin: -70px !important;
  }

  .m-t-sm-70 {
    margin-top: 70px !important;
  }

  .m-t-sm-n70 {
    margin-top: -70px !important;
  }

  .m-r-sm-70 {
    margin-right: 70px !important;
  }

  .m-r-sm-n70 {
    margin-right: -70px !important;
  }

  .m-b-sm-70 {
    margin-bottom: 70px !important;
  }

  .m-b-sm-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-sm-70 {
    margin-left: 70px !important;
  }

  .m-l-sm-n70 {
    margin-left: -70px !important;
  }

  .m-x-sm-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-sm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-sm-70 {
    padding: 70px !important;
  }

  .p-sm-n70 {
    padding: -70px !important;
  }

  .p-t-sm-70 {
    padding-top: 70px !important;
  }

  .p-t-sm-n70 {
    padding-top: -70px !important;
  }

  .p-r-sm-70 {
    padding-right: 70px !important;
  }

  .p-r-sm-n70 {
    padding-right: -70px !important;
  }

  .p-b-sm-70 {
    padding-bottom: 70px !important;
  }

  .p-b-sm-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-sm-70 {
    padding-left: 70px !important;
  }

  .p-l-sm-n70 {
    padding-left: -70px !important;
  }

  .p-x-sm-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-sm-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-sm-80 {
    margin: 80px !important;
  }

  .m-sm-n80 {
    margin: -80px !important;
  }

  .m-t-sm-80 {
    margin-top: 80px !important;
  }

  .m-t-sm-n80 {
    margin-top: -80px !important;
  }

  .m-r-sm-80 {
    margin-right: 80px !important;
  }

  .m-r-sm-n80 {
    margin-right: -80px !important;
  }

  .m-b-sm-80 {
    margin-bottom: 80px !important;
  }

  .m-b-sm-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-sm-80 {
    margin-left: 80px !important;
  }

  .m-l-sm-n80 {
    margin-left: -80px !important;
  }

  .m-x-sm-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-sm-80 {
    padding: 80px !important;
  }

  .p-sm-n80 {
    padding: -80px !important;
  }

  .p-t-sm-80 {
    padding-top: 80px !important;
  }

  .p-t-sm-n80 {
    padding-top: -80px !important;
  }

  .p-r-sm-80 {
    padding-right: 80px !important;
  }

  .p-r-sm-n80 {
    padding-right: -80px !important;
  }

  .p-b-sm-80 {
    padding-bottom: 80px !important;
  }

  .p-b-sm-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-sm-80 {
    padding-left: 80px !important;
  }

  .p-l-sm-n80 {
    padding-left: -80px !important;
  }

  .p-x-sm-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-sm-90 {
    margin: 90px !important;
  }

  .m-sm-n90 {
    margin: -90px !important;
  }

  .m-t-sm-90 {
    margin-top: 90px !important;
  }

  .m-t-sm-n90 {
    margin-top: -90px !important;
  }

  .m-r-sm-90 {
    margin-right: 90px !important;
  }

  .m-r-sm-n90 {
    margin-right: -90px !important;
  }

  .m-b-sm-90 {
    margin-bottom: 90px !important;
  }

  .m-b-sm-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-sm-90 {
    margin-left: 90px !important;
  }

  .m-l-sm-n90 {
    margin-left: -90px !important;
  }

  .m-x-sm-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-sm-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-sm-90 {
    padding: 90px !important;
  }

  .p-sm-n90 {
    padding: -90px !important;
  }

  .p-t-sm-90 {
    padding-top: 90px !important;
  }

  .p-t-sm-n90 {
    padding-top: -90px !important;
  }

  .p-r-sm-90 {
    padding-right: 90px !important;
  }

  .p-r-sm-n90 {
    padding-right: -90px !important;
  }

  .p-b-sm-90 {
    padding-bottom: 90px !important;
  }

  .p-b-sm-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-sm-90 {
    padding-left: 90px !important;
  }

  .p-l-sm-n90 {
    padding-left: -90px !important;
  }

  .p-x-sm-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-sm-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-sm-100 {
    margin: 100px !important;
  }

  .m-sm-n100 {
    margin: -100px !important;
  }

  .m-t-sm-100 {
    margin-top: 100px !important;
  }

  .m-t-sm-n100 {
    margin-top: -100px !important;
  }

  .m-r-sm-100 {
    margin-right: 100px !important;
  }

  .m-r-sm-n100 {
    margin-right: -100px !important;
  }

  .m-b-sm-100 {
    margin-bottom: 100px !important;
  }

  .m-b-sm-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-sm-100 {
    margin-left: 100px !important;
  }

  .m-l-sm-n100 {
    margin-left: -100px !important;
  }

  .m-x-sm-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-sm-100 {
    padding: 100px !important;
  }

  .p-sm-n100 {
    padding: -100px !important;
  }

  .p-t-sm-100 {
    padding-top: 100px !important;
  }

  .p-t-sm-n100 {
    padding-top: -100px !important;
  }

  .p-r-sm-100 {
    padding-right: 100px !important;
  }

  .p-r-sm-n100 {
    padding-right: -100px !important;
  }

  .p-b-sm-100 {
    padding-bottom: 100px !important;
  }

  .p-b-sm-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-sm-100 {
    padding-left: 100px !important;
  }

  .p-l-sm-n100 {
    padding-left: -100px !important;
  }

  .p-x-sm-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-sm-120 {
    margin: 120px !important;
  }

  .m-sm-n120 {
    margin: -120px !important;
  }

  .m-t-sm-120 {
    margin-top: 120px !important;
  }

  .m-t-sm-n120 {
    margin-top: -120px !important;
  }

  .m-r-sm-120 {
    margin-right: 120px !important;
  }

  .m-r-sm-n120 {
    margin-right: -120px !important;
  }

  .m-b-sm-120 {
    margin-bottom: 120px !important;
  }

  .m-b-sm-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-sm-120 {
    margin-left: 120px !important;
  }

  .m-l-sm-n120 {
    margin-left: -120px !important;
  }

  .m-x-sm-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-sm-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-sm-120 {
    padding: 120px !important;
  }

  .p-sm-n120 {
    padding: -120px !important;
  }

  .p-t-sm-120 {
    padding-top: 120px !important;
  }

  .p-t-sm-n120 {
    padding-top: -120px !important;
  }

  .p-r-sm-120 {
    padding-right: 120px !important;
  }

  .p-r-sm-n120 {
    padding-right: -120px !important;
  }

  .p-b-sm-120 {
    padding-bottom: 120px !important;
  }

  .p-b-sm-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-sm-120 {
    padding-left: 120px !important;
  }

  .p-l-sm-n120 {
    padding-left: -120px !important;
  }

  .p-x-sm-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-sm-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-sm-140 {
    margin: 140px !important;
  }

  .m-sm-n140 {
    margin: -140px !important;
  }

  .m-t-sm-140 {
    margin-top: 140px !important;
  }

  .m-t-sm-n140 {
    margin-top: -140px !important;
  }

  .m-r-sm-140 {
    margin-right: 140px !important;
  }

  .m-r-sm-n140 {
    margin-right: -140px !important;
  }

  .m-b-sm-140 {
    margin-bottom: 140px !important;
  }

  .m-b-sm-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-sm-140 {
    margin-left: 140px !important;
  }

  .m-l-sm-n140 {
    margin-left: -140px !important;
  }

  .m-x-sm-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-sm-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-sm-140 {
    padding: 140px !important;
  }

  .p-sm-n140 {
    padding: -140px !important;
  }

  .p-t-sm-140 {
    padding-top: 140px !important;
  }

  .p-t-sm-n140 {
    padding-top: -140px !important;
  }

  .p-r-sm-140 {
    padding-right: 140px !important;
  }

  .p-r-sm-n140 {
    padding-right: -140px !important;
  }

  .p-b-sm-140 {
    padding-bottom: 140px !important;
  }

  .p-b-sm-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-sm-140 {
    padding-left: 140px !important;
  }

  .p-l-sm-n140 {
    padding-left: -140px !important;
  }

  .p-x-sm-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-sm-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-sm-150 {
    margin: 150px !important;
  }

  .m-sm-n150 {
    margin: -150px !important;
  }

  .m-t-sm-150 {
    margin-top: 150px !important;
  }

  .m-t-sm-n150 {
    margin-top: -150px !important;
  }

  .m-r-sm-150 {
    margin-right: 150px !important;
  }

  .m-r-sm-n150 {
    margin-right: -150px !important;
  }

  .m-b-sm-150 {
    margin-bottom: 150px !important;
  }

  .m-b-sm-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-sm-150 {
    margin-left: 150px !important;
  }

  .m-l-sm-n150 {
    margin-left: -150px !important;
  }

  .m-x-sm-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-sm-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-sm-150 {
    padding: 150px !important;
  }

  .p-sm-n150 {
    padding: -150px !important;
  }

  .p-t-sm-150 {
    padding-top: 150px !important;
  }

  .p-t-sm-n150 {
    padding-top: -150px !important;
  }

  .p-r-sm-150 {
    padding-right: 150px !important;
  }

  .p-r-sm-n150 {
    padding-right: -150px !important;
  }

  .p-b-sm-150 {
    padding-bottom: 150px !important;
  }

  .p-b-sm-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-sm-150 {
    padding-left: 150px !important;
  }

  .p-l-sm-n150 {
    padding-left: -150px !important;
  }

  .p-x-sm-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-sm-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-sm-160 {
    margin: 160px !important;
  }

  .m-sm-n160 {
    margin: -160px !important;
  }

  .m-t-sm-160 {
    margin-top: 160px !important;
  }

  .m-t-sm-n160 {
    margin-top: -160px !important;
  }

  .m-r-sm-160 {
    margin-right: 160px !important;
  }

  .m-r-sm-n160 {
    margin-right: -160px !important;
  }

  .m-b-sm-160 {
    margin-bottom: 160px !important;
  }

  .m-b-sm-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-sm-160 {
    margin-left: 160px !important;
  }

  .m-l-sm-n160 {
    margin-left: -160px !important;
  }

  .m-x-sm-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-sm-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-sm-160 {
    padding: 160px !important;
  }

  .p-sm-n160 {
    padding: -160px !important;
  }

  .p-t-sm-160 {
    padding-top: 160px !important;
  }

  .p-t-sm-n160 {
    padding-top: -160px !important;
  }

  .p-r-sm-160 {
    padding-right: 160px !important;
  }

  .p-r-sm-n160 {
    padding-right: -160px !important;
  }

  .p-b-sm-160 {
    padding-bottom: 160px !important;
  }

  .p-b-sm-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-sm-160 {
    padding-left: 160px !important;
  }

  .p-l-sm-n160 {
    padding-left: -160px !important;
  }

  .p-x-sm-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-sm-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-sm-180 {
    margin: 180px !important;
  }

  .m-sm-n180 {
    margin: -180px !important;
  }

  .m-t-sm-180 {
    margin-top: 180px !important;
  }

  .m-t-sm-n180 {
    margin-top: -180px !important;
  }

  .m-r-sm-180 {
    margin-right: 180px !important;
  }

  .m-r-sm-n180 {
    margin-right: -180px !important;
  }

  .m-b-sm-180 {
    margin-bottom: 180px !important;
  }

  .m-b-sm-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-sm-180 {
    margin-left: 180px !important;
  }

  .m-l-sm-n180 {
    margin-left: -180px !important;
  }

  .m-x-sm-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-sm-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-sm-180 {
    padding: 180px !important;
  }

  .p-sm-n180 {
    padding: -180px !important;
  }

  .p-t-sm-180 {
    padding-top: 180px !important;
  }

  .p-t-sm-n180 {
    padding-top: -180px !important;
  }

  .p-r-sm-180 {
    padding-right: 180px !important;
  }

  .p-r-sm-n180 {
    padding-right: -180px !important;
  }

  .p-b-sm-180 {
    padding-bottom: 180px !important;
  }

  .p-b-sm-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-sm-180 {
    padding-left: 180px !important;
  }

  .p-l-sm-n180 {
    padding-left: -180px !important;
  }

  .p-x-sm-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-sm-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-sm-200 {
    margin: 200px !important;
  }

  .m-sm-n200 {
    margin: -200px !important;
  }

  .m-t-sm-200 {
    margin-top: 200px !important;
  }

  .m-t-sm-n200 {
    margin-top: -200px !important;
  }

  .m-r-sm-200 {
    margin-right: 200px !important;
  }

  .m-r-sm-n200 {
    margin-right: -200px !important;
  }

  .m-b-sm-200 {
    margin-bottom: 200px !important;
  }

  .m-b-sm-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-sm-200 {
    margin-left: 200px !important;
  }

  .m-l-sm-n200 {
    margin-left: -200px !important;
  }

  .m-x-sm-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-sm-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-sm-200 {
    padding: 200px !important;
  }

  .p-sm-n200 {
    padding: -200px !important;
  }

  .p-t-sm-200 {
    padding-top: 200px !important;
  }

  .p-t-sm-n200 {
    padding-top: -200px !important;
  }

  .p-r-sm-200 {
    padding-right: 200px !important;
  }

  .p-r-sm-n200 {
    padding-right: -200px !important;
  }

  .p-b-sm-200 {
    padding-bottom: 200px !important;
  }

  .p-b-sm-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-sm-200 {
    padding-left: 200px !important;
  }

  .p-l-sm-n200 {
    padding-left: -200px !important;
  }

  .p-x-sm-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-sm-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-sm-210 {
    margin: 210px !important;
  }

  .m-sm-n210 {
    margin: -210px !important;
  }

  .m-t-sm-210 {
    margin-top: 210px !important;
  }

  .m-t-sm-n210 {
    margin-top: -210px !important;
  }

  .m-r-sm-210 {
    margin-right: 210px !important;
  }

  .m-r-sm-n210 {
    margin-right: -210px !important;
  }

  .m-b-sm-210 {
    margin-bottom: 210px !important;
  }

  .m-b-sm-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-sm-210 {
    margin-left: 210px !important;
  }

  .m-l-sm-n210 {
    margin-left: -210px !important;
  }

  .m-x-sm-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-sm-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-sm-210 {
    padding: 210px !important;
  }

  .p-sm-n210 {
    padding: -210px !important;
  }

  .p-t-sm-210 {
    padding-top: 210px !important;
  }

  .p-t-sm-n210 {
    padding-top: -210px !important;
  }

  .p-r-sm-210 {
    padding-right: 210px !important;
  }

  .p-r-sm-n210 {
    padding-right: -210px !important;
  }

  .p-b-sm-210 {
    padding-bottom: 210px !important;
  }

  .p-b-sm-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-sm-210 {
    padding-left: 210px !important;
  }

  .p-l-sm-n210 {
    padding-left: -210px !important;
  }

  .p-x-sm-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-sm-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-sm-220 {
    margin: 220px !important;
  }

  .m-sm-n220 {
    margin: -220px !important;
  }

  .m-t-sm-220 {
    margin-top: 220px !important;
  }

  .m-t-sm-n220 {
    margin-top: -220px !important;
  }

  .m-r-sm-220 {
    margin-right: 220px !important;
  }

  .m-r-sm-n220 {
    margin-right: -220px !important;
  }

  .m-b-sm-220 {
    margin-bottom: 220px !important;
  }

  .m-b-sm-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-sm-220 {
    margin-left: 220px !important;
  }

  .m-l-sm-n220 {
    margin-left: -220px !important;
  }

  .m-x-sm-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-sm-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-sm-220 {
    padding: 220px !important;
  }

  .p-sm-n220 {
    padding: -220px !important;
  }

  .p-t-sm-220 {
    padding-top: 220px !important;
  }

  .p-t-sm-n220 {
    padding-top: -220px !important;
  }

  .p-r-sm-220 {
    padding-right: 220px !important;
  }

  .p-r-sm-n220 {
    padding-right: -220px !important;
  }

  .p-b-sm-220 {
    padding-bottom: 220px !important;
  }

  .p-b-sm-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-sm-220 {
    padding-left: 220px !important;
  }

  .p-l-sm-n220 {
    padding-left: -220px !important;
  }

  .p-x-sm-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-sm-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-sm-230 {
    margin: 230px !important;
  }

  .m-sm-n230 {
    margin: -230px !important;
  }

  .m-t-sm-230 {
    margin-top: 230px !important;
  }

  .m-t-sm-n230 {
    margin-top: -230px !important;
  }

  .m-r-sm-230 {
    margin-right: 230px !important;
  }

  .m-r-sm-n230 {
    margin-right: -230px !important;
  }

  .m-b-sm-230 {
    margin-bottom: 230px !important;
  }

  .m-b-sm-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-sm-230 {
    margin-left: 230px !important;
  }

  .m-l-sm-n230 {
    margin-left: -230px !important;
  }

  .m-x-sm-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-sm-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-sm-230 {
    padding: 230px !important;
  }

  .p-sm-n230 {
    padding: -230px !important;
  }

  .p-t-sm-230 {
    padding-top: 230px !important;
  }

  .p-t-sm-n230 {
    padding-top: -230px !important;
  }

  .p-r-sm-230 {
    padding-right: 230px !important;
  }

  .p-r-sm-n230 {
    padding-right: -230px !important;
  }

  .p-b-sm-230 {
    padding-bottom: 230px !important;
  }

  .p-b-sm-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-sm-230 {
    padding-left: 230px !important;
  }

  .p-l-sm-n230 {
    padding-left: -230px !important;
  }

  .p-x-sm-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-sm-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-sm-240 {
    margin: 240px !important;
  }

  .m-sm-n240 {
    margin: -240px !important;
  }

  .m-t-sm-240 {
    margin-top: 240px !important;
  }

  .m-t-sm-n240 {
    margin-top: -240px !important;
  }

  .m-r-sm-240 {
    margin-right: 240px !important;
  }

  .m-r-sm-n240 {
    margin-right: -240px !important;
  }

  .m-b-sm-240 {
    margin-bottom: 240px !important;
  }

  .m-b-sm-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-sm-240 {
    margin-left: 240px !important;
  }

  .m-l-sm-n240 {
    margin-left: -240px !important;
  }

  .m-x-sm-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-sm-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-sm-240 {
    padding: 240px !important;
  }

  .p-sm-n240 {
    padding: -240px !important;
  }

  .p-t-sm-240 {
    padding-top: 240px !important;
  }

  .p-t-sm-n240 {
    padding-top: -240px !important;
  }

  .p-r-sm-240 {
    padding-right: 240px !important;
  }

  .p-r-sm-n240 {
    padding-right: -240px !important;
  }

  .p-b-sm-240 {
    padding-bottom: 240px !important;
  }

  .p-b-sm-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-sm-240 {
    padding-left: 240px !important;
  }

  .p-l-sm-n240 {
    padding-left: -240px !important;
  }

  .p-x-sm-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-sm-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-sm-250 {
    margin: 250px !important;
  }

  .m-sm-n250 {
    margin: -250px !important;
  }

  .m-t-sm-250 {
    margin-top: 250px !important;
  }

  .m-t-sm-n250 {
    margin-top: -250px !important;
  }

  .m-r-sm-250 {
    margin-right: 250px !important;
  }

  .m-r-sm-n250 {
    margin-right: -250px !important;
  }

  .m-b-sm-250 {
    margin-bottom: 250px !important;
  }

  .m-b-sm-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-sm-250 {
    margin-left: 250px !important;
  }

  .m-l-sm-n250 {
    margin-left: -250px !important;
  }

  .m-x-sm-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-sm-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-sm-250 {
    padding: 250px !important;
  }

  .p-sm-n250 {
    padding: -250px !important;
  }

  .p-t-sm-250 {
    padding-top: 250px !important;
  }

  .p-t-sm-n250 {
    padding-top: -250px !important;
  }

  .p-r-sm-250 {
    padding-right: 250px !important;
  }

  .p-r-sm-n250 {
    padding-right: -250px !important;
  }

  .p-b-sm-250 {
    padding-bottom: 250px !important;
  }

  .p-b-sm-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-sm-250 {
    padding-left: 250px !important;
  }

  .p-l-sm-n250 {
    padding-left: -250px !important;
  }

  .p-x-sm-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-sm-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0px !important;
  }

  .m-md-n0 {
    margin: 0px !important;
  }

  .m-t-md-0 {
    margin-top: 0px !important;
  }

  .m-t-md-n0 {
    margin-top: 0px !important;
  }

  .m-r-md-0 {
    margin-right: 0px !important;
  }

  .m-r-md-n0 {
    margin-right: 0px !important;
  }

  .m-b-md-0 {
    margin-bottom: 0px !important;
  }

  .m-b-md-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-md-0 {
    margin-left: 0px !important;
  }

  .m-l-md-n0 {
    margin-left: 0px !important;
  }

  .m-x-md-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-md-0 {
    padding: 0px !important;
  }

  .p-md-n0 {
    padding: 0px !important;
  }

  .p-t-md-0 {
    padding-top: 0px !important;
  }

  .p-t-md-n0 {
    padding-top: 0px !important;
  }

  .p-r-md-0 {
    padding-right: 0px !important;
  }

  .p-r-md-n0 {
    padding-right: 0px !important;
  }

  .p-b-md-0 {
    padding-bottom: 0px !important;
  }

  .p-b-md-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-md-0 {
    padding-left: 0px !important;
  }

  .p-l-md-n0 {
    padding-left: 0px !important;
  }

  .p-x-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-md-1 {
    margin: 1px !important;
  }

  .m-md-n1 {
    margin: -1px !important;
  }

  .m-t-md-1 {
    margin-top: 1px !important;
  }

  .m-t-md-n1 {
    margin-top: -1px !important;
  }

  .m-r-md-1 {
    margin-right: 1px !important;
  }

  .m-r-md-n1 {
    margin-right: -1px !important;
  }

  .m-b-md-1 {
    margin-bottom: 1px !important;
  }

  .m-b-md-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-md-1 {
    margin-left: 1px !important;
  }

  .m-l-md-n1 {
    margin-left: -1px !important;
  }

  .m-x-md-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-md-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-md-1 {
    padding: 1px !important;
  }

  .p-md-n1 {
    padding: -1px !important;
  }

  .p-t-md-1 {
    padding-top: 1px !important;
  }

  .p-t-md-n1 {
    padding-top: -1px !important;
  }

  .p-r-md-1 {
    padding-right: 1px !important;
  }

  .p-r-md-n1 {
    padding-right: -1px !important;
  }

  .p-b-md-1 {
    padding-bottom: 1px !important;
  }

  .p-b-md-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-md-1 {
    padding-left: 1px !important;
  }

  .p-l-md-n1 {
    padding-left: -1px !important;
  }

  .p-x-md-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-md-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-md-2 {
    margin: 2px !important;
  }

  .m-md-n2 {
    margin: -2px !important;
  }

  .m-t-md-2 {
    margin-top: 2px !important;
  }

  .m-t-md-n2 {
    margin-top: -2px !important;
  }

  .m-r-md-2 {
    margin-right: 2px !important;
  }

  .m-r-md-n2 {
    margin-right: -2px !important;
  }

  .m-b-md-2 {
    margin-bottom: 2px !important;
  }

  .m-b-md-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-md-2 {
    margin-left: 2px !important;
  }

  .m-l-md-n2 {
    margin-left: -2px !important;
  }

  .m-x-md-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-md-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-md-2 {
    padding: 2px !important;
  }

  .p-md-n2 {
    padding: -2px !important;
  }

  .p-t-md-2 {
    padding-top: 2px !important;
  }

  .p-t-md-n2 {
    padding-top: -2px !important;
  }

  .p-r-md-2 {
    padding-right: 2px !important;
  }

  .p-r-md-n2 {
    padding-right: -2px !important;
  }

  .p-b-md-2 {
    padding-bottom: 2px !important;
  }

  .p-b-md-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-md-2 {
    padding-left: 2px !important;
  }

  .p-l-md-n2 {
    padding-left: -2px !important;
  }

  .p-x-md-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-md-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-md-3 {
    margin: 3px !important;
  }

  .m-md-n3 {
    margin: -3px !important;
  }

  .m-t-md-3 {
    margin-top: 3px !important;
  }

  .m-t-md-n3 {
    margin-top: -3px !important;
  }

  .m-r-md-3 {
    margin-right: 3px !important;
  }

  .m-r-md-n3 {
    margin-right: -3px !important;
  }

  .m-b-md-3 {
    margin-bottom: 3px !important;
  }

  .m-b-md-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-md-3 {
    margin-left: 3px !important;
  }

  .m-l-md-n3 {
    margin-left: -3px !important;
  }

  .m-x-md-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-md-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-md-3 {
    padding: 3px !important;
  }

  .p-md-n3 {
    padding: -3px !important;
  }

  .p-t-md-3 {
    padding-top: 3px !important;
  }

  .p-t-md-n3 {
    padding-top: -3px !important;
  }

  .p-r-md-3 {
    padding-right: 3px !important;
  }

  .p-r-md-n3 {
    padding-right: -3px !important;
  }

  .p-b-md-3 {
    padding-bottom: 3px !important;
  }

  .p-b-md-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-md-3 {
    padding-left: 3px !important;
  }

  .p-l-md-n3 {
    padding-left: -3px !important;
  }

  .p-x-md-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-md-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-md-4 {
    margin: 4px !important;
  }

  .m-md-n4 {
    margin: -4px !important;
  }

  .m-t-md-4 {
    margin-top: 4px !important;
  }

  .m-t-md-n4 {
    margin-top: -4px !important;
  }

  .m-r-md-4 {
    margin-right: 4px !important;
  }

  .m-r-md-n4 {
    margin-right: -4px !important;
  }

  .m-b-md-4 {
    margin-bottom: 4px !important;
  }

  .m-b-md-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-md-4 {
    margin-left: 4px !important;
  }

  .m-l-md-n4 {
    margin-left: -4px !important;
  }

  .m-x-md-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-md-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-md-4 {
    padding: 4px !important;
  }

  .p-md-n4 {
    padding: -4px !important;
  }

  .p-t-md-4 {
    padding-top: 4px !important;
  }

  .p-t-md-n4 {
    padding-top: -4px !important;
  }

  .p-r-md-4 {
    padding-right: 4px !important;
  }

  .p-r-md-n4 {
    padding-right: -4px !important;
  }

  .p-b-md-4 {
    padding-bottom: 4px !important;
  }

  .p-b-md-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-md-4 {
    padding-left: 4px !important;
  }

  .p-l-md-n4 {
    padding-left: -4px !important;
  }

  .p-x-md-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-md-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-md-5 {
    margin: 5px !important;
  }

  .m-md-n5 {
    margin: -5px !important;
  }

  .m-t-md-5 {
    margin-top: 5px !important;
  }

  .m-t-md-n5 {
    margin-top: -5px !important;
  }

  .m-r-md-5 {
    margin-right: 5px !important;
  }

  .m-r-md-n5 {
    margin-right: -5px !important;
  }

  .m-b-md-5 {
    margin-bottom: 5px !important;
  }

  .m-b-md-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-md-5 {
    margin-left: 5px !important;
  }

  .m-l-md-n5 {
    margin-left: -5px !important;
  }

  .m-x-md-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-md-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-md-5 {
    padding: 5px !important;
  }

  .p-md-n5 {
    padding: -5px !important;
  }

  .p-t-md-5 {
    padding-top: 5px !important;
  }

  .p-t-md-n5 {
    padding-top: -5px !important;
  }

  .p-r-md-5 {
    padding-right: 5px !important;
  }

  .p-r-md-n5 {
    padding-right: -5px !important;
  }

  .p-b-md-5 {
    padding-bottom: 5px !important;
  }

  .p-b-md-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-md-5 {
    padding-left: 5px !important;
  }

  .p-l-md-n5 {
    padding-left: -5px !important;
  }

  .p-x-md-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-md-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-md-6 {
    margin: 6px !important;
  }

  .m-md-n6 {
    margin: -6px !important;
  }

  .m-t-md-6 {
    margin-top: 6px !important;
  }

  .m-t-md-n6 {
    margin-top: -6px !important;
  }

  .m-r-md-6 {
    margin-right: 6px !important;
  }

  .m-r-md-n6 {
    margin-right: -6px !important;
  }

  .m-b-md-6 {
    margin-bottom: 6px !important;
  }

  .m-b-md-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-md-6 {
    margin-left: 6px !important;
  }

  .m-l-md-n6 {
    margin-left: -6px !important;
  }

  .m-x-md-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-md-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-md-6 {
    padding: 6px !important;
  }

  .p-md-n6 {
    padding: -6px !important;
  }

  .p-t-md-6 {
    padding-top: 6px !important;
  }

  .p-t-md-n6 {
    padding-top: -6px !important;
  }

  .p-r-md-6 {
    padding-right: 6px !important;
  }

  .p-r-md-n6 {
    padding-right: -6px !important;
  }

  .p-b-md-6 {
    padding-bottom: 6px !important;
  }

  .p-b-md-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-md-6 {
    padding-left: 6px !important;
  }

  .p-l-md-n6 {
    padding-left: -6px !important;
  }

  .p-x-md-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-md-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-md-7 {
    margin: 7px !important;
  }

  .m-md-n7 {
    margin: -7px !important;
  }

  .m-t-md-7 {
    margin-top: 7px !important;
  }

  .m-t-md-n7 {
    margin-top: -7px !important;
  }

  .m-r-md-7 {
    margin-right: 7px !important;
  }

  .m-r-md-n7 {
    margin-right: -7px !important;
  }

  .m-b-md-7 {
    margin-bottom: 7px !important;
  }

  .m-b-md-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-md-7 {
    margin-left: 7px !important;
  }

  .m-l-md-n7 {
    margin-left: -7px !important;
  }

  .m-x-md-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-md-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-md-7 {
    padding: 7px !important;
  }

  .p-md-n7 {
    padding: -7px !important;
  }

  .p-t-md-7 {
    padding-top: 7px !important;
  }

  .p-t-md-n7 {
    padding-top: -7px !important;
  }

  .p-r-md-7 {
    padding-right: 7px !important;
  }

  .p-r-md-n7 {
    padding-right: -7px !important;
  }

  .p-b-md-7 {
    padding-bottom: 7px !important;
  }

  .p-b-md-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-md-7 {
    padding-left: 7px !important;
  }

  .p-l-md-n7 {
    padding-left: -7px !important;
  }

  .p-x-md-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-md-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-md-8 {
    margin: 8px !important;
  }

  .m-md-n8 {
    margin: -8px !important;
  }

  .m-t-md-8 {
    margin-top: 8px !important;
  }

  .m-t-md-n8 {
    margin-top: -8px !important;
  }

  .m-r-md-8 {
    margin-right: 8px !important;
  }

  .m-r-md-n8 {
    margin-right: -8px !important;
  }

  .m-b-md-8 {
    margin-bottom: 8px !important;
  }

  .m-b-md-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-md-8 {
    margin-left: 8px !important;
  }

  .m-l-md-n8 {
    margin-left: -8px !important;
  }

  .m-x-md-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-md-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-md-8 {
    padding: 8px !important;
  }

  .p-md-n8 {
    padding: -8px !important;
  }

  .p-t-md-8 {
    padding-top: 8px !important;
  }

  .p-t-md-n8 {
    padding-top: -8px !important;
  }

  .p-r-md-8 {
    padding-right: 8px !important;
  }

  .p-r-md-n8 {
    padding-right: -8px !important;
  }

  .p-b-md-8 {
    padding-bottom: 8px !important;
  }

  .p-b-md-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-md-8 {
    padding-left: 8px !important;
  }

  .p-l-md-n8 {
    padding-left: -8px !important;
  }

  .p-x-md-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-md-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-md-9 {
    margin: 9px !important;
  }

  .m-md-n9 {
    margin: -9px !important;
  }

  .m-t-md-9 {
    margin-top: 9px !important;
  }

  .m-t-md-n9 {
    margin-top: -9px !important;
  }

  .m-r-md-9 {
    margin-right: 9px !important;
  }

  .m-r-md-n9 {
    margin-right: -9px !important;
  }

  .m-b-md-9 {
    margin-bottom: 9px !important;
  }

  .m-b-md-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-md-9 {
    margin-left: 9px !important;
  }

  .m-l-md-n9 {
    margin-left: -9px !important;
  }

  .m-x-md-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-md-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-md-9 {
    padding: 9px !important;
  }

  .p-md-n9 {
    padding: -9px !important;
  }

  .p-t-md-9 {
    padding-top: 9px !important;
  }

  .p-t-md-n9 {
    padding-top: -9px !important;
  }

  .p-r-md-9 {
    padding-right: 9px !important;
  }

  .p-r-md-n9 {
    padding-right: -9px !important;
  }

  .p-b-md-9 {
    padding-bottom: 9px !important;
  }

  .p-b-md-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-md-9 {
    padding-left: 9px !important;
  }

  .p-l-md-n9 {
    padding-left: -9px !important;
  }

  .p-x-md-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-md-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-md-10 {
    margin: 10px !important;
  }

  .m-md-n10 {
    margin: -10px !important;
  }

  .m-t-md-10 {
    margin-top: 10px !important;
  }

  .m-t-md-n10 {
    margin-top: -10px !important;
  }

  .m-r-md-10 {
    margin-right: 10px !important;
  }

  .m-r-md-n10 {
    margin-right: -10px !important;
  }

  .m-b-md-10 {
    margin-bottom: 10px !important;
  }

  .m-b-md-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-md-10 {
    margin-left: 10px !important;
  }

  .m-l-md-n10 {
    margin-left: -10px !important;
  }

  .m-x-md-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-md-10 {
    padding: 10px !important;
  }

  .p-md-n10 {
    padding: -10px !important;
  }

  .p-t-md-10 {
    padding-top: 10px !important;
  }

  .p-t-md-n10 {
    padding-top: -10px !important;
  }

  .p-r-md-10 {
    padding-right: 10px !important;
  }

  .p-r-md-n10 {
    padding-right: -10px !important;
  }

  .p-b-md-10 {
    padding-bottom: 10px !important;
  }

  .p-b-md-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-md-10 {
    padding-left: 10px !important;
  }

  .p-l-md-n10 {
    padding-left: -10px !important;
  }

  .p-x-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-md-15 {
    margin: 15px !important;
  }

  .m-md-n15 {
    margin: -15px !important;
  }

  .m-t-md-15 {
    margin-top: 15px !important;
  }

  .m-t-md-n15 {
    margin-top: -15px !important;
  }

  .m-r-md-15 {
    margin-right: 15px !important;
  }

  .m-r-md-n15 {
    margin-right: -15px !important;
  }

  .m-b-md-15 {
    margin-bottom: 15px !important;
  }

  .m-b-md-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-md-15 {
    margin-left: 15px !important;
  }

  .m-l-md-n15 {
    margin-left: -15px !important;
  }

  .m-x-md-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-md-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-md-15 {
    padding: 15px !important;
  }

  .p-md-n15 {
    padding: -15px !important;
  }

  .p-t-md-15 {
    padding-top: 15px !important;
  }

  .p-t-md-n15 {
    padding-top: -15px !important;
  }

  .p-r-md-15 {
    padding-right: 15px !important;
  }

  .p-r-md-n15 {
    padding-right: -15px !important;
  }

  .p-b-md-15 {
    padding-bottom: 15px !important;
  }

  .p-b-md-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-md-15 {
    padding-left: 15px !important;
  }

  .p-l-md-n15 {
    padding-left: -15px !important;
  }

  .p-x-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-md-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-md-16 {
    margin: 16px !important;
  }

  .m-md-n16 {
    margin: -16px !important;
  }

  .m-t-md-16 {
    margin-top: 16px !important;
  }

  .m-t-md-n16 {
    margin-top: -16px !important;
  }

  .m-r-md-16 {
    margin-right: 16px !important;
  }

  .m-r-md-n16 {
    margin-right: -16px !important;
  }

  .m-b-md-16 {
    margin-bottom: 16px !important;
  }

  .m-b-md-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-md-16 {
    margin-left: 16px !important;
  }

  .m-l-md-n16 {
    margin-left: -16px !important;
  }

  .m-x-md-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-md-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-md-16 {
    padding: 16px !important;
  }

  .p-md-n16 {
    padding: -16px !important;
  }

  .p-t-md-16 {
    padding-top: 16px !important;
  }

  .p-t-md-n16 {
    padding-top: -16px !important;
  }

  .p-r-md-16 {
    padding-right: 16px !important;
  }

  .p-r-md-n16 {
    padding-right: -16px !important;
  }

  .p-b-md-16 {
    padding-bottom: 16px !important;
  }

  .p-b-md-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-md-16 {
    padding-left: 16px !important;
  }

  .p-l-md-n16 {
    padding-left: -16px !important;
  }

  .p-x-md-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-md-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-md-20 {
    margin: 20px !important;
  }

  .m-md-n20 {
    margin: -20px !important;
  }

  .m-t-md-20 {
    margin-top: 20px !important;
  }

  .m-t-md-n20 {
    margin-top: -20px !important;
  }

  .m-r-md-20 {
    margin-right: 20px !important;
  }

  .m-r-md-n20 {
    margin-right: -20px !important;
  }

  .m-b-md-20 {
    margin-bottom: 20px !important;
  }

  .m-b-md-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-md-20 {
    margin-left: 20px !important;
  }

  .m-l-md-n20 {
    margin-left: -20px !important;
  }

  .m-x-md-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-md-20 {
    padding: 20px !important;
  }

  .p-md-n20 {
    padding: -20px !important;
  }

  .p-t-md-20 {
    padding-top: 20px !important;
  }

  .p-t-md-n20 {
    padding-top: -20px !important;
  }

  .p-r-md-20 {
    padding-right: 20px !important;
  }

  .p-r-md-n20 {
    padding-right: -20px !important;
  }

  .p-b-md-20 {
    padding-bottom: 20px !important;
  }

  .p-b-md-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-md-20 {
    padding-left: 20px !important;
  }

  .p-l-md-n20 {
    padding-left: -20px !important;
  }

  .p-x-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-md-24 {
    margin: 24px !important;
  }

  .m-md-n24 {
    margin: -24px !important;
  }

  .m-t-md-24 {
    margin-top: 24px !important;
  }

  .m-t-md-n24 {
    margin-top: -24px !important;
  }

  .m-r-md-24 {
    margin-right: 24px !important;
  }

  .m-r-md-n24 {
    margin-right: -24px !important;
  }

  .m-b-md-24 {
    margin-bottom: 24px !important;
  }

  .m-b-md-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-md-24 {
    margin-left: 24px !important;
  }

  .m-l-md-n24 {
    margin-left: -24px !important;
  }

  .m-x-md-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-md-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-md-24 {
    padding: 24px !important;
  }

  .p-md-n24 {
    padding: -24px !important;
  }

  .p-t-md-24 {
    padding-top: 24px !important;
  }

  .p-t-md-n24 {
    padding-top: -24px !important;
  }

  .p-r-md-24 {
    padding-right: 24px !important;
  }

  .p-r-md-n24 {
    padding-right: -24px !important;
  }

  .p-b-md-24 {
    padding-bottom: 24px !important;
  }

  .p-b-md-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-md-24 {
    padding-left: 24px !important;
  }

  .p-l-md-n24 {
    padding-left: -24px !important;
  }

  .p-x-md-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-md-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-md-25 {
    margin: 25px !important;
  }

  .m-md-n25 {
    margin: -25px !important;
  }

  .m-t-md-25 {
    margin-top: 25px !important;
  }

  .m-t-md-n25 {
    margin-top: -25px !important;
  }

  .m-r-md-25 {
    margin-right: 25px !important;
  }

  .m-r-md-n25 {
    margin-right: -25px !important;
  }

  .m-b-md-25 {
    margin-bottom: 25px !important;
  }

  .m-b-md-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-md-25 {
    margin-left: 25px !important;
  }

  .m-l-md-n25 {
    margin-left: -25px !important;
  }

  .m-x-md-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-md-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-md-25 {
    padding: 25px !important;
  }

  .p-md-n25 {
    padding: -25px !important;
  }

  .p-t-md-25 {
    padding-top: 25px !important;
  }

  .p-t-md-n25 {
    padding-top: -25px !important;
  }

  .p-r-md-25 {
    padding-right: 25px !important;
  }

  .p-r-md-n25 {
    padding-right: -25px !important;
  }

  .p-b-md-25 {
    padding-bottom: 25px !important;
  }

  .p-b-md-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-md-25 {
    padding-left: 25px !important;
  }

  .p-l-md-n25 {
    padding-left: -25px !important;
  }

  .p-x-md-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-md-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-md-30 {
    margin: 30px !important;
  }

  .m-md-n30 {
    margin: -30px !important;
  }

  .m-t-md-30 {
    margin-top: 30px !important;
  }

  .m-t-md-n30 {
    margin-top: -30px !important;
  }

  .m-r-md-30 {
    margin-right: 30px !important;
  }

  .m-r-md-n30 {
    margin-right: -30px !important;
  }

  .m-b-md-30 {
    margin-bottom: 30px !important;
  }

  .m-b-md-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-md-30 {
    margin-left: 30px !important;
  }

  .m-l-md-n30 {
    margin-left: -30px !important;
  }

  .m-x-md-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-md-30 {
    padding: 30px !important;
  }

  .p-md-n30 {
    padding: -30px !important;
  }

  .p-t-md-30 {
    padding-top: 30px !important;
  }

  .p-t-md-n30 {
    padding-top: -30px !important;
  }

  .p-r-md-30 {
    padding-right: 30px !important;
  }

  .p-r-md-n30 {
    padding-right: -30px !important;
  }

  .p-b-md-30 {
    padding-bottom: 30px !important;
  }

  .p-b-md-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-md-30 {
    padding-left: 30px !important;
  }

  .p-l-md-n30 {
    padding-left: -30px !important;
  }

  .p-x-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-md-35 {
    margin: 35px !important;
  }

  .m-md-n35 {
    margin: -35px !important;
  }

  .m-t-md-35 {
    margin-top: 35px !important;
  }

  .m-t-md-n35 {
    margin-top: -35px !important;
  }

  .m-r-md-35 {
    margin-right: 35px !important;
  }

  .m-r-md-n35 {
    margin-right: -35px !important;
  }

  .m-b-md-35 {
    margin-bottom: 35px !important;
  }

  .m-b-md-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-md-35 {
    margin-left: 35px !important;
  }

  .m-l-md-n35 {
    margin-left: -35px !important;
  }

  .m-x-md-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-md-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-md-35 {
    padding: 35px !important;
  }

  .p-md-n35 {
    padding: -35px !important;
  }

  .p-t-md-35 {
    padding-top: 35px !important;
  }

  .p-t-md-n35 {
    padding-top: -35px !important;
  }

  .p-r-md-35 {
    padding-right: 35px !important;
  }

  .p-r-md-n35 {
    padding-right: -35px !important;
  }

  .p-b-md-35 {
    padding-bottom: 35px !important;
  }

  .p-b-md-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-md-35 {
    padding-left: 35px !important;
  }

  .p-l-md-n35 {
    padding-left: -35px !important;
  }

  .p-x-md-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-md-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-md-40 {
    margin: 40px !important;
  }

  .m-md-n40 {
    margin: -40px !important;
  }

  .m-t-md-40 {
    margin-top: 40px !important;
  }

  .m-t-md-n40 {
    margin-top: -40px !important;
  }

  .m-r-md-40 {
    margin-right: 40px !important;
  }

  .m-r-md-n40 {
    margin-right: -40px !important;
  }

  .m-b-md-40 {
    margin-bottom: 40px !important;
  }

  .m-b-md-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-md-40 {
    margin-left: 40px !important;
  }

  .m-l-md-n40 {
    margin-left: -40px !important;
  }

  .m-x-md-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-md-40 {
    padding: 40px !important;
  }

  .p-md-n40 {
    padding: -40px !important;
  }

  .p-t-md-40 {
    padding-top: 40px !important;
  }

  .p-t-md-n40 {
    padding-top: -40px !important;
  }

  .p-r-md-40 {
    padding-right: 40px !important;
  }

  .p-r-md-n40 {
    padding-right: -40px !important;
  }

  .p-b-md-40 {
    padding-bottom: 40px !important;
  }

  .p-b-md-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-md-40 {
    padding-left: 40px !important;
  }

  .p-l-md-n40 {
    padding-left: -40px !important;
  }

  .p-x-md-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-md-45 {
    margin: 45px !important;
  }

  .m-md-n45 {
    margin: -45px !important;
  }

  .m-t-md-45 {
    margin-top: 45px !important;
  }

  .m-t-md-n45 {
    margin-top: -45px !important;
  }

  .m-r-md-45 {
    margin-right: 45px !important;
  }

  .m-r-md-n45 {
    margin-right: -45px !important;
  }

  .m-b-md-45 {
    margin-bottom: 45px !important;
  }

  .m-b-md-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-md-45 {
    margin-left: 45px !important;
  }

  .m-l-md-n45 {
    margin-left: -45px !important;
  }

  .m-x-md-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-md-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-md-45 {
    padding: 45px !important;
  }

  .p-md-n45 {
    padding: -45px !important;
  }

  .p-t-md-45 {
    padding-top: 45px !important;
  }

  .p-t-md-n45 {
    padding-top: -45px !important;
  }

  .p-r-md-45 {
    padding-right: 45px !important;
  }

  .p-r-md-n45 {
    padding-right: -45px !important;
  }

  .p-b-md-45 {
    padding-bottom: 45px !important;
  }

  .p-b-md-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-md-45 {
    padding-left: 45px !important;
  }

  .p-l-md-n45 {
    padding-left: -45px !important;
  }

  .p-x-md-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-md-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-md-50 {
    margin: 50px !important;
  }

  .m-md-n50 {
    margin: -50px !important;
  }

  .m-t-md-50 {
    margin-top: 50px !important;
  }

  .m-t-md-n50 {
    margin-top: -50px !important;
  }

  .m-r-md-50 {
    margin-right: 50px !important;
  }

  .m-r-md-n50 {
    margin-right: -50px !important;
  }

  .m-b-md-50 {
    margin-bottom: 50px !important;
  }

  .m-b-md-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-md-50 {
    margin-left: 50px !important;
  }

  .m-l-md-n50 {
    margin-left: -50px !important;
  }

  .m-x-md-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-md-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-md-50 {
    padding: 50px !important;
  }

  .p-md-n50 {
    padding: -50px !important;
  }

  .p-t-md-50 {
    padding-top: 50px !important;
  }

  .p-t-md-n50 {
    padding-top: -50px !important;
  }

  .p-r-md-50 {
    padding-right: 50px !important;
  }

  .p-r-md-n50 {
    padding-right: -50px !important;
  }

  .p-b-md-50 {
    padding-bottom: 50px !important;
  }

  .p-b-md-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-md-50 {
    padding-left: 50px !important;
  }

  .p-l-md-n50 {
    padding-left: -50px !important;
  }

  .p-x-md-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-md-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-md-55 {
    margin: 55px !important;
  }

  .m-md-n55 {
    margin: -55px !important;
  }

  .m-t-md-55 {
    margin-top: 55px !important;
  }

  .m-t-md-n55 {
    margin-top: -55px !important;
  }

  .m-r-md-55 {
    margin-right: 55px !important;
  }

  .m-r-md-n55 {
    margin-right: -55px !important;
  }

  .m-b-md-55 {
    margin-bottom: 55px !important;
  }

  .m-b-md-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-md-55 {
    margin-left: 55px !important;
  }

  .m-l-md-n55 {
    margin-left: -55px !important;
  }

  .m-x-md-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-md-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-md-55 {
    padding: 55px !important;
  }

  .p-md-n55 {
    padding: -55px !important;
  }

  .p-t-md-55 {
    padding-top: 55px !important;
  }

  .p-t-md-n55 {
    padding-top: -55px !important;
  }

  .p-r-md-55 {
    padding-right: 55px !important;
  }

  .p-r-md-n55 {
    padding-right: -55px !important;
  }

  .p-b-md-55 {
    padding-bottom: 55px !important;
  }

  .p-b-md-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-md-55 {
    padding-left: 55px !important;
  }

  .p-l-md-n55 {
    padding-left: -55px !important;
  }

  .p-x-md-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-md-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-md-60 {
    margin: 60px !important;
  }

  .m-md-n60 {
    margin: -60px !important;
  }

  .m-t-md-60 {
    margin-top: 60px !important;
  }

  .m-t-md-n60 {
    margin-top: -60px !important;
  }

  .m-r-md-60 {
    margin-right: 60px !important;
  }

  .m-r-md-n60 {
    margin-right: -60px !important;
  }

  .m-b-md-60 {
    margin-bottom: 60px !important;
  }

  .m-b-md-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-md-60 {
    margin-left: 60px !important;
  }

  .m-l-md-n60 {
    margin-left: -60px !important;
  }

  .m-x-md-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-md-60 {
    padding: 60px !important;
  }

  .p-md-n60 {
    padding: -60px !important;
  }

  .p-t-md-60 {
    padding-top: 60px !important;
  }

  .p-t-md-n60 {
    padding-top: -60px !important;
  }

  .p-r-md-60 {
    padding-right: 60px !important;
  }

  .p-r-md-n60 {
    padding-right: -60px !important;
  }

  .p-b-md-60 {
    padding-bottom: 60px !important;
  }

  .p-b-md-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-md-60 {
    padding-left: 60px !important;
  }

  .p-l-md-n60 {
    padding-left: -60px !important;
  }

  .p-x-md-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-md-70 {
    margin: 70px !important;
  }

  .m-md-n70 {
    margin: -70px !important;
  }

  .m-t-md-70 {
    margin-top: 70px !important;
  }

  .m-t-md-n70 {
    margin-top: -70px !important;
  }

  .m-r-md-70 {
    margin-right: 70px !important;
  }

  .m-r-md-n70 {
    margin-right: -70px !important;
  }

  .m-b-md-70 {
    margin-bottom: 70px !important;
  }

  .m-b-md-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-md-70 {
    margin-left: 70px !important;
  }

  .m-l-md-n70 {
    margin-left: -70px !important;
  }

  .m-x-md-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-md-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-md-70 {
    padding: 70px !important;
  }

  .p-md-n70 {
    padding: -70px !important;
  }

  .p-t-md-70 {
    padding-top: 70px !important;
  }

  .p-t-md-n70 {
    padding-top: -70px !important;
  }

  .p-r-md-70 {
    padding-right: 70px !important;
  }

  .p-r-md-n70 {
    padding-right: -70px !important;
  }

  .p-b-md-70 {
    padding-bottom: 70px !important;
  }

  .p-b-md-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-md-70 {
    padding-left: 70px !important;
  }

  .p-l-md-n70 {
    padding-left: -70px !important;
  }

  .p-x-md-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-md-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-md-80 {
    margin: 80px !important;
  }

  .m-md-n80 {
    margin: -80px !important;
  }

  .m-t-md-80 {
    margin-top: 80px !important;
  }

  .m-t-md-n80 {
    margin-top: -80px !important;
  }

  .m-r-md-80 {
    margin-right: 80px !important;
  }

  .m-r-md-n80 {
    margin-right: -80px !important;
  }

  .m-b-md-80 {
    margin-bottom: 80px !important;
  }

  .m-b-md-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-md-80 {
    margin-left: 80px !important;
  }

  .m-l-md-n80 {
    margin-left: -80px !important;
  }

  .m-x-md-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-md-80 {
    padding: 80px !important;
  }

  .p-md-n80 {
    padding: -80px !important;
  }

  .p-t-md-80 {
    padding-top: 80px !important;
  }

  .p-t-md-n80 {
    padding-top: -80px !important;
  }

  .p-r-md-80 {
    padding-right: 80px !important;
  }

  .p-r-md-n80 {
    padding-right: -80px !important;
  }

  .p-b-md-80 {
    padding-bottom: 80px !important;
  }

  .p-b-md-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-md-80 {
    padding-left: 80px !important;
  }

  .p-l-md-n80 {
    padding-left: -80px !important;
  }

  .p-x-md-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-md-90 {
    margin: 90px !important;
  }

  .m-md-n90 {
    margin: -90px !important;
  }

  .m-t-md-90 {
    margin-top: 90px !important;
  }

  .m-t-md-n90 {
    margin-top: -90px !important;
  }

  .m-r-md-90 {
    margin-right: 90px !important;
  }

  .m-r-md-n90 {
    margin-right: -90px !important;
  }

  .m-b-md-90 {
    margin-bottom: 90px !important;
  }

  .m-b-md-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-md-90 {
    margin-left: 90px !important;
  }

  .m-l-md-n90 {
    margin-left: -90px !important;
  }

  .m-x-md-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-md-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-md-90 {
    padding: 90px !important;
  }

  .p-md-n90 {
    padding: -90px !important;
  }

  .p-t-md-90 {
    padding-top: 90px !important;
  }

  .p-t-md-n90 {
    padding-top: -90px !important;
  }

  .p-r-md-90 {
    padding-right: 90px !important;
  }

  .p-r-md-n90 {
    padding-right: -90px !important;
  }

  .p-b-md-90 {
    padding-bottom: 90px !important;
  }

  .p-b-md-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-md-90 {
    padding-left: 90px !important;
  }

  .p-l-md-n90 {
    padding-left: -90px !important;
  }

  .p-x-md-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-md-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-md-100 {
    margin: 100px !important;
  }

  .m-md-n100 {
    margin: -100px !important;
  }

  .m-t-md-100 {
    margin-top: 100px !important;
  }

  .m-t-md-n100 {
    margin-top: -100px !important;
  }

  .m-r-md-100 {
    margin-right: 100px !important;
  }

  .m-r-md-n100 {
    margin-right: -100px !important;
  }

  .m-b-md-100 {
    margin-bottom: 100px !important;
  }

  .m-b-md-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-md-100 {
    margin-left: 100px !important;
  }

  .m-l-md-n100 {
    margin-left: -100px !important;
  }

  .m-x-md-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-md-100 {
    padding: 100px !important;
  }

  .p-md-n100 {
    padding: -100px !important;
  }

  .p-t-md-100 {
    padding-top: 100px !important;
  }

  .p-t-md-n100 {
    padding-top: -100px !important;
  }

  .p-r-md-100 {
    padding-right: 100px !important;
  }

  .p-r-md-n100 {
    padding-right: -100px !important;
  }

  .p-b-md-100 {
    padding-bottom: 100px !important;
  }

  .p-b-md-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-md-100 {
    padding-left: 100px !important;
  }

  .p-l-md-n100 {
    padding-left: -100px !important;
  }

  .p-x-md-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-md-120 {
    margin: 120px !important;
  }

  .m-md-n120 {
    margin: -120px !important;
  }

  .m-t-md-120 {
    margin-top: 120px !important;
  }

  .m-t-md-n120 {
    margin-top: -120px !important;
  }

  .m-r-md-120 {
    margin-right: 120px !important;
  }

  .m-r-md-n120 {
    margin-right: -120px !important;
  }

  .m-b-md-120 {
    margin-bottom: 120px !important;
  }

  .m-b-md-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-md-120 {
    margin-left: 120px !important;
  }

  .m-l-md-n120 {
    margin-left: -120px !important;
  }

  .m-x-md-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-md-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-md-120 {
    padding: 120px !important;
  }

  .p-md-n120 {
    padding: -120px !important;
  }

  .p-t-md-120 {
    padding-top: 120px !important;
  }

  .p-t-md-n120 {
    padding-top: -120px !important;
  }

  .p-r-md-120 {
    padding-right: 120px !important;
  }

  .p-r-md-n120 {
    padding-right: -120px !important;
  }

  .p-b-md-120 {
    padding-bottom: 120px !important;
  }

  .p-b-md-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-md-120 {
    padding-left: 120px !important;
  }

  .p-l-md-n120 {
    padding-left: -120px !important;
  }

  .p-x-md-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-md-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-md-140 {
    margin: 140px !important;
  }

  .m-md-n140 {
    margin: -140px !important;
  }

  .m-t-md-140 {
    margin-top: 140px !important;
  }

  .m-t-md-n140 {
    margin-top: -140px !important;
  }

  .m-r-md-140 {
    margin-right: 140px !important;
  }

  .m-r-md-n140 {
    margin-right: -140px !important;
  }

  .m-b-md-140 {
    margin-bottom: 140px !important;
  }

  .m-b-md-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-md-140 {
    margin-left: 140px !important;
  }

  .m-l-md-n140 {
    margin-left: -140px !important;
  }

  .m-x-md-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-md-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-md-140 {
    padding: 140px !important;
  }

  .p-md-n140 {
    padding: -140px !important;
  }

  .p-t-md-140 {
    padding-top: 140px !important;
  }

  .p-t-md-n140 {
    padding-top: -140px !important;
  }

  .p-r-md-140 {
    padding-right: 140px !important;
  }

  .p-r-md-n140 {
    padding-right: -140px !important;
  }

  .p-b-md-140 {
    padding-bottom: 140px !important;
  }

  .p-b-md-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-md-140 {
    padding-left: 140px !important;
  }

  .p-l-md-n140 {
    padding-left: -140px !important;
  }

  .p-x-md-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-md-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-md-150 {
    margin: 150px !important;
  }

  .m-md-n150 {
    margin: -150px !important;
  }

  .m-t-md-150 {
    margin-top: 150px !important;
  }

  .m-t-md-n150 {
    margin-top: -150px !important;
  }

  .m-r-md-150 {
    margin-right: 150px !important;
  }

  .m-r-md-n150 {
    margin-right: -150px !important;
  }

  .m-b-md-150 {
    margin-bottom: 150px !important;
  }

  .m-b-md-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-md-150 {
    margin-left: 150px !important;
  }

  .m-l-md-n150 {
    margin-left: -150px !important;
  }

  .m-x-md-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-md-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-md-150 {
    padding: 150px !important;
  }

  .p-md-n150 {
    padding: -150px !important;
  }

  .p-t-md-150 {
    padding-top: 150px !important;
  }

  .p-t-md-n150 {
    padding-top: -150px !important;
  }

  .p-r-md-150 {
    padding-right: 150px !important;
  }

  .p-r-md-n150 {
    padding-right: -150px !important;
  }

  .p-b-md-150 {
    padding-bottom: 150px !important;
  }

  .p-b-md-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-md-150 {
    padding-left: 150px !important;
  }

  .p-l-md-n150 {
    padding-left: -150px !important;
  }

  .p-x-md-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-md-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-md-160 {
    margin: 160px !important;
  }

  .m-md-n160 {
    margin: -160px !important;
  }

  .m-t-md-160 {
    margin-top: 160px !important;
  }

  .m-t-md-n160 {
    margin-top: -160px !important;
  }

  .m-r-md-160 {
    margin-right: 160px !important;
  }

  .m-r-md-n160 {
    margin-right: -160px !important;
  }

  .m-b-md-160 {
    margin-bottom: 160px !important;
  }

  .m-b-md-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-md-160 {
    margin-left: 160px !important;
  }

  .m-l-md-n160 {
    margin-left: -160px !important;
  }

  .m-x-md-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-md-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-md-160 {
    padding: 160px !important;
  }

  .p-md-n160 {
    padding: -160px !important;
  }

  .p-t-md-160 {
    padding-top: 160px !important;
  }

  .p-t-md-n160 {
    padding-top: -160px !important;
  }

  .p-r-md-160 {
    padding-right: 160px !important;
  }

  .p-r-md-n160 {
    padding-right: -160px !important;
  }

  .p-b-md-160 {
    padding-bottom: 160px !important;
  }

  .p-b-md-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-md-160 {
    padding-left: 160px !important;
  }

  .p-l-md-n160 {
    padding-left: -160px !important;
  }

  .p-x-md-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-md-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-md-180 {
    margin: 180px !important;
  }

  .m-md-n180 {
    margin: -180px !important;
  }

  .m-t-md-180 {
    margin-top: 180px !important;
  }

  .m-t-md-n180 {
    margin-top: -180px !important;
  }

  .m-r-md-180 {
    margin-right: 180px !important;
  }

  .m-r-md-n180 {
    margin-right: -180px !important;
  }

  .m-b-md-180 {
    margin-bottom: 180px !important;
  }

  .m-b-md-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-md-180 {
    margin-left: 180px !important;
  }

  .m-l-md-n180 {
    margin-left: -180px !important;
  }

  .m-x-md-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-md-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-md-180 {
    padding: 180px !important;
  }

  .p-md-n180 {
    padding: -180px !important;
  }

  .p-t-md-180 {
    padding-top: 180px !important;
  }

  .p-t-md-n180 {
    padding-top: -180px !important;
  }

  .p-r-md-180 {
    padding-right: 180px !important;
  }

  .p-r-md-n180 {
    padding-right: -180px !important;
  }

  .p-b-md-180 {
    padding-bottom: 180px !important;
  }

  .p-b-md-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-md-180 {
    padding-left: 180px !important;
  }

  .p-l-md-n180 {
    padding-left: -180px !important;
  }

  .p-x-md-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-md-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-md-200 {
    margin: 200px !important;
  }

  .m-md-n200 {
    margin: -200px !important;
  }

  .m-t-md-200 {
    margin-top: 200px !important;
  }

  .m-t-md-n200 {
    margin-top: -200px !important;
  }

  .m-r-md-200 {
    margin-right: 200px !important;
  }

  .m-r-md-n200 {
    margin-right: -200px !important;
  }

  .m-b-md-200 {
    margin-bottom: 200px !important;
  }

  .m-b-md-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-md-200 {
    margin-left: 200px !important;
  }

  .m-l-md-n200 {
    margin-left: -200px !important;
  }

  .m-x-md-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-md-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-md-200 {
    padding: 200px !important;
  }

  .p-md-n200 {
    padding: -200px !important;
  }

  .p-t-md-200 {
    padding-top: 200px !important;
  }

  .p-t-md-n200 {
    padding-top: -200px !important;
  }

  .p-r-md-200 {
    padding-right: 200px !important;
  }

  .p-r-md-n200 {
    padding-right: -200px !important;
  }

  .p-b-md-200 {
    padding-bottom: 200px !important;
  }

  .p-b-md-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-md-200 {
    padding-left: 200px !important;
  }

  .p-l-md-n200 {
    padding-left: -200px !important;
  }

  .p-x-md-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-md-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-md-210 {
    margin: 210px !important;
  }

  .m-md-n210 {
    margin: -210px !important;
  }

  .m-t-md-210 {
    margin-top: 210px !important;
  }

  .m-t-md-n210 {
    margin-top: -210px !important;
  }

  .m-r-md-210 {
    margin-right: 210px !important;
  }

  .m-r-md-n210 {
    margin-right: -210px !important;
  }

  .m-b-md-210 {
    margin-bottom: 210px !important;
  }

  .m-b-md-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-md-210 {
    margin-left: 210px !important;
  }

  .m-l-md-n210 {
    margin-left: -210px !important;
  }

  .m-x-md-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-md-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-md-210 {
    padding: 210px !important;
  }

  .p-md-n210 {
    padding: -210px !important;
  }

  .p-t-md-210 {
    padding-top: 210px !important;
  }

  .p-t-md-n210 {
    padding-top: -210px !important;
  }

  .p-r-md-210 {
    padding-right: 210px !important;
  }

  .p-r-md-n210 {
    padding-right: -210px !important;
  }

  .p-b-md-210 {
    padding-bottom: 210px !important;
  }

  .p-b-md-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-md-210 {
    padding-left: 210px !important;
  }

  .p-l-md-n210 {
    padding-left: -210px !important;
  }

  .p-x-md-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-md-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-md-220 {
    margin: 220px !important;
  }

  .m-md-n220 {
    margin: -220px !important;
  }

  .m-t-md-220 {
    margin-top: 220px !important;
  }

  .m-t-md-n220 {
    margin-top: -220px !important;
  }

  .m-r-md-220 {
    margin-right: 220px !important;
  }

  .m-r-md-n220 {
    margin-right: -220px !important;
  }

  .m-b-md-220 {
    margin-bottom: 220px !important;
  }

  .m-b-md-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-md-220 {
    margin-left: 220px !important;
  }

  .m-l-md-n220 {
    margin-left: -220px !important;
  }

  .m-x-md-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-md-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-md-220 {
    padding: 220px !important;
  }

  .p-md-n220 {
    padding: -220px !important;
  }

  .p-t-md-220 {
    padding-top: 220px !important;
  }

  .p-t-md-n220 {
    padding-top: -220px !important;
  }

  .p-r-md-220 {
    padding-right: 220px !important;
  }

  .p-r-md-n220 {
    padding-right: -220px !important;
  }

  .p-b-md-220 {
    padding-bottom: 220px !important;
  }

  .p-b-md-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-md-220 {
    padding-left: 220px !important;
  }

  .p-l-md-n220 {
    padding-left: -220px !important;
  }

  .p-x-md-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-md-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-md-230 {
    margin: 230px !important;
  }

  .m-md-n230 {
    margin: -230px !important;
  }

  .m-t-md-230 {
    margin-top: 230px !important;
  }

  .m-t-md-n230 {
    margin-top: -230px !important;
  }

  .m-r-md-230 {
    margin-right: 230px !important;
  }

  .m-r-md-n230 {
    margin-right: -230px !important;
  }

  .m-b-md-230 {
    margin-bottom: 230px !important;
  }

  .m-b-md-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-md-230 {
    margin-left: 230px !important;
  }

  .m-l-md-n230 {
    margin-left: -230px !important;
  }

  .m-x-md-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-md-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-md-230 {
    padding: 230px !important;
  }

  .p-md-n230 {
    padding: -230px !important;
  }

  .p-t-md-230 {
    padding-top: 230px !important;
  }

  .p-t-md-n230 {
    padding-top: -230px !important;
  }

  .p-r-md-230 {
    padding-right: 230px !important;
  }

  .p-r-md-n230 {
    padding-right: -230px !important;
  }

  .p-b-md-230 {
    padding-bottom: 230px !important;
  }

  .p-b-md-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-md-230 {
    padding-left: 230px !important;
  }

  .p-l-md-n230 {
    padding-left: -230px !important;
  }

  .p-x-md-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-md-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-md-240 {
    margin: 240px !important;
  }

  .m-md-n240 {
    margin: -240px !important;
  }

  .m-t-md-240 {
    margin-top: 240px !important;
  }

  .m-t-md-n240 {
    margin-top: -240px !important;
  }

  .m-r-md-240 {
    margin-right: 240px !important;
  }

  .m-r-md-n240 {
    margin-right: -240px !important;
  }

  .m-b-md-240 {
    margin-bottom: 240px !important;
  }

  .m-b-md-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-md-240 {
    margin-left: 240px !important;
  }

  .m-l-md-n240 {
    margin-left: -240px !important;
  }

  .m-x-md-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-md-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-md-240 {
    padding: 240px !important;
  }

  .p-md-n240 {
    padding: -240px !important;
  }

  .p-t-md-240 {
    padding-top: 240px !important;
  }

  .p-t-md-n240 {
    padding-top: -240px !important;
  }

  .p-r-md-240 {
    padding-right: 240px !important;
  }

  .p-r-md-n240 {
    padding-right: -240px !important;
  }

  .p-b-md-240 {
    padding-bottom: 240px !important;
  }

  .p-b-md-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-md-240 {
    padding-left: 240px !important;
  }

  .p-l-md-n240 {
    padding-left: -240px !important;
  }

  .p-x-md-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-md-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-md-250 {
    margin: 250px !important;
  }

  .m-md-n250 {
    margin: -250px !important;
  }

  .m-t-md-250 {
    margin-top: 250px !important;
  }

  .m-t-md-n250 {
    margin-top: -250px !important;
  }

  .m-r-md-250 {
    margin-right: 250px !important;
  }

  .m-r-md-n250 {
    margin-right: -250px !important;
  }

  .m-b-md-250 {
    margin-bottom: 250px !important;
  }

  .m-b-md-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-md-250 {
    margin-left: 250px !important;
  }

  .m-l-md-n250 {
    margin-left: -250px !important;
  }

  .m-x-md-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-md-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-md-250 {
    padding: 250px !important;
  }

  .p-md-n250 {
    padding: -250px !important;
  }

  .p-t-md-250 {
    padding-top: 250px !important;
  }

  .p-t-md-n250 {
    padding-top: -250px !important;
  }

  .p-r-md-250 {
    padding-right: 250px !important;
  }

  .p-r-md-n250 {
    padding-right: -250px !important;
  }

  .p-b-md-250 {
    padding-bottom: 250px !important;
  }

  .p-b-md-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-md-250 {
    padding-left: 250px !important;
  }

  .p-l-md-n250 {
    padding-left: -250px !important;
  }

  .p-x-md-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-md-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0px !important;
  }

  .m-lg-n0 {
    margin: 0px !important;
  }

  .m-t-lg-0 {
    margin-top: 0px !important;
  }

  .m-t-lg-n0 {
    margin-top: 0px !important;
  }

  .m-r-lg-0 {
    margin-right: 0px !important;
  }

  .m-r-lg-n0 {
    margin-right: 0px !important;
  }

  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }

  .m-b-lg-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-lg-0 {
    margin-left: 0px !important;
  }

  .m-l-lg-n0 {
    margin-left: 0px !important;
  }

  .m-x-lg-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-lg-0 {
    padding: 0px !important;
  }

  .p-lg-n0 {
    padding: 0px !important;
  }

  .p-t-lg-0 {
    padding-top: 0px !important;
  }

  .p-t-lg-n0 {
    padding-top: 0px !important;
  }

  .p-r-lg-0 {
    padding-right: 0px !important;
  }

  .p-r-lg-n0 {
    padding-right: 0px !important;
  }

  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }

  .p-b-lg-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-lg-0 {
    padding-left: 0px !important;
  }

  .p-l-lg-n0 {
    padding-left: 0px !important;
  }

  .p-x-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-lg-1 {
    margin: 1px !important;
  }

  .m-lg-n1 {
    margin: -1px !important;
  }

  .m-t-lg-1 {
    margin-top: 1px !important;
  }

  .m-t-lg-n1 {
    margin-top: -1px !important;
  }

  .m-r-lg-1 {
    margin-right: 1px !important;
  }

  .m-r-lg-n1 {
    margin-right: -1px !important;
  }

  .m-b-lg-1 {
    margin-bottom: 1px !important;
  }

  .m-b-lg-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-lg-1 {
    margin-left: 1px !important;
  }

  .m-l-lg-n1 {
    margin-left: -1px !important;
  }

  .m-x-lg-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-lg-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-lg-1 {
    padding: 1px !important;
  }

  .p-lg-n1 {
    padding: -1px !important;
  }

  .p-t-lg-1 {
    padding-top: 1px !important;
  }

  .p-t-lg-n1 {
    padding-top: -1px !important;
  }

  .p-r-lg-1 {
    padding-right: 1px !important;
  }

  .p-r-lg-n1 {
    padding-right: -1px !important;
  }

  .p-b-lg-1 {
    padding-bottom: 1px !important;
  }

  .p-b-lg-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-lg-1 {
    padding-left: 1px !important;
  }

  .p-l-lg-n1 {
    padding-left: -1px !important;
  }

  .p-x-lg-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-lg-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-lg-2 {
    margin: 2px !important;
  }

  .m-lg-n2 {
    margin: -2px !important;
  }

  .m-t-lg-2 {
    margin-top: 2px !important;
  }

  .m-t-lg-n2 {
    margin-top: -2px !important;
  }

  .m-r-lg-2 {
    margin-right: 2px !important;
  }

  .m-r-lg-n2 {
    margin-right: -2px !important;
  }

  .m-b-lg-2 {
    margin-bottom: 2px !important;
  }

  .m-b-lg-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-lg-2 {
    margin-left: 2px !important;
  }

  .m-l-lg-n2 {
    margin-left: -2px !important;
  }

  .m-x-lg-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-lg-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-lg-2 {
    padding: 2px !important;
  }

  .p-lg-n2 {
    padding: -2px !important;
  }

  .p-t-lg-2 {
    padding-top: 2px !important;
  }

  .p-t-lg-n2 {
    padding-top: -2px !important;
  }

  .p-r-lg-2 {
    padding-right: 2px !important;
  }

  .p-r-lg-n2 {
    padding-right: -2px !important;
  }

  .p-b-lg-2 {
    padding-bottom: 2px !important;
  }

  .p-b-lg-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-lg-2 {
    padding-left: 2px !important;
  }

  .p-l-lg-n2 {
    padding-left: -2px !important;
  }

  .p-x-lg-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-lg-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-lg-3 {
    margin: 3px !important;
  }

  .m-lg-n3 {
    margin: -3px !important;
  }

  .m-t-lg-3 {
    margin-top: 3px !important;
  }

  .m-t-lg-n3 {
    margin-top: -3px !important;
  }

  .m-r-lg-3 {
    margin-right: 3px !important;
  }

  .m-r-lg-n3 {
    margin-right: -3px !important;
  }

  .m-b-lg-3 {
    margin-bottom: 3px !important;
  }

  .m-b-lg-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-lg-3 {
    margin-left: 3px !important;
  }

  .m-l-lg-n3 {
    margin-left: -3px !important;
  }

  .m-x-lg-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-lg-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-lg-3 {
    padding: 3px !important;
  }

  .p-lg-n3 {
    padding: -3px !important;
  }

  .p-t-lg-3 {
    padding-top: 3px !important;
  }

  .p-t-lg-n3 {
    padding-top: -3px !important;
  }

  .p-r-lg-3 {
    padding-right: 3px !important;
  }

  .p-r-lg-n3 {
    padding-right: -3px !important;
  }

  .p-b-lg-3 {
    padding-bottom: 3px !important;
  }

  .p-b-lg-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-lg-3 {
    padding-left: 3px !important;
  }

  .p-l-lg-n3 {
    padding-left: -3px !important;
  }

  .p-x-lg-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-lg-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-lg-4 {
    margin: 4px !important;
  }

  .m-lg-n4 {
    margin: -4px !important;
  }

  .m-t-lg-4 {
    margin-top: 4px !important;
  }

  .m-t-lg-n4 {
    margin-top: -4px !important;
  }

  .m-r-lg-4 {
    margin-right: 4px !important;
  }

  .m-r-lg-n4 {
    margin-right: -4px !important;
  }

  .m-b-lg-4 {
    margin-bottom: 4px !important;
  }

  .m-b-lg-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-lg-4 {
    margin-left: 4px !important;
  }

  .m-l-lg-n4 {
    margin-left: -4px !important;
  }

  .m-x-lg-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-lg-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-lg-4 {
    padding: 4px !important;
  }

  .p-lg-n4 {
    padding: -4px !important;
  }

  .p-t-lg-4 {
    padding-top: 4px !important;
  }

  .p-t-lg-n4 {
    padding-top: -4px !important;
  }

  .p-r-lg-4 {
    padding-right: 4px !important;
  }

  .p-r-lg-n4 {
    padding-right: -4px !important;
  }

  .p-b-lg-4 {
    padding-bottom: 4px !important;
  }

  .p-b-lg-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-lg-4 {
    padding-left: 4px !important;
  }

  .p-l-lg-n4 {
    padding-left: -4px !important;
  }

  .p-x-lg-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-lg-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-lg-5 {
    margin: 5px !important;
  }

  .m-lg-n5 {
    margin: -5px !important;
  }

  .m-t-lg-5 {
    margin-top: 5px !important;
  }

  .m-t-lg-n5 {
    margin-top: -5px !important;
  }

  .m-r-lg-5 {
    margin-right: 5px !important;
  }

  .m-r-lg-n5 {
    margin-right: -5px !important;
  }

  .m-b-lg-5 {
    margin-bottom: 5px !important;
  }

  .m-b-lg-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-lg-5 {
    margin-left: 5px !important;
  }

  .m-l-lg-n5 {
    margin-left: -5px !important;
  }

  .m-x-lg-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-lg-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-lg-5 {
    padding: 5px !important;
  }

  .p-lg-n5 {
    padding: -5px !important;
  }

  .p-t-lg-5 {
    padding-top: 5px !important;
  }

  .p-t-lg-n5 {
    padding-top: -5px !important;
  }

  .p-r-lg-5 {
    padding-right: 5px !important;
  }

  .p-r-lg-n5 {
    padding-right: -5px !important;
  }

  .p-b-lg-5 {
    padding-bottom: 5px !important;
  }

  .p-b-lg-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-lg-5 {
    padding-left: 5px !important;
  }

  .p-l-lg-n5 {
    padding-left: -5px !important;
  }

  .p-x-lg-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-lg-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-lg-6 {
    margin: 6px !important;
  }

  .m-lg-n6 {
    margin: -6px !important;
  }

  .m-t-lg-6 {
    margin-top: 6px !important;
  }

  .m-t-lg-n6 {
    margin-top: -6px !important;
  }

  .m-r-lg-6 {
    margin-right: 6px !important;
  }

  .m-r-lg-n6 {
    margin-right: -6px !important;
  }

  .m-b-lg-6 {
    margin-bottom: 6px !important;
  }

  .m-b-lg-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-lg-6 {
    margin-left: 6px !important;
  }

  .m-l-lg-n6 {
    margin-left: -6px !important;
  }

  .m-x-lg-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-lg-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-lg-6 {
    padding: 6px !important;
  }

  .p-lg-n6 {
    padding: -6px !important;
  }

  .p-t-lg-6 {
    padding-top: 6px !important;
  }

  .p-t-lg-n6 {
    padding-top: -6px !important;
  }

  .p-r-lg-6 {
    padding-right: 6px !important;
  }

  .p-r-lg-n6 {
    padding-right: -6px !important;
  }

  .p-b-lg-6 {
    padding-bottom: 6px !important;
  }

  .p-b-lg-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-lg-6 {
    padding-left: 6px !important;
  }

  .p-l-lg-n6 {
    padding-left: -6px !important;
  }

  .p-x-lg-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-lg-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-lg-7 {
    margin: 7px !important;
  }

  .m-lg-n7 {
    margin: -7px !important;
  }

  .m-t-lg-7 {
    margin-top: 7px !important;
  }

  .m-t-lg-n7 {
    margin-top: -7px !important;
  }

  .m-r-lg-7 {
    margin-right: 7px !important;
  }

  .m-r-lg-n7 {
    margin-right: -7px !important;
  }

  .m-b-lg-7 {
    margin-bottom: 7px !important;
  }

  .m-b-lg-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-lg-7 {
    margin-left: 7px !important;
  }

  .m-l-lg-n7 {
    margin-left: -7px !important;
  }

  .m-x-lg-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-lg-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-lg-7 {
    padding: 7px !important;
  }

  .p-lg-n7 {
    padding: -7px !important;
  }

  .p-t-lg-7 {
    padding-top: 7px !important;
  }

  .p-t-lg-n7 {
    padding-top: -7px !important;
  }

  .p-r-lg-7 {
    padding-right: 7px !important;
  }

  .p-r-lg-n7 {
    padding-right: -7px !important;
  }

  .p-b-lg-7 {
    padding-bottom: 7px !important;
  }

  .p-b-lg-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-lg-7 {
    padding-left: 7px !important;
  }

  .p-l-lg-n7 {
    padding-left: -7px !important;
  }

  .p-x-lg-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-lg-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-lg-8 {
    margin: 8px !important;
  }

  .m-lg-n8 {
    margin: -8px !important;
  }

  .m-t-lg-8 {
    margin-top: 8px !important;
  }

  .m-t-lg-n8 {
    margin-top: -8px !important;
  }

  .m-r-lg-8 {
    margin-right: 8px !important;
  }

  .m-r-lg-n8 {
    margin-right: -8px !important;
  }

  .m-b-lg-8 {
    margin-bottom: 8px !important;
  }

  .m-b-lg-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-lg-8 {
    margin-left: 8px !important;
  }

  .m-l-lg-n8 {
    margin-left: -8px !important;
  }

  .m-x-lg-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-lg-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-lg-8 {
    padding: 8px !important;
  }

  .p-lg-n8 {
    padding: -8px !important;
  }

  .p-t-lg-8 {
    padding-top: 8px !important;
  }

  .p-t-lg-n8 {
    padding-top: -8px !important;
  }

  .p-r-lg-8 {
    padding-right: 8px !important;
  }

  .p-r-lg-n8 {
    padding-right: -8px !important;
  }

  .p-b-lg-8 {
    padding-bottom: 8px !important;
  }

  .p-b-lg-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-lg-8 {
    padding-left: 8px !important;
  }

  .p-l-lg-n8 {
    padding-left: -8px !important;
  }

  .p-x-lg-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-lg-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-lg-9 {
    margin: 9px !important;
  }

  .m-lg-n9 {
    margin: -9px !important;
  }

  .m-t-lg-9 {
    margin-top: 9px !important;
  }

  .m-t-lg-n9 {
    margin-top: -9px !important;
  }

  .m-r-lg-9 {
    margin-right: 9px !important;
  }

  .m-r-lg-n9 {
    margin-right: -9px !important;
  }

  .m-b-lg-9 {
    margin-bottom: 9px !important;
  }

  .m-b-lg-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-lg-9 {
    margin-left: 9px !important;
  }

  .m-l-lg-n9 {
    margin-left: -9px !important;
  }

  .m-x-lg-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-lg-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-lg-9 {
    padding: 9px !important;
  }

  .p-lg-n9 {
    padding: -9px !important;
  }

  .p-t-lg-9 {
    padding-top: 9px !important;
  }

  .p-t-lg-n9 {
    padding-top: -9px !important;
  }

  .p-r-lg-9 {
    padding-right: 9px !important;
  }

  .p-r-lg-n9 {
    padding-right: -9px !important;
  }

  .p-b-lg-9 {
    padding-bottom: 9px !important;
  }

  .p-b-lg-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-lg-9 {
    padding-left: 9px !important;
  }

  .p-l-lg-n9 {
    padding-left: -9px !important;
  }

  .p-x-lg-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-lg-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-lg-10 {
    margin: 10px !important;
  }

  .m-lg-n10 {
    margin: -10px !important;
  }

  .m-t-lg-10 {
    margin-top: 10px !important;
  }

  .m-t-lg-n10 {
    margin-top: -10px !important;
  }

  .m-r-lg-10 {
    margin-right: 10px !important;
  }

  .m-r-lg-n10 {
    margin-right: -10px !important;
  }

  .m-b-lg-10 {
    margin-bottom: 10px !important;
  }

  .m-b-lg-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-lg-10 {
    margin-left: 10px !important;
  }

  .m-l-lg-n10 {
    margin-left: -10px !important;
  }

  .m-x-lg-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-lg-10 {
    padding: 10px !important;
  }

  .p-lg-n10 {
    padding: -10px !important;
  }

  .p-t-lg-10 {
    padding-top: 10px !important;
  }

  .p-t-lg-n10 {
    padding-top: -10px !important;
  }

  .p-r-lg-10 {
    padding-right: 10px !important;
  }

  .p-r-lg-n10 {
    padding-right: -10px !important;
  }

  .p-b-lg-10 {
    padding-bottom: 10px !important;
  }

  .p-b-lg-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-lg-10 {
    padding-left: 10px !important;
  }

  .p-l-lg-n10 {
    padding-left: -10px !important;
  }

  .p-x-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-lg-15 {
    margin: 15px !important;
  }

  .m-lg-n15 {
    margin: -15px !important;
  }

  .m-t-lg-15 {
    margin-top: 15px !important;
  }

  .m-t-lg-n15 {
    margin-top: -15px !important;
  }

  .m-r-lg-15 {
    margin-right: 15px !important;
  }

  .m-r-lg-n15 {
    margin-right: -15px !important;
  }

  .m-b-lg-15 {
    margin-bottom: 15px !important;
  }

  .m-b-lg-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-lg-15 {
    margin-left: 15px !important;
  }

  .m-l-lg-n15 {
    margin-left: -15px !important;
  }

  .m-x-lg-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-lg-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-lg-15 {
    padding: 15px !important;
  }

  .p-lg-n15 {
    padding: -15px !important;
  }

  .p-t-lg-15 {
    padding-top: 15px !important;
  }

  .p-t-lg-n15 {
    padding-top: -15px !important;
  }

  .p-r-lg-15 {
    padding-right: 15px !important;
  }

  .p-r-lg-n15 {
    padding-right: -15px !important;
  }

  .p-b-lg-15 {
    padding-bottom: 15px !important;
  }

  .p-b-lg-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-lg-15 {
    padding-left: 15px !important;
  }

  .p-l-lg-n15 {
    padding-left: -15px !important;
  }

  .p-x-lg-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-lg-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-lg-16 {
    margin: 16px !important;
  }

  .m-lg-n16 {
    margin: -16px !important;
  }

  .m-t-lg-16 {
    margin-top: 16px !important;
  }

  .m-t-lg-n16 {
    margin-top: -16px !important;
  }

  .m-r-lg-16 {
    margin-right: 16px !important;
  }

  .m-r-lg-n16 {
    margin-right: -16px !important;
  }

  .m-b-lg-16 {
    margin-bottom: 16px !important;
  }

  .m-b-lg-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-lg-16 {
    margin-left: 16px !important;
  }

  .m-l-lg-n16 {
    margin-left: -16px !important;
  }

  .m-x-lg-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-lg-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-lg-16 {
    padding: 16px !important;
  }

  .p-lg-n16 {
    padding: -16px !important;
  }

  .p-t-lg-16 {
    padding-top: 16px !important;
  }

  .p-t-lg-n16 {
    padding-top: -16px !important;
  }

  .p-r-lg-16 {
    padding-right: 16px !important;
  }

  .p-r-lg-n16 {
    padding-right: -16px !important;
  }

  .p-b-lg-16 {
    padding-bottom: 16px !important;
  }

  .p-b-lg-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-lg-16 {
    padding-left: 16px !important;
  }

  .p-l-lg-n16 {
    padding-left: -16px !important;
  }

  .p-x-lg-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-lg-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-lg-20 {
    margin: 20px !important;
  }

  .m-lg-n20 {
    margin: -20px !important;
  }

  .m-t-lg-20 {
    margin-top: 20px !important;
  }

  .m-t-lg-n20 {
    margin-top: -20px !important;
  }

  .m-r-lg-20 {
    margin-right: 20px !important;
  }

  .m-r-lg-n20 {
    margin-right: -20px !important;
  }

  .m-b-lg-20 {
    margin-bottom: 20px !important;
  }

  .m-b-lg-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-lg-20 {
    margin-left: 20px !important;
  }

  .m-l-lg-n20 {
    margin-left: -20px !important;
  }

  .m-x-lg-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-lg-20 {
    padding: 20px !important;
  }

  .p-lg-n20 {
    padding: -20px !important;
  }

  .p-t-lg-20 {
    padding-top: 20px !important;
  }

  .p-t-lg-n20 {
    padding-top: -20px !important;
  }

  .p-r-lg-20 {
    padding-right: 20px !important;
  }

  .p-r-lg-n20 {
    padding-right: -20px !important;
  }

  .p-b-lg-20 {
    padding-bottom: 20px !important;
  }

  .p-b-lg-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-lg-20 {
    padding-left: 20px !important;
  }

  .p-l-lg-n20 {
    padding-left: -20px !important;
  }

  .p-x-lg-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-lg-24 {
    margin: 24px !important;
  }

  .m-lg-n24 {
    margin: -24px !important;
  }

  .m-t-lg-24 {
    margin-top: 24px !important;
  }

  .m-t-lg-n24 {
    margin-top: -24px !important;
  }

  .m-r-lg-24 {
    margin-right: 24px !important;
  }

  .m-r-lg-n24 {
    margin-right: -24px !important;
  }

  .m-b-lg-24 {
    margin-bottom: 24px !important;
  }

  .m-b-lg-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-lg-24 {
    margin-left: 24px !important;
  }

  .m-l-lg-n24 {
    margin-left: -24px !important;
  }

  .m-x-lg-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-lg-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-lg-24 {
    padding: 24px !important;
  }

  .p-lg-n24 {
    padding: -24px !important;
  }

  .p-t-lg-24 {
    padding-top: 24px !important;
  }

  .p-t-lg-n24 {
    padding-top: -24px !important;
  }

  .p-r-lg-24 {
    padding-right: 24px !important;
  }

  .p-r-lg-n24 {
    padding-right: -24px !important;
  }

  .p-b-lg-24 {
    padding-bottom: 24px !important;
  }

  .p-b-lg-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-lg-24 {
    padding-left: 24px !important;
  }

  .p-l-lg-n24 {
    padding-left: -24px !important;
  }

  .p-x-lg-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-lg-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-lg-25 {
    margin: 25px !important;
  }

  .m-lg-n25 {
    margin: -25px !important;
  }

  .m-t-lg-25 {
    margin-top: 25px !important;
  }

  .m-t-lg-n25 {
    margin-top: -25px !important;
  }

  .m-r-lg-25 {
    margin-right: 25px !important;
  }

  .m-r-lg-n25 {
    margin-right: -25px !important;
  }

  .m-b-lg-25 {
    margin-bottom: 25px !important;
  }

  .m-b-lg-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-lg-25 {
    margin-left: 25px !important;
  }

  .m-l-lg-n25 {
    margin-left: -25px !important;
  }

  .m-x-lg-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-lg-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-lg-25 {
    padding: 25px !important;
  }

  .p-lg-n25 {
    padding: -25px !important;
  }

  .p-t-lg-25 {
    padding-top: 25px !important;
  }

  .p-t-lg-n25 {
    padding-top: -25px !important;
  }

  .p-r-lg-25 {
    padding-right: 25px !important;
  }

  .p-r-lg-n25 {
    padding-right: -25px !important;
  }

  .p-b-lg-25 {
    padding-bottom: 25px !important;
  }

  .p-b-lg-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-lg-25 {
    padding-left: 25px !important;
  }

  .p-l-lg-n25 {
    padding-left: -25px !important;
  }

  .p-x-lg-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-lg-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-lg-30 {
    margin: 30px !important;
  }

  .m-lg-n30 {
    margin: -30px !important;
  }

  .m-t-lg-30 {
    margin-top: 30px !important;
  }

  .m-t-lg-n30 {
    margin-top: -30px !important;
  }

  .m-r-lg-30 {
    margin-right: 30px !important;
  }

  .m-r-lg-n30 {
    margin-right: -30px !important;
  }

  .m-b-lg-30 {
    margin-bottom: 30px !important;
  }

  .m-b-lg-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-lg-30 {
    margin-left: 30px !important;
  }

  .m-l-lg-n30 {
    margin-left: -30px !important;
  }

  .m-x-lg-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-lg-30 {
    padding: 30px !important;
  }

  .p-lg-n30 {
    padding: -30px !important;
  }

  .p-t-lg-30 {
    padding-top: 30px !important;
  }

  .p-t-lg-n30 {
    padding-top: -30px !important;
  }

  .p-r-lg-30 {
    padding-right: 30px !important;
  }

  .p-r-lg-n30 {
    padding-right: -30px !important;
  }

  .p-b-lg-30 {
    padding-bottom: 30px !important;
  }

  .p-b-lg-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-lg-30 {
    padding-left: 30px !important;
  }

  .p-l-lg-n30 {
    padding-left: -30px !important;
  }

  .p-x-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-lg-35 {
    margin: 35px !important;
  }

  .m-lg-n35 {
    margin: -35px !important;
  }

  .m-t-lg-35 {
    margin-top: 35px !important;
  }

  .m-t-lg-n35 {
    margin-top: -35px !important;
  }

  .m-r-lg-35 {
    margin-right: 35px !important;
  }

  .m-r-lg-n35 {
    margin-right: -35px !important;
  }

  .m-b-lg-35 {
    margin-bottom: 35px !important;
  }

  .m-b-lg-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-lg-35 {
    margin-left: 35px !important;
  }

  .m-l-lg-n35 {
    margin-left: -35px !important;
  }

  .m-x-lg-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-lg-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-lg-35 {
    padding: 35px !important;
  }

  .p-lg-n35 {
    padding: -35px !important;
  }

  .p-t-lg-35 {
    padding-top: 35px !important;
  }

  .p-t-lg-n35 {
    padding-top: -35px !important;
  }

  .p-r-lg-35 {
    padding-right: 35px !important;
  }

  .p-r-lg-n35 {
    padding-right: -35px !important;
  }

  .p-b-lg-35 {
    padding-bottom: 35px !important;
  }

  .p-b-lg-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-lg-35 {
    padding-left: 35px !important;
  }

  .p-l-lg-n35 {
    padding-left: -35px !important;
  }

  .p-x-lg-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-lg-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-lg-40 {
    margin: 40px !important;
  }

  .m-lg-n40 {
    margin: -40px !important;
  }

  .m-t-lg-40 {
    margin-top: 40px !important;
  }

  .m-t-lg-n40 {
    margin-top: -40px !important;
  }

  .m-r-lg-40 {
    margin-right: 40px !important;
  }

  .m-r-lg-n40 {
    margin-right: -40px !important;
  }

  .m-b-lg-40 {
    margin-bottom: 40px !important;
  }

  .m-b-lg-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-lg-40 {
    margin-left: 40px !important;
  }

  .m-l-lg-n40 {
    margin-left: -40px !important;
  }

  .m-x-lg-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-lg-40 {
    padding: 40px !important;
  }

  .p-lg-n40 {
    padding: -40px !important;
  }

  .p-t-lg-40 {
    padding-top: 40px !important;
  }

  .p-t-lg-n40 {
    padding-top: -40px !important;
  }

  .p-r-lg-40 {
    padding-right: 40px !important;
  }

  .p-r-lg-n40 {
    padding-right: -40px !important;
  }

  .p-b-lg-40 {
    padding-bottom: 40px !important;
  }

  .p-b-lg-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-lg-40 {
    padding-left: 40px !important;
  }

  .p-l-lg-n40 {
    padding-left: -40px !important;
  }

  .p-x-lg-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-lg-45 {
    margin: 45px !important;
  }

  .m-lg-n45 {
    margin: -45px !important;
  }

  .m-t-lg-45 {
    margin-top: 45px !important;
  }

  .m-t-lg-n45 {
    margin-top: -45px !important;
  }

  .m-r-lg-45 {
    margin-right: 45px !important;
  }

  .m-r-lg-n45 {
    margin-right: -45px !important;
  }

  .m-b-lg-45 {
    margin-bottom: 45px !important;
  }

  .m-b-lg-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-lg-45 {
    margin-left: 45px !important;
  }

  .m-l-lg-n45 {
    margin-left: -45px !important;
  }

  .m-x-lg-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-lg-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-lg-45 {
    padding: 45px !important;
  }

  .p-lg-n45 {
    padding: -45px !important;
  }

  .p-t-lg-45 {
    padding-top: 45px !important;
  }

  .p-t-lg-n45 {
    padding-top: -45px !important;
  }

  .p-r-lg-45 {
    padding-right: 45px !important;
  }

  .p-r-lg-n45 {
    padding-right: -45px !important;
  }

  .p-b-lg-45 {
    padding-bottom: 45px !important;
  }

  .p-b-lg-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-lg-45 {
    padding-left: 45px !important;
  }

  .p-l-lg-n45 {
    padding-left: -45px !important;
  }

  .p-x-lg-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-lg-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-lg-50 {
    margin: 50px !important;
  }

  .m-lg-n50 {
    margin: -50px !important;
  }

  .m-t-lg-50 {
    margin-top: 50px !important;
  }

  .m-t-lg-n50 {
    margin-top: -50px !important;
  }

  .m-r-lg-50 {
    margin-right: 50px !important;
  }

  .m-r-lg-n50 {
    margin-right: -50px !important;
  }

  .m-b-lg-50 {
    margin-bottom: 50px !important;
  }

  .m-b-lg-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-lg-50 {
    margin-left: 50px !important;
  }

  .m-l-lg-n50 {
    margin-left: -50px !important;
  }

  .m-x-lg-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-lg-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-lg-50 {
    padding: 50px !important;
  }

  .p-lg-n50 {
    padding: -50px !important;
  }

  .p-t-lg-50 {
    padding-top: 50px !important;
  }

  .p-t-lg-n50 {
    padding-top: -50px !important;
  }

  .p-r-lg-50 {
    padding-right: 50px !important;
  }

  .p-r-lg-n50 {
    padding-right: -50px !important;
  }

  .p-b-lg-50 {
    padding-bottom: 50px !important;
  }

  .p-b-lg-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-lg-50 {
    padding-left: 50px !important;
  }

  .p-l-lg-n50 {
    padding-left: -50px !important;
  }

  .p-x-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-lg-55 {
    margin: 55px !important;
  }

  .m-lg-n55 {
    margin: -55px !important;
  }

  .m-t-lg-55 {
    margin-top: 55px !important;
  }

  .m-t-lg-n55 {
    margin-top: -55px !important;
  }

  .m-r-lg-55 {
    margin-right: 55px !important;
  }

  .m-r-lg-n55 {
    margin-right: -55px !important;
  }

  .m-b-lg-55 {
    margin-bottom: 55px !important;
  }

  .m-b-lg-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-lg-55 {
    margin-left: 55px !important;
  }

  .m-l-lg-n55 {
    margin-left: -55px !important;
  }

  .m-x-lg-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-lg-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-lg-55 {
    padding: 55px !important;
  }

  .p-lg-n55 {
    padding: -55px !important;
  }

  .p-t-lg-55 {
    padding-top: 55px !important;
  }

  .p-t-lg-n55 {
    padding-top: -55px !important;
  }

  .p-r-lg-55 {
    padding-right: 55px !important;
  }

  .p-r-lg-n55 {
    padding-right: -55px !important;
  }

  .p-b-lg-55 {
    padding-bottom: 55px !important;
  }

  .p-b-lg-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-lg-55 {
    padding-left: 55px !important;
  }

  .p-l-lg-n55 {
    padding-left: -55px !important;
  }

  .p-x-lg-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-lg-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-lg-60 {
    margin: 60px !important;
  }

  .m-lg-n60 {
    margin: -60px !important;
  }

  .m-t-lg-60 {
    margin-top: 60px !important;
  }

  .m-t-lg-n60 {
    margin-top: -60px !important;
  }

  .m-r-lg-60 {
    margin-right: 60px !important;
  }

  .m-r-lg-n60 {
    margin-right: -60px !important;
  }

  .m-b-lg-60 {
    margin-bottom: 60px !important;
  }

  .m-b-lg-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-lg-60 {
    margin-left: 60px !important;
  }

  .m-l-lg-n60 {
    margin-left: -60px !important;
  }

  .m-x-lg-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-lg-60 {
    padding: 60px !important;
  }

  .p-lg-n60 {
    padding: -60px !important;
  }

  .p-t-lg-60 {
    padding-top: 60px !important;
  }

  .p-t-lg-n60 {
    padding-top: -60px !important;
  }

  .p-r-lg-60 {
    padding-right: 60px !important;
  }

  .p-r-lg-n60 {
    padding-right: -60px !important;
  }

  .p-b-lg-60 {
    padding-bottom: 60px !important;
  }

  .p-b-lg-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-lg-60 {
    padding-left: 60px !important;
  }

  .p-l-lg-n60 {
    padding-left: -60px !important;
  }

  .p-x-lg-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-lg-70 {
    margin: 70px !important;
  }

  .m-lg-n70 {
    margin: -70px !important;
  }

  .m-t-lg-70 {
    margin-top: 70px !important;
  }

  .m-t-lg-n70 {
    margin-top: -70px !important;
  }

  .m-r-lg-70 {
    margin-right: 70px !important;
  }

  .m-r-lg-n70 {
    margin-right: -70px !important;
  }

  .m-b-lg-70 {
    margin-bottom: 70px !important;
  }

  .m-b-lg-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-lg-70 {
    margin-left: 70px !important;
  }

  .m-l-lg-n70 {
    margin-left: -70px !important;
  }

  .m-x-lg-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-lg-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-lg-70 {
    padding: 70px !important;
  }

  .p-lg-n70 {
    padding: -70px !important;
  }

  .p-t-lg-70 {
    padding-top: 70px !important;
  }

  .p-t-lg-n70 {
    padding-top: -70px !important;
  }

  .p-r-lg-70 {
    padding-right: 70px !important;
  }

  .p-r-lg-n70 {
    padding-right: -70px !important;
  }

  .p-b-lg-70 {
    padding-bottom: 70px !important;
  }

  .p-b-lg-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-lg-70 {
    padding-left: 70px !important;
  }

  .p-l-lg-n70 {
    padding-left: -70px !important;
  }

  .p-x-lg-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-lg-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-lg-80 {
    margin: 80px !important;
  }

  .m-lg-n80 {
    margin: -80px !important;
  }

  .m-t-lg-80 {
    margin-top: 80px !important;
  }

  .m-t-lg-n80 {
    margin-top: -80px !important;
  }

  .m-r-lg-80 {
    margin-right: 80px !important;
  }

  .m-r-lg-n80 {
    margin-right: -80px !important;
  }

  .m-b-lg-80 {
    margin-bottom: 80px !important;
  }

  .m-b-lg-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-lg-80 {
    margin-left: 80px !important;
  }

  .m-l-lg-n80 {
    margin-left: -80px !important;
  }

  .m-x-lg-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-lg-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-lg-80 {
    padding: 80px !important;
  }

  .p-lg-n80 {
    padding: -80px !important;
  }

  .p-t-lg-80 {
    padding-top: 80px !important;
  }

  .p-t-lg-n80 {
    padding-top: -80px !important;
  }

  .p-r-lg-80 {
    padding-right: 80px !important;
  }

  .p-r-lg-n80 {
    padding-right: -80px !important;
  }

  .p-b-lg-80 {
    padding-bottom: 80px !important;
  }

  .p-b-lg-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-lg-80 {
    padding-left: 80px !important;
  }

  .p-l-lg-n80 {
    padding-left: -80px !important;
  }

  .p-x-lg-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-lg-90 {
    margin: 90px !important;
  }

  .m-lg-n90 {
    margin: -90px !important;
  }

  .m-t-lg-90 {
    margin-top: 90px !important;
  }

  .m-t-lg-n90 {
    margin-top: -90px !important;
  }

  .m-r-lg-90 {
    margin-right: 90px !important;
  }

  .m-r-lg-n90 {
    margin-right: -90px !important;
  }

  .m-b-lg-90 {
    margin-bottom: 90px !important;
  }

  .m-b-lg-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-lg-90 {
    margin-left: 90px !important;
  }

  .m-l-lg-n90 {
    margin-left: -90px !important;
  }

  .m-x-lg-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-lg-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-lg-90 {
    padding: 90px !important;
  }

  .p-lg-n90 {
    padding: -90px !important;
  }

  .p-t-lg-90 {
    padding-top: 90px !important;
  }

  .p-t-lg-n90 {
    padding-top: -90px !important;
  }

  .p-r-lg-90 {
    padding-right: 90px !important;
  }

  .p-r-lg-n90 {
    padding-right: -90px !important;
  }

  .p-b-lg-90 {
    padding-bottom: 90px !important;
  }

  .p-b-lg-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-lg-90 {
    padding-left: 90px !important;
  }

  .p-l-lg-n90 {
    padding-left: -90px !important;
  }

  .p-x-lg-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-lg-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-lg-100 {
    margin: 100px !important;
  }

  .m-lg-n100 {
    margin: -100px !important;
  }

  .m-t-lg-100 {
    margin-top: 100px !important;
  }

  .m-t-lg-n100 {
    margin-top: -100px !important;
  }

  .m-r-lg-100 {
    margin-right: 100px !important;
  }

  .m-r-lg-n100 {
    margin-right: -100px !important;
  }

  .m-b-lg-100 {
    margin-bottom: 100px !important;
  }

  .m-b-lg-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-lg-100 {
    margin-left: 100px !important;
  }

  .m-l-lg-n100 {
    margin-left: -100px !important;
  }

  .m-x-lg-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-lg-100 {
    padding: 100px !important;
  }

  .p-lg-n100 {
    padding: -100px !important;
  }

  .p-t-lg-100 {
    padding-top: 100px !important;
  }

  .p-t-lg-n100 {
    padding-top: -100px !important;
  }

  .p-r-lg-100 {
    padding-right: 100px !important;
  }

  .p-r-lg-n100 {
    padding-right: -100px !important;
  }

  .p-b-lg-100 {
    padding-bottom: 100px !important;
  }

  .p-b-lg-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-lg-100 {
    padding-left: 100px !important;
  }

  .p-l-lg-n100 {
    padding-left: -100px !important;
  }

  .p-x-lg-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-lg-120 {
    margin: 120px !important;
  }

  .m-lg-n120 {
    margin: -120px !important;
  }

  .m-t-lg-120 {
    margin-top: 120px !important;
  }

  .m-t-lg-n120 {
    margin-top: -120px !important;
  }

  .m-r-lg-120 {
    margin-right: 120px !important;
  }

  .m-r-lg-n120 {
    margin-right: -120px !important;
  }

  .m-b-lg-120 {
    margin-bottom: 120px !important;
  }

  .m-b-lg-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-lg-120 {
    margin-left: 120px !important;
  }

  .m-l-lg-n120 {
    margin-left: -120px !important;
  }

  .m-x-lg-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-lg-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-lg-120 {
    padding: 120px !important;
  }

  .p-lg-n120 {
    padding: -120px !important;
  }

  .p-t-lg-120 {
    padding-top: 120px !important;
  }

  .p-t-lg-n120 {
    padding-top: -120px !important;
  }

  .p-r-lg-120 {
    padding-right: 120px !important;
  }

  .p-r-lg-n120 {
    padding-right: -120px !important;
  }

  .p-b-lg-120 {
    padding-bottom: 120px !important;
  }

  .p-b-lg-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-lg-120 {
    padding-left: 120px !important;
  }

  .p-l-lg-n120 {
    padding-left: -120px !important;
  }

  .p-x-lg-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-lg-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-lg-140 {
    margin: 140px !important;
  }

  .m-lg-n140 {
    margin: -140px !important;
  }

  .m-t-lg-140 {
    margin-top: 140px !important;
  }

  .m-t-lg-n140 {
    margin-top: -140px !important;
  }

  .m-r-lg-140 {
    margin-right: 140px !important;
  }

  .m-r-lg-n140 {
    margin-right: -140px !important;
  }

  .m-b-lg-140 {
    margin-bottom: 140px !important;
  }

  .m-b-lg-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-lg-140 {
    margin-left: 140px !important;
  }

  .m-l-lg-n140 {
    margin-left: -140px !important;
  }

  .m-x-lg-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-lg-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-lg-140 {
    padding: 140px !important;
  }

  .p-lg-n140 {
    padding: -140px !important;
  }

  .p-t-lg-140 {
    padding-top: 140px !important;
  }

  .p-t-lg-n140 {
    padding-top: -140px !important;
  }

  .p-r-lg-140 {
    padding-right: 140px !important;
  }

  .p-r-lg-n140 {
    padding-right: -140px !important;
  }

  .p-b-lg-140 {
    padding-bottom: 140px !important;
  }

  .p-b-lg-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-lg-140 {
    padding-left: 140px !important;
  }

  .p-l-lg-n140 {
    padding-left: -140px !important;
  }

  .p-x-lg-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-lg-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-lg-150 {
    margin: 150px !important;
  }

  .m-lg-n150 {
    margin: -150px !important;
  }

  .m-t-lg-150 {
    margin-top: 150px !important;
  }

  .m-t-lg-n150 {
    margin-top: -150px !important;
  }

  .m-r-lg-150 {
    margin-right: 150px !important;
  }

  .m-r-lg-n150 {
    margin-right: -150px !important;
  }

  .m-b-lg-150 {
    margin-bottom: 150px !important;
  }

  .m-b-lg-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-lg-150 {
    margin-left: 150px !important;
  }

  .m-l-lg-n150 {
    margin-left: -150px !important;
  }

  .m-x-lg-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-lg-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-lg-150 {
    padding: 150px !important;
  }

  .p-lg-n150 {
    padding: -150px !important;
  }

  .p-t-lg-150 {
    padding-top: 150px !important;
  }

  .p-t-lg-n150 {
    padding-top: -150px !important;
  }

  .p-r-lg-150 {
    padding-right: 150px !important;
  }

  .p-r-lg-n150 {
    padding-right: -150px !important;
  }

  .p-b-lg-150 {
    padding-bottom: 150px !important;
  }

  .p-b-lg-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-lg-150 {
    padding-left: 150px !important;
  }

  .p-l-lg-n150 {
    padding-left: -150px !important;
  }

  .p-x-lg-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-lg-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-lg-160 {
    margin: 160px !important;
  }

  .m-lg-n160 {
    margin: -160px !important;
  }

  .m-t-lg-160 {
    margin-top: 160px !important;
  }

  .m-t-lg-n160 {
    margin-top: -160px !important;
  }

  .m-r-lg-160 {
    margin-right: 160px !important;
  }

  .m-r-lg-n160 {
    margin-right: -160px !important;
  }

  .m-b-lg-160 {
    margin-bottom: 160px !important;
  }

  .m-b-lg-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-lg-160 {
    margin-left: 160px !important;
  }

  .m-l-lg-n160 {
    margin-left: -160px !important;
  }

  .m-x-lg-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-lg-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-lg-160 {
    padding: 160px !important;
  }

  .p-lg-n160 {
    padding: -160px !important;
  }

  .p-t-lg-160 {
    padding-top: 160px !important;
  }

  .p-t-lg-n160 {
    padding-top: -160px !important;
  }

  .p-r-lg-160 {
    padding-right: 160px !important;
  }

  .p-r-lg-n160 {
    padding-right: -160px !important;
  }

  .p-b-lg-160 {
    padding-bottom: 160px !important;
  }

  .p-b-lg-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-lg-160 {
    padding-left: 160px !important;
  }

  .p-l-lg-n160 {
    padding-left: -160px !important;
  }

  .p-x-lg-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-lg-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-lg-180 {
    margin: 180px !important;
  }

  .m-lg-n180 {
    margin: -180px !important;
  }

  .m-t-lg-180 {
    margin-top: 180px !important;
  }

  .m-t-lg-n180 {
    margin-top: -180px !important;
  }

  .m-r-lg-180 {
    margin-right: 180px !important;
  }

  .m-r-lg-n180 {
    margin-right: -180px !important;
  }

  .m-b-lg-180 {
    margin-bottom: 180px !important;
  }

  .m-b-lg-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-lg-180 {
    margin-left: 180px !important;
  }

  .m-l-lg-n180 {
    margin-left: -180px !important;
  }

  .m-x-lg-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-lg-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-lg-180 {
    padding: 180px !important;
  }

  .p-lg-n180 {
    padding: -180px !important;
  }

  .p-t-lg-180 {
    padding-top: 180px !important;
  }

  .p-t-lg-n180 {
    padding-top: -180px !important;
  }

  .p-r-lg-180 {
    padding-right: 180px !important;
  }

  .p-r-lg-n180 {
    padding-right: -180px !important;
  }

  .p-b-lg-180 {
    padding-bottom: 180px !important;
  }

  .p-b-lg-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-lg-180 {
    padding-left: 180px !important;
  }

  .p-l-lg-n180 {
    padding-left: -180px !important;
  }

  .p-x-lg-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-lg-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-lg-200 {
    margin: 200px !important;
  }

  .m-lg-n200 {
    margin: -200px !important;
  }

  .m-t-lg-200 {
    margin-top: 200px !important;
  }

  .m-t-lg-n200 {
    margin-top: -200px !important;
  }

  .m-r-lg-200 {
    margin-right: 200px !important;
  }

  .m-r-lg-n200 {
    margin-right: -200px !important;
  }

  .m-b-lg-200 {
    margin-bottom: 200px !important;
  }

  .m-b-lg-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-lg-200 {
    margin-left: 200px !important;
  }

  .m-l-lg-n200 {
    margin-left: -200px !important;
  }

  .m-x-lg-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-lg-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-lg-200 {
    padding: 200px !important;
  }

  .p-lg-n200 {
    padding: -200px !important;
  }

  .p-t-lg-200 {
    padding-top: 200px !important;
  }

  .p-t-lg-n200 {
    padding-top: -200px !important;
  }

  .p-r-lg-200 {
    padding-right: 200px !important;
  }

  .p-r-lg-n200 {
    padding-right: -200px !important;
  }

  .p-b-lg-200 {
    padding-bottom: 200px !important;
  }

  .p-b-lg-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-lg-200 {
    padding-left: 200px !important;
  }

  .p-l-lg-n200 {
    padding-left: -200px !important;
  }

  .p-x-lg-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-lg-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-lg-210 {
    margin: 210px !important;
  }

  .m-lg-n210 {
    margin: -210px !important;
  }

  .m-t-lg-210 {
    margin-top: 210px !important;
  }

  .m-t-lg-n210 {
    margin-top: -210px !important;
  }

  .m-r-lg-210 {
    margin-right: 210px !important;
  }

  .m-r-lg-n210 {
    margin-right: -210px !important;
  }

  .m-b-lg-210 {
    margin-bottom: 210px !important;
  }

  .m-b-lg-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-lg-210 {
    margin-left: 210px !important;
  }

  .m-l-lg-n210 {
    margin-left: -210px !important;
  }

  .m-x-lg-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-lg-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-lg-210 {
    padding: 210px !important;
  }

  .p-lg-n210 {
    padding: -210px !important;
  }

  .p-t-lg-210 {
    padding-top: 210px !important;
  }

  .p-t-lg-n210 {
    padding-top: -210px !important;
  }

  .p-r-lg-210 {
    padding-right: 210px !important;
  }

  .p-r-lg-n210 {
    padding-right: -210px !important;
  }

  .p-b-lg-210 {
    padding-bottom: 210px !important;
  }

  .p-b-lg-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-lg-210 {
    padding-left: 210px !important;
  }

  .p-l-lg-n210 {
    padding-left: -210px !important;
  }

  .p-x-lg-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-lg-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-lg-220 {
    margin: 220px !important;
  }

  .m-lg-n220 {
    margin: -220px !important;
  }

  .m-t-lg-220 {
    margin-top: 220px !important;
  }

  .m-t-lg-n220 {
    margin-top: -220px !important;
  }

  .m-r-lg-220 {
    margin-right: 220px !important;
  }

  .m-r-lg-n220 {
    margin-right: -220px !important;
  }

  .m-b-lg-220 {
    margin-bottom: 220px !important;
  }

  .m-b-lg-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-lg-220 {
    margin-left: 220px !important;
  }

  .m-l-lg-n220 {
    margin-left: -220px !important;
  }

  .m-x-lg-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-lg-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-lg-220 {
    padding: 220px !important;
  }

  .p-lg-n220 {
    padding: -220px !important;
  }

  .p-t-lg-220 {
    padding-top: 220px !important;
  }

  .p-t-lg-n220 {
    padding-top: -220px !important;
  }

  .p-r-lg-220 {
    padding-right: 220px !important;
  }

  .p-r-lg-n220 {
    padding-right: -220px !important;
  }

  .p-b-lg-220 {
    padding-bottom: 220px !important;
  }

  .p-b-lg-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-lg-220 {
    padding-left: 220px !important;
  }

  .p-l-lg-n220 {
    padding-left: -220px !important;
  }

  .p-x-lg-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-lg-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-lg-230 {
    margin: 230px !important;
  }

  .m-lg-n230 {
    margin: -230px !important;
  }

  .m-t-lg-230 {
    margin-top: 230px !important;
  }

  .m-t-lg-n230 {
    margin-top: -230px !important;
  }

  .m-r-lg-230 {
    margin-right: 230px !important;
  }

  .m-r-lg-n230 {
    margin-right: -230px !important;
  }

  .m-b-lg-230 {
    margin-bottom: 230px !important;
  }

  .m-b-lg-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-lg-230 {
    margin-left: 230px !important;
  }

  .m-l-lg-n230 {
    margin-left: -230px !important;
  }

  .m-x-lg-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-lg-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-lg-230 {
    padding: 230px !important;
  }

  .p-lg-n230 {
    padding: -230px !important;
  }

  .p-t-lg-230 {
    padding-top: 230px !important;
  }

  .p-t-lg-n230 {
    padding-top: -230px !important;
  }

  .p-r-lg-230 {
    padding-right: 230px !important;
  }

  .p-r-lg-n230 {
    padding-right: -230px !important;
  }

  .p-b-lg-230 {
    padding-bottom: 230px !important;
  }

  .p-b-lg-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-lg-230 {
    padding-left: 230px !important;
  }

  .p-l-lg-n230 {
    padding-left: -230px !important;
  }

  .p-x-lg-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-lg-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-lg-240 {
    margin: 240px !important;
  }

  .m-lg-n240 {
    margin: -240px !important;
  }

  .m-t-lg-240 {
    margin-top: 240px !important;
  }

  .m-t-lg-n240 {
    margin-top: -240px !important;
  }

  .m-r-lg-240 {
    margin-right: 240px !important;
  }

  .m-r-lg-n240 {
    margin-right: -240px !important;
  }

  .m-b-lg-240 {
    margin-bottom: 240px !important;
  }

  .m-b-lg-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-lg-240 {
    margin-left: 240px !important;
  }

  .m-l-lg-n240 {
    margin-left: -240px !important;
  }

  .m-x-lg-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-lg-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-lg-240 {
    padding: 240px !important;
  }

  .p-lg-n240 {
    padding: -240px !important;
  }

  .p-t-lg-240 {
    padding-top: 240px !important;
  }

  .p-t-lg-n240 {
    padding-top: -240px !important;
  }

  .p-r-lg-240 {
    padding-right: 240px !important;
  }

  .p-r-lg-n240 {
    padding-right: -240px !important;
  }

  .p-b-lg-240 {
    padding-bottom: 240px !important;
  }

  .p-b-lg-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-lg-240 {
    padding-left: 240px !important;
  }

  .p-l-lg-n240 {
    padding-left: -240px !important;
  }

  .p-x-lg-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-lg-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-lg-250 {
    margin: 250px !important;
  }

  .m-lg-n250 {
    margin: -250px !important;
  }

  .m-t-lg-250 {
    margin-top: 250px !important;
  }

  .m-t-lg-n250 {
    margin-top: -250px !important;
  }

  .m-r-lg-250 {
    margin-right: 250px !important;
  }

  .m-r-lg-n250 {
    margin-right: -250px !important;
  }

  .m-b-lg-250 {
    margin-bottom: 250px !important;
  }

  .m-b-lg-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-lg-250 {
    margin-left: 250px !important;
  }

  .m-l-lg-n250 {
    margin-left: -250px !important;
  }

  .m-x-lg-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-lg-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-lg-250 {
    padding: 250px !important;
  }

  .p-lg-n250 {
    padding: -250px !important;
  }

  .p-t-lg-250 {
    padding-top: 250px !important;
  }

  .p-t-lg-n250 {
    padding-top: -250px !important;
  }

  .p-r-lg-250 {
    padding-right: 250px !important;
  }

  .p-r-lg-n250 {
    padding-right: -250px !important;
  }

  .p-b-lg-250 {
    padding-bottom: 250px !important;
  }

  .p-b-lg-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-lg-250 {
    padding-left: 250px !important;
  }

  .p-l-lg-n250 {
    padding-left: -250px !important;
  }

  .p-x-lg-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-lg-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-0 {
    margin: 0px !important;
  }

  .m-xl-n0 {
    margin: 0px !important;
  }

  .m-t-xl-0 {
    margin-top: 0px !important;
  }

  .m-t-xl-n0 {
    margin-top: 0px !important;
  }

  .m-r-xl-0 {
    margin-right: 0px !important;
  }

  .m-r-xl-n0 {
    margin-right: 0px !important;
  }

  .m-b-xl-0 {
    margin-bottom: 0px !important;
  }

  .m-b-xl-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-xl-0 {
    margin-left: 0px !important;
  }

  .m-l-xl-n0 {
    margin-left: 0px !important;
  }

  .m-x-xl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-xl-0 {
    padding: 0px !important;
  }

  .p-xl-n0 {
    padding: 0px !important;
  }

  .p-t-xl-0 {
    padding-top: 0px !important;
  }

  .p-t-xl-n0 {
    padding-top: 0px !important;
  }

  .p-r-xl-0 {
    padding-right: 0px !important;
  }

  .p-r-xl-n0 {
    padding-right: 0px !important;
  }

  .p-b-xl-0 {
    padding-bottom: 0px !important;
  }

  .p-b-xl-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-xl-0 {
    padding-left: 0px !important;
  }

  .p-l-xl-n0 {
    padding-left: 0px !important;
  }

  .p-x-xl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-xl-1 {
    margin: 1px !important;
  }

  .m-xl-n1 {
    margin: -1px !important;
  }

  .m-t-xl-1 {
    margin-top: 1px !important;
  }

  .m-t-xl-n1 {
    margin-top: -1px !important;
  }

  .m-r-xl-1 {
    margin-right: 1px !important;
  }

  .m-r-xl-n1 {
    margin-right: -1px !important;
  }

  .m-b-xl-1 {
    margin-bottom: 1px !important;
  }

  .m-b-xl-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-xl-1 {
    margin-left: 1px !important;
  }

  .m-l-xl-n1 {
    margin-left: -1px !important;
  }

  .m-x-xl-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-xl-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-xl-1 {
    padding: 1px !important;
  }

  .p-xl-n1 {
    padding: -1px !important;
  }

  .p-t-xl-1 {
    padding-top: 1px !important;
  }

  .p-t-xl-n1 {
    padding-top: -1px !important;
  }

  .p-r-xl-1 {
    padding-right: 1px !important;
  }

  .p-r-xl-n1 {
    padding-right: -1px !important;
  }

  .p-b-xl-1 {
    padding-bottom: 1px !important;
  }

  .p-b-xl-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-xl-1 {
    padding-left: 1px !important;
  }

  .p-l-xl-n1 {
    padding-left: -1px !important;
  }

  .p-x-xl-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-xl-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-xl-2 {
    margin: 2px !important;
  }

  .m-xl-n2 {
    margin: -2px !important;
  }

  .m-t-xl-2 {
    margin-top: 2px !important;
  }

  .m-t-xl-n2 {
    margin-top: -2px !important;
  }

  .m-r-xl-2 {
    margin-right: 2px !important;
  }

  .m-r-xl-n2 {
    margin-right: -2px !important;
  }

  .m-b-xl-2 {
    margin-bottom: 2px !important;
  }

  .m-b-xl-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-xl-2 {
    margin-left: 2px !important;
  }

  .m-l-xl-n2 {
    margin-left: -2px !important;
  }

  .m-x-xl-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-xl-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-xl-2 {
    padding: 2px !important;
  }

  .p-xl-n2 {
    padding: -2px !important;
  }

  .p-t-xl-2 {
    padding-top: 2px !important;
  }

  .p-t-xl-n2 {
    padding-top: -2px !important;
  }

  .p-r-xl-2 {
    padding-right: 2px !important;
  }

  .p-r-xl-n2 {
    padding-right: -2px !important;
  }

  .p-b-xl-2 {
    padding-bottom: 2px !important;
  }

  .p-b-xl-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-xl-2 {
    padding-left: 2px !important;
  }

  .p-l-xl-n2 {
    padding-left: -2px !important;
  }

  .p-x-xl-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-xl-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-xl-3 {
    margin: 3px !important;
  }

  .m-xl-n3 {
    margin: -3px !important;
  }

  .m-t-xl-3 {
    margin-top: 3px !important;
  }

  .m-t-xl-n3 {
    margin-top: -3px !important;
  }

  .m-r-xl-3 {
    margin-right: 3px !important;
  }

  .m-r-xl-n3 {
    margin-right: -3px !important;
  }

  .m-b-xl-3 {
    margin-bottom: 3px !important;
  }

  .m-b-xl-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-xl-3 {
    margin-left: 3px !important;
  }

  .m-l-xl-n3 {
    margin-left: -3px !important;
  }

  .m-x-xl-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-xl-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-xl-3 {
    padding: 3px !important;
  }

  .p-xl-n3 {
    padding: -3px !important;
  }

  .p-t-xl-3 {
    padding-top: 3px !important;
  }

  .p-t-xl-n3 {
    padding-top: -3px !important;
  }

  .p-r-xl-3 {
    padding-right: 3px !important;
  }

  .p-r-xl-n3 {
    padding-right: -3px !important;
  }

  .p-b-xl-3 {
    padding-bottom: 3px !important;
  }

  .p-b-xl-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-xl-3 {
    padding-left: 3px !important;
  }

  .p-l-xl-n3 {
    padding-left: -3px !important;
  }

  .p-x-xl-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-xl-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-xl-4 {
    margin: 4px !important;
  }

  .m-xl-n4 {
    margin: -4px !important;
  }

  .m-t-xl-4 {
    margin-top: 4px !important;
  }

  .m-t-xl-n4 {
    margin-top: -4px !important;
  }

  .m-r-xl-4 {
    margin-right: 4px !important;
  }

  .m-r-xl-n4 {
    margin-right: -4px !important;
  }

  .m-b-xl-4 {
    margin-bottom: 4px !important;
  }

  .m-b-xl-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-xl-4 {
    margin-left: 4px !important;
  }

  .m-l-xl-n4 {
    margin-left: -4px !important;
  }

  .m-x-xl-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-xl-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-xl-4 {
    padding: 4px !important;
  }

  .p-xl-n4 {
    padding: -4px !important;
  }

  .p-t-xl-4 {
    padding-top: 4px !important;
  }

  .p-t-xl-n4 {
    padding-top: -4px !important;
  }

  .p-r-xl-4 {
    padding-right: 4px !important;
  }

  .p-r-xl-n4 {
    padding-right: -4px !important;
  }

  .p-b-xl-4 {
    padding-bottom: 4px !important;
  }

  .p-b-xl-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-xl-4 {
    padding-left: 4px !important;
  }

  .p-l-xl-n4 {
    padding-left: -4px !important;
  }

  .p-x-xl-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-xl-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-xl-5 {
    margin: 5px !important;
  }

  .m-xl-n5 {
    margin: -5px !important;
  }

  .m-t-xl-5 {
    margin-top: 5px !important;
  }

  .m-t-xl-n5 {
    margin-top: -5px !important;
  }

  .m-r-xl-5 {
    margin-right: 5px !important;
  }

  .m-r-xl-n5 {
    margin-right: -5px !important;
  }

  .m-b-xl-5 {
    margin-bottom: 5px !important;
  }

  .m-b-xl-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-xl-5 {
    margin-left: 5px !important;
  }

  .m-l-xl-n5 {
    margin-left: -5px !important;
  }

  .m-x-xl-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-xl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-xl-5 {
    padding: 5px !important;
  }

  .p-xl-n5 {
    padding: -5px !important;
  }

  .p-t-xl-5 {
    padding-top: 5px !important;
  }

  .p-t-xl-n5 {
    padding-top: -5px !important;
  }

  .p-r-xl-5 {
    padding-right: 5px !important;
  }

  .p-r-xl-n5 {
    padding-right: -5px !important;
  }

  .p-b-xl-5 {
    padding-bottom: 5px !important;
  }

  .p-b-xl-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-xl-5 {
    padding-left: 5px !important;
  }

  .p-l-xl-n5 {
    padding-left: -5px !important;
  }

  .p-x-xl-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-xl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-xl-6 {
    margin: 6px !important;
  }

  .m-xl-n6 {
    margin: -6px !important;
  }

  .m-t-xl-6 {
    margin-top: 6px !important;
  }

  .m-t-xl-n6 {
    margin-top: -6px !important;
  }

  .m-r-xl-6 {
    margin-right: 6px !important;
  }

  .m-r-xl-n6 {
    margin-right: -6px !important;
  }

  .m-b-xl-6 {
    margin-bottom: 6px !important;
  }

  .m-b-xl-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-xl-6 {
    margin-left: 6px !important;
  }

  .m-l-xl-n6 {
    margin-left: -6px !important;
  }

  .m-x-xl-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-xl-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-xl-6 {
    padding: 6px !important;
  }

  .p-xl-n6 {
    padding: -6px !important;
  }

  .p-t-xl-6 {
    padding-top: 6px !important;
  }

  .p-t-xl-n6 {
    padding-top: -6px !important;
  }

  .p-r-xl-6 {
    padding-right: 6px !important;
  }

  .p-r-xl-n6 {
    padding-right: -6px !important;
  }

  .p-b-xl-6 {
    padding-bottom: 6px !important;
  }

  .p-b-xl-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-xl-6 {
    padding-left: 6px !important;
  }

  .p-l-xl-n6 {
    padding-left: -6px !important;
  }

  .p-x-xl-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-xl-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-xl-7 {
    margin: 7px !important;
  }

  .m-xl-n7 {
    margin: -7px !important;
  }

  .m-t-xl-7 {
    margin-top: 7px !important;
  }

  .m-t-xl-n7 {
    margin-top: -7px !important;
  }

  .m-r-xl-7 {
    margin-right: 7px !important;
  }

  .m-r-xl-n7 {
    margin-right: -7px !important;
  }

  .m-b-xl-7 {
    margin-bottom: 7px !important;
  }

  .m-b-xl-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-xl-7 {
    margin-left: 7px !important;
  }

  .m-l-xl-n7 {
    margin-left: -7px !important;
  }

  .m-x-xl-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-xl-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-xl-7 {
    padding: 7px !important;
  }

  .p-xl-n7 {
    padding: -7px !important;
  }

  .p-t-xl-7 {
    padding-top: 7px !important;
  }

  .p-t-xl-n7 {
    padding-top: -7px !important;
  }

  .p-r-xl-7 {
    padding-right: 7px !important;
  }

  .p-r-xl-n7 {
    padding-right: -7px !important;
  }

  .p-b-xl-7 {
    padding-bottom: 7px !important;
  }

  .p-b-xl-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-xl-7 {
    padding-left: 7px !important;
  }

  .p-l-xl-n7 {
    padding-left: -7px !important;
  }

  .p-x-xl-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-xl-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-xl-8 {
    margin: 8px !important;
  }

  .m-xl-n8 {
    margin: -8px !important;
  }

  .m-t-xl-8 {
    margin-top: 8px !important;
  }

  .m-t-xl-n8 {
    margin-top: -8px !important;
  }

  .m-r-xl-8 {
    margin-right: 8px !important;
  }

  .m-r-xl-n8 {
    margin-right: -8px !important;
  }

  .m-b-xl-8 {
    margin-bottom: 8px !important;
  }

  .m-b-xl-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-xl-8 {
    margin-left: 8px !important;
  }

  .m-l-xl-n8 {
    margin-left: -8px !important;
  }

  .m-x-xl-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-xl-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-xl-8 {
    padding: 8px !important;
  }

  .p-xl-n8 {
    padding: -8px !important;
  }

  .p-t-xl-8 {
    padding-top: 8px !important;
  }

  .p-t-xl-n8 {
    padding-top: -8px !important;
  }

  .p-r-xl-8 {
    padding-right: 8px !important;
  }

  .p-r-xl-n8 {
    padding-right: -8px !important;
  }

  .p-b-xl-8 {
    padding-bottom: 8px !important;
  }

  .p-b-xl-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-xl-8 {
    padding-left: 8px !important;
  }

  .p-l-xl-n8 {
    padding-left: -8px !important;
  }

  .p-x-xl-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-xl-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-xl-9 {
    margin: 9px !important;
  }

  .m-xl-n9 {
    margin: -9px !important;
  }

  .m-t-xl-9 {
    margin-top: 9px !important;
  }

  .m-t-xl-n9 {
    margin-top: -9px !important;
  }

  .m-r-xl-9 {
    margin-right: 9px !important;
  }

  .m-r-xl-n9 {
    margin-right: -9px !important;
  }

  .m-b-xl-9 {
    margin-bottom: 9px !important;
  }

  .m-b-xl-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-xl-9 {
    margin-left: 9px !important;
  }

  .m-l-xl-n9 {
    margin-left: -9px !important;
  }

  .m-x-xl-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-xl-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-xl-9 {
    padding: 9px !important;
  }

  .p-xl-n9 {
    padding: -9px !important;
  }

  .p-t-xl-9 {
    padding-top: 9px !important;
  }

  .p-t-xl-n9 {
    padding-top: -9px !important;
  }

  .p-r-xl-9 {
    padding-right: 9px !important;
  }

  .p-r-xl-n9 {
    padding-right: -9px !important;
  }

  .p-b-xl-9 {
    padding-bottom: 9px !important;
  }

  .p-b-xl-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-xl-9 {
    padding-left: 9px !important;
  }

  .p-l-xl-n9 {
    padding-left: -9px !important;
  }

  .p-x-xl-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-xl-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-xl-10 {
    margin: 10px !important;
  }

  .m-xl-n10 {
    margin: -10px !important;
  }

  .m-t-xl-10 {
    margin-top: 10px !important;
  }

  .m-t-xl-n10 {
    margin-top: -10px !important;
  }

  .m-r-xl-10 {
    margin-right: 10px !important;
  }

  .m-r-xl-n10 {
    margin-right: -10px !important;
  }

  .m-b-xl-10 {
    margin-bottom: 10px !important;
  }

  .m-b-xl-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-xl-10 {
    margin-left: 10px !important;
  }

  .m-l-xl-n10 {
    margin-left: -10px !important;
  }

  .m-x-xl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-xl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-xl-10 {
    padding: 10px !important;
  }

  .p-xl-n10 {
    padding: -10px !important;
  }

  .p-t-xl-10 {
    padding-top: 10px !important;
  }

  .p-t-xl-n10 {
    padding-top: -10px !important;
  }

  .p-r-xl-10 {
    padding-right: 10px !important;
  }

  .p-r-xl-n10 {
    padding-right: -10px !important;
  }

  .p-b-xl-10 {
    padding-bottom: 10px !important;
  }

  .p-b-xl-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-xl-10 {
    padding-left: 10px !important;
  }

  .p-l-xl-n10 {
    padding-left: -10px !important;
  }

  .p-x-xl-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-xl-15 {
    margin: 15px !important;
  }

  .m-xl-n15 {
    margin: -15px !important;
  }

  .m-t-xl-15 {
    margin-top: 15px !important;
  }

  .m-t-xl-n15 {
    margin-top: -15px !important;
  }

  .m-r-xl-15 {
    margin-right: 15px !important;
  }

  .m-r-xl-n15 {
    margin-right: -15px !important;
  }

  .m-b-xl-15 {
    margin-bottom: 15px !important;
  }

  .m-b-xl-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-xl-15 {
    margin-left: 15px !important;
  }

  .m-l-xl-n15 {
    margin-left: -15px !important;
  }

  .m-x-xl-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-xl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-xl-15 {
    padding: 15px !important;
  }

  .p-xl-n15 {
    padding: -15px !important;
  }

  .p-t-xl-15 {
    padding-top: 15px !important;
  }

  .p-t-xl-n15 {
    padding-top: -15px !important;
  }

  .p-r-xl-15 {
    padding-right: 15px !important;
  }

  .p-r-xl-n15 {
    padding-right: -15px !important;
  }

  .p-b-xl-15 {
    padding-bottom: 15px !important;
  }

  .p-b-xl-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-xl-15 {
    padding-left: 15px !important;
  }

  .p-l-xl-n15 {
    padding-left: -15px !important;
  }

  .p-x-xl-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-xl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-xl-16 {
    margin: 16px !important;
  }

  .m-xl-n16 {
    margin: -16px !important;
  }

  .m-t-xl-16 {
    margin-top: 16px !important;
  }

  .m-t-xl-n16 {
    margin-top: -16px !important;
  }

  .m-r-xl-16 {
    margin-right: 16px !important;
  }

  .m-r-xl-n16 {
    margin-right: -16px !important;
  }

  .m-b-xl-16 {
    margin-bottom: 16px !important;
  }

  .m-b-xl-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-xl-16 {
    margin-left: 16px !important;
  }

  .m-l-xl-n16 {
    margin-left: -16px !important;
  }

  .m-x-xl-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-xl-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-xl-16 {
    padding: 16px !important;
  }

  .p-xl-n16 {
    padding: -16px !important;
  }

  .p-t-xl-16 {
    padding-top: 16px !important;
  }

  .p-t-xl-n16 {
    padding-top: -16px !important;
  }

  .p-r-xl-16 {
    padding-right: 16px !important;
  }

  .p-r-xl-n16 {
    padding-right: -16px !important;
  }

  .p-b-xl-16 {
    padding-bottom: 16px !important;
  }

  .p-b-xl-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-xl-16 {
    padding-left: 16px !important;
  }

  .p-l-xl-n16 {
    padding-left: -16px !important;
  }

  .p-x-xl-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-xl-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-xl-20 {
    margin: 20px !important;
  }

  .m-xl-n20 {
    margin: -20px !important;
  }

  .m-t-xl-20 {
    margin-top: 20px !important;
  }

  .m-t-xl-n20 {
    margin-top: -20px !important;
  }

  .m-r-xl-20 {
    margin-right: 20px !important;
  }

  .m-r-xl-n20 {
    margin-right: -20px !important;
  }

  .m-b-xl-20 {
    margin-bottom: 20px !important;
  }

  .m-b-xl-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-xl-20 {
    margin-left: 20px !important;
  }

  .m-l-xl-n20 {
    margin-left: -20px !important;
  }

  .m-x-xl-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-xl-20 {
    padding: 20px !important;
  }

  .p-xl-n20 {
    padding: -20px !important;
  }

  .p-t-xl-20 {
    padding-top: 20px !important;
  }

  .p-t-xl-n20 {
    padding-top: -20px !important;
  }

  .p-r-xl-20 {
    padding-right: 20px !important;
  }

  .p-r-xl-n20 {
    padding-right: -20px !important;
  }

  .p-b-xl-20 {
    padding-bottom: 20px !important;
  }

  .p-b-xl-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-xl-20 {
    padding-left: 20px !important;
  }

  .p-l-xl-n20 {
    padding-left: -20px !important;
  }

  .p-x-xl-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-xl-24 {
    margin: 24px !important;
  }

  .m-xl-n24 {
    margin: -24px !important;
  }

  .m-t-xl-24 {
    margin-top: 24px !important;
  }

  .m-t-xl-n24 {
    margin-top: -24px !important;
  }

  .m-r-xl-24 {
    margin-right: 24px !important;
  }

  .m-r-xl-n24 {
    margin-right: -24px !important;
  }

  .m-b-xl-24 {
    margin-bottom: 24px !important;
  }

  .m-b-xl-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-xl-24 {
    margin-left: 24px !important;
  }

  .m-l-xl-n24 {
    margin-left: -24px !important;
  }

  .m-x-xl-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-xl-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-xl-24 {
    padding: 24px !important;
  }

  .p-xl-n24 {
    padding: -24px !important;
  }

  .p-t-xl-24 {
    padding-top: 24px !important;
  }

  .p-t-xl-n24 {
    padding-top: -24px !important;
  }

  .p-r-xl-24 {
    padding-right: 24px !important;
  }

  .p-r-xl-n24 {
    padding-right: -24px !important;
  }

  .p-b-xl-24 {
    padding-bottom: 24px !important;
  }

  .p-b-xl-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-xl-24 {
    padding-left: 24px !important;
  }

  .p-l-xl-n24 {
    padding-left: -24px !important;
  }

  .p-x-xl-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-xl-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-xl-25 {
    margin: 25px !important;
  }

  .m-xl-n25 {
    margin: -25px !important;
  }

  .m-t-xl-25 {
    margin-top: 25px !important;
  }

  .m-t-xl-n25 {
    margin-top: -25px !important;
  }

  .m-r-xl-25 {
    margin-right: 25px !important;
  }

  .m-r-xl-n25 {
    margin-right: -25px !important;
  }

  .m-b-xl-25 {
    margin-bottom: 25px !important;
  }

  .m-b-xl-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-xl-25 {
    margin-left: 25px !important;
  }

  .m-l-xl-n25 {
    margin-left: -25px !important;
  }

  .m-x-xl-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-xl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-xl-25 {
    padding: 25px !important;
  }

  .p-xl-n25 {
    padding: -25px !important;
  }

  .p-t-xl-25 {
    padding-top: 25px !important;
  }

  .p-t-xl-n25 {
    padding-top: -25px !important;
  }

  .p-r-xl-25 {
    padding-right: 25px !important;
  }

  .p-r-xl-n25 {
    padding-right: -25px !important;
  }

  .p-b-xl-25 {
    padding-bottom: 25px !important;
  }

  .p-b-xl-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-xl-25 {
    padding-left: 25px !important;
  }

  .p-l-xl-n25 {
    padding-left: -25px !important;
  }

  .p-x-xl-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-xl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-xl-30 {
    margin: 30px !important;
  }

  .m-xl-n30 {
    margin: -30px !important;
  }

  .m-t-xl-30 {
    margin-top: 30px !important;
  }

  .m-t-xl-n30 {
    margin-top: -30px !important;
  }

  .m-r-xl-30 {
    margin-right: 30px !important;
  }

  .m-r-xl-n30 {
    margin-right: -30px !important;
  }

  .m-b-xl-30 {
    margin-bottom: 30px !important;
  }

  .m-b-xl-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-xl-30 {
    margin-left: 30px !important;
  }

  .m-l-xl-n30 {
    margin-left: -30px !important;
  }

  .m-x-xl-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-xl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-xl-30 {
    padding: 30px !important;
  }

  .p-xl-n30 {
    padding: -30px !important;
  }

  .p-t-xl-30 {
    padding-top: 30px !important;
  }

  .p-t-xl-n30 {
    padding-top: -30px !important;
  }

  .p-r-xl-30 {
    padding-right: 30px !important;
  }

  .p-r-xl-n30 {
    padding-right: -30px !important;
  }

  .p-b-xl-30 {
    padding-bottom: 30px !important;
  }

  .p-b-xl-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-xl-30 {
    padding-left: 30px !important;
  }

  .p-l-xl-n30 {
    padding-left: -30px !important;
  }

  .p-x-xl-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-xl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-xl-35 {
    margin: 35px !important;
  }

  .m-xl-n35 {
    margin: -35px !important;
  }

  .m-t-xl-35 {
    margin-top: 35px !important;
  }

  .m-t-xl-n35 {
    margin-top: -35px !important;
  }

  .m-r-xl-35 {
    margin-right: 35px !important;
  }

  .m-r-xl-n35 {
    margin-right: -35px !important;
  }

  .m-b-xl-35 {
    margin-bottom: 35px !important;
  }

  .m-b-xl-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-xl-35 {
    margin-left: 35px !important;
  }

  .m-l-xl-n35 {
    margin-left: -35px !important;
  }

  .m-x-xl-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-xl-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-xl-35 {
    padding: 35px !important;
  }

  .p-xl-n35 {
    padding: -35px !important;
  }

  .p-t-xl-35 {
    padding-top: 35px !important;
  }

  .p-t-xl-n35 {
    padding-top: -35px !important;
  }

  .p-r-xl-35 {
    padding-right: 35px !important;
  }

  .p-r-xl-n35 {
    padding-right: -35px !important;
  }

  .p-b-xl-35 {
    padding-bottom: 35px !important;
  }

  .p-b-xl-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-xl-35 {
    padding-left: 35px !important;
  }

  .p-l-xl-n35 {
    padding-left: -35px !important;
  }

  .p-x-xl-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-xl-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-xl-40 {
    margin: 40px !important;
  }

  .m-xl-n40 {
    margin: -40px !important;
  }

  .m-t-xl-40 {
    margin-top: 40px !important;
  }

  .m-t-xl-n40 {
    margin-top: -40px !important;
  }

  .m-r-xl-40 {
    margin-right: 40px !important;
  }

  .m-r-xl-n40 {
    margin-right: -40px !important;
  }

  .m-b-xl-40 {
    margin-bottom: 40px !important;
  }

  .m-b-xl-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-xl-40 {
    margin-left: 40px !important;
  }

  .m-l-xl-n40 {
    margin-left: -40px !important;
  }

  .m-x-xl-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-xl-40 {
    padding: 40px !important;
  }

  .p-xl-n40 {
    padding: -40px !important;
  }

  .p-t-xl-40 {
    padding-top: 40px !important;
  }

  .p-t-xl-n40 {
    padding-top: -40px !important;
  }

  .p-r-xl-40 {
    padding-right: 40px !important;
  }

  .p-r-xl-n40 {
    padding-right: -40px !important;
  }

  .p-b-xl-40 {
    padding-bottom: 40px !important;
  }

  .p-b-xl-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-xl-40 {
    padding-left: 40px !important;
  }

  .p-l-xl-n40 {
    padding-left: -40px !important;
  }

  .p-x-xl-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-xl-45 {
    margin: 45px !important;
  }

  .m-xl-n45 {
    margin: -45px !important;
  }

  .m-t-xl-45 {
    margin-top: 45px !important;
  }

  .m-t-xl-n45 {
    margin-top: -45px !important;
  }

  .m-r-xl-45 {
    margin-right: 45px !important;
  }

  .m-r-xl-n45 {
    margin-right: -45px !important;
  }

  .m-b-xl-45 {
    margin-bottom: 45px !important;
  }

  .m-b-xl-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-xl-45 {
    margin-left: 45px !important;
  }

  .m-l-xl-n45 {
    margin-left: -45px !important;
  }

  .m-x-xl-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-xl-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-xl-45 {
    padding: 45px !important;
  }

  .p-xl-n45 {
    padding: -45px !important;
  }

  .p-t-xl-45 {
    padding-top: 45px !important;
  }

  .p-t-xl-n45 {
    padding-top: -45px !important;
  }

  .p-r-xl-45 {
    padding-right: 45px !important;
  }

  .p-r-xl-n45 {
    padding-right: -45px !important;
  }

  .p-b-xl-45 {
    padding-bottom: 45px !important;
  }

  .p-b-xl-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-xl-45 {
    padding-left: 45px !important;
  }

  .p-l-xl-n45 {
    padding-left: -45px !important;
  }

  .p-x-xl-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-xl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-xl-50 {
    margin: 50px !important;
  }

  .m-xl-n50 {
    margin: -50px !important;
  }

  .m-t-xl-50 {
    margin-top: 50px !important;
  }

  .m-t-xl-n50 {
    margin-top: -50px !important;
  }

  .m-r-xl-50 {
    margin-right: 50px !important;
  }

  .m-r-xl-n50 {
    margin-right: -50px !important;
  }

  .m-b-xl-50 {
    margin-bottom: 50px !important;
  }

  .m-b-xl-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-xl-50 {
    margin-left: 50px !important;
  }

  .m-l-xl-n50 {
    margin-left: -50px !important;
  }

  .m-x-xl-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-xl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-xl-50 {
    padding: 50px !important;
  }

  .p-xl-n50 {
    padding: -50px !important;
  }

  .p-t-xl-50 {
    padding-top: 50px !important;
  }

  .p-t-xl-n50 {
    padding-top: -50px !important;
  }

  .p-r-xl-50 {
    padding-right: 50px !important;
  }

  .p-r-xl-n50 {
    padding-right: -50px !important;
  }

  .p-b-xl-50 {
    padding-bottom: 50px !important;
  }

  .p-b-xl-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-xl-50 {
    padding-left: 50px !important;
  }

  .p-l-xl-n50 {
    padding-left: -50px !important;
  }

  .p-x-xl-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-xl-55 {
    margin: 55px !important;
  }

  .m-xl-n55 {
    margin: -55px !important;
  }

  .m-t-xl-55 {
    margin-top: 55px !important;
  }

  .m-t-xl-n55 {
    margin-top: -55px !important;
  }

  .m-r-xl-55 {
    margin-right: 55px !important;
  }

  .m-r-xl-n55 {
    margin-right: -55px !important;
  }

  .m-b-xl-55 {
    margin-bottom: 55px !important;
  }

  .m-b-xl-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-xl-55 {
    margin-left: 55px !important;
  }

  .m-l-xl-n55 {
    margin-left: -55px !important;
  }

  .m-x-xl-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-xl-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-xl-55 {
    padding: 55px !important;
  }

  .p-xl-n55 {
    padding: -55px !important;
  }

  .p-t-xl-55 {
    padding-top: 55px !important;
  }

  .p-t-xl-n55 {
    padding-top: -55px !important;
  }

  .p-r-xl-55 {
    padding-right: 55px !important;
  }

  .p-r-xl-n55 {
    padding-right: -55px !important;
  }

  .p-b-xl-55 {
    padding-bottom: 55px !important;
  }

  .p-b-xl-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-xl-55 {
    padding-left: 55px !important;
  }

  .p-l-xl-n55 {
    padding-left: -55px !important;
  }

  .p-x-xl-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-xl-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-xl-60 {
    margin: 60px !important;
  }

  .m-xl-n60 {
    margin: -60px !important;
  }

  .m-t-xl-60 {
    margin-top: 60px !important;
  }

  .m-t-xl-n60 {
    margin-top: -60px !important;
  }

  .m-r-xl-60 {
    margin-right: 60px !important;
  }

  .m-r-xl-n60 {
    margin-right: -60px !important;
  }

  .m-b-xl-60 {
    margin-bottom: 60px !important;
  }

  .m-b-xl-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-xl-60 {
    margin-left: 60px !important;
  }

  .m-l-xl-n60 {
    margin-left: -60px !important;
  }

  .m-x-xl-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-xl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-xl-60 {
    padding: 60px !important;
  }

  .p-xl-n60 {
    padding: -60px !important;
  }

  .p-t-xl-60 {
    padding-top: 60px !important;
  }

  .p-t-xl-n60 {
    padding-top: -60px !important;
  }

  .p-r-xl-60 {
    padding-right: 60px !important;
  }

  .p-r-xl-n60 {
    padding-right: -60px !important;
  }

  .p-b-xl-60 {
    padding-bottom: 60px !important;
  }

  .p-b-xl-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-xl-60 {
    padding-left: 60px !important;
  }

  .p-l-xl-n60 {
    padding-left: -60px !important;
  }

  .p-x-xl-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-xl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-xl-70 {
    margin: 70px !important;
  }

  .m-xl-n70 {
    margin: -70px !important;
  }

  .m-t-xl-70 {
    margin-top: 70px !important;
  }

  .m-t-xl-n70 {
    margin-top: -70px !important;
  }

  .m-r-xl-70 {
    margin-right: 70px !important;
  }

  .m-r-xl-n70 {
    margin-right: -70px !important;
  }

  .m-b-xl-70 {
    margin-bottom: 70px !important;
  }

  .m-b-xl-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-xl-70 {
    margin-left: 70px !important;
  }

  .m-l-xl-n70 {
    margin-left: -70px !important;
  }

  .m-x-xl-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-xl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-xl-70 {
    padding: 70px !important;
  }

  .p-xl-n70 {
    padding: -70px !important;
  }

  .p-t-xl-70 {
    padding-top: 70px !important;
  }

  .p-t-xl-n70 {
    padding-top: -70px !important;
  }

  .p-r-xl-70 {
    padding-right: 70px !important;
  }

  .p-r-xl-n70 {
    padding-right: -70px !important;
  }

  .p-b-xl-70 {
    padding-bottom: 70px !important;
  }

  .p-b-xl-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-xl-70 {
    padding-left: 70px !important;
  }

  .p-l-xl-n70 {
    padding-left: -70px !important;
  }

  .p-x-xl-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-xl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-xl-80 {
    margin: 80px !important;
  }

  .m-xl-n80 {
    margin: -80px !important;
  }

  .m-t-xl-80 {
    margin-top: 80px !important;
  }

  .m-t-xl-n80 {
    margin-top: -80px !important;
  }

  .m-r-xl-80 {
    margin-right: 80px !important;
  }

  .m-r-xl-n80 {
    margin-right: -80px !important;
  }

  .m-b-xl-80 {
    margin-bottom: 80px !important;
  }

  .m-b-xl-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-xl-80 {
    margin-left: 80px !important;
  }

  .m-l-xl-n80 {
    margin-left: -80px !important;
  }

  .m-x-xl-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-xl-80 {
    padding: 80px !important;
  }

  .p-xl-n80 {
    padding: -80px !important;
  }

  .p-t-xl-80 {
    padding-top: 80px !important;
  }

  .p-t-xl-n80 {
    padding-top: -80px !important;
  }

  .p-r-xl-80 {
    padding-right: 80px !important;
  }

  .p-r-xl-n80 {
    padding-right: -80px !important;
  }

  .p-b-xl-80 {
    padding-bottom: 80px !important;
  }

  .p-b-xl-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-xl-80 {
    padding-left: 80px !important;
  }

  .p-l-xl-n80 {
    padding-left: -80px !important;
  }

  .p-x-xl-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-xl-90 {
    margin: 90px !important;
  }

  .m-xl-n90 {
    margin: -90px !important;
  }

  .m-t-xl-90 {
    margin-top: 90px !important;
  }

  .m-t-xl-n90 {
    margin-top: -90px !important;
  }

  .m-r-xl-90 {
    margin-right: 90px !important;
  }

  .m-r-xl-n90 {
    margin-right: -90px !important;
  }

  .m-b-xl-90 {
    margin-bottom: 90px !important;
  }

  .m-b-xl-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-xl-90 {
    margin-left: 90px !important;
  }

  .m-l-xl-n90 {
    margin-left: -90px !important;
  }

  .m-x-xl-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-xl-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-xl-90 {
    padding: 90px !important;
  }

  .p-xl-n90 {
    padding: -90px !important;
  }

  .p-t-xl-90 {
    padding-top: 90px !important;
  }

  .p-t-xl-n90 {
    padding-top: -90px !important;
  }

  .p-r-xl-90 {
    padding-right: 90px !important;
  }

  .p-r-xl-n90 {
    padding-right: -90px !important;
  }

  .p-b-xl-90 {
    padding-bottom: 90px !important;
  }

  .p-b-xl-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-xl-90 {
    padding-left: 90px !important;
  }

  .p-l-xl-n90 {
    padding-left: -90px !important;
  }

  .p-x-xl-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-xl-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-xl-100 {
    margin: 100px !important;
  }

  .m-xl-n100 {
    margin: -100px !important;
  }

  .m-t-xl-100 {
    margin-top: 100px !important;
  }

  .m-t-xl-n100 {
    margin-top: -100px !important;
  }

  .m-r-xl-100 {
    margin-right: 100px !important;
  }

  .m-r-xl-n100 {
    margin-right: -100px !important;
  }

  .m-b-xl-100 {
    margin-bottom: 100px !important;
  }

  .m-b-xl-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-xl-100 {
    margin-left: 100px !important;
  }

  .m-l-xl-n100 {
    margin-left: -100px !important;
  }

  .m-x-xl-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-xl-100 {
    padding: 100px !important;
  }

  .p-xl-n100 {
    padding: -100px !important;
  }

  .p-t-xl-100 {
    padding-top: 100px !important;
  }

  .p-t-xl-n100 {
    padding-top: -100px !important;
  }

  .p-r-xl-100 {
    padding-right: 100px !important;
  }

  .p-r-xl-n100 {
    padding-right: -100px !important;
  }

  .p-b-xl-100 {
    padding-bottom: 100px !important;
  }

  .p-b-xl-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-xl-100 {
    padding-left: 100px !important;
  }

  .p-l-xl-n100 {
    padding-left: -100px !important;
  }

  .p-x-xl-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-xl-120 {
    margin: 120px !important;
  }

  .m-xl-n120 {
    margin: -120px !important;
  }

  .m-t-xl-120 {
    margin-top: 120px !important;
  }

  .m-t-xl-n120 {
    margin-top: -120px !important;
  }

  .m-r-xl-120 {
    margin-right: 120px !important;
  }

  .m-r-xl-n120 {
    margin-right: -120px !important;
  }

  .m-b-xl-120 {
    margin-bottom: 120px !important;
  }

  .m-b-xl-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-xl-120 {
    margin-left: 120px !important;
  }

  .m-l-xl-n120 {
    margin-left: -120px !important;
  }

  .m-x-xl-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-xl-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-xl-120 {
    padding: 120px !important;
  }

  .p-xl-n120 {
    padding: -120px !important;
  }

  .p-t-xl-120 {
    padding-top: 120px !important;
  }

  .p-t-xl-n120 {
    padding-top: -120px !important;
  }

  .p-r-xl-120 {
    padding-right: 120px !important;
  }

  .p-r-xl-n120 {
    padding-right: -120px !important;
  }

  .p-b-xl-120 {
    padding-bottom: 120px !important;
  }

  .p-b-xl-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-xl-120 {
    padding-left: 120px !important;
  }

  .p-l-xl-n120 {
    padding-left: -120px !important;
  }

  .p-x-xl-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-xl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-xl-140 {
    margin: 140px !important;
  }

  .m-xl-n140 {
    margin: -140px !important;
  }

  .m-t-xl-140 {
    margin-top: 140px !important;
  }

  .m-t-xl-n140 {
    margin-top: -140px !important;
  }

  .m-r-xl-140 {
    margin-right: 140px !important;
  }

  .m-r-xl-n140 {
    margin-right: -140px !important;
  }

  .m-b-xl-140 {
    margin-bottom: 140px !important;
  }

  .m-b-xl-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-xl-140 {
    margin-left: 140px !important;
  }

  .m-l-xl-n140 {
    margin-left: -140px !important;
  }

  .m-x-xl-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-xl-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-xl-140 {
    padding: 140px !important;
  }

  .p-xl-n140 {
    padding: -140px !important;
  }

  .p-t-xl-140 {
    padding-top: 140px !important;
  }

  .p-t-xl-n140 {
    padding-top: -140px !important;
  }

  .p-r-xl-140 {
    padding-right: 140px !important;
  }

  .p-r-xl-n140 {
    padding-right: -140px !important;
  }

  .p-b-xl-140 {
    padding-bottom: 140px !important;
  }

  .p-b-xl-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-xl-140 {
    padding-left: 140px !important;
  }

  .p-l-xl-n140 {
    padding-left: -140px !important;
  }

  .p-x-xl-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-xl-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-xl-150 {
    margin: 150px !important;
  }

  .m-xl-n150 {
    margin: -150px !important;
  }

  .m-t-xl-150 {
    margin-top: 150px !important;
  }

  .m-t-xl-n150 {
    margin-top: -150px !important;
  }

  .m-r-xl-150 {
    margin-right: 150px !important;
  }

  .m-r-xl-n150 {
    margin-right: -150px !important;
  }

  .m-b-xl-150 {
    margin-bottom: 150px !important;
  }

  .m-b-xl-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-xl-150 {
    margin-left: 150px !important;
  }

  .m-l-xl-n150 {
    margin-left: -150px !important;
  }

  .m-x-xl-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-xl-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-xl-150 {
    padding: 150px !important;
  }

  .p-xl-n150 {
    padding: -150px !important;
  }

  .p-t-xl-150 {
    padding-top: 150px !important;
  }

  .p-t-xl-n150 {
    padding-top: -150px !important;
  }

  .p-r-xl-150 {
    padding-right: 150px !important;
  }

  .p-r-xl-n150 {
    padding-right: -150px !important;
  }

  .p-b-xl-150 {
    padding-bottom: 150px !important;
  }

  .p-b-xl-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-xl-150 {
    padding-left: 150px !important;
  }

  .p-l-xl-n150 {
    padding-left: -150px !important;
  }

  .p-x-xl-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-xl-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-xl-160 {
    margin: 160px !important;
  }

  .m-xl-n160 {
    margin: -160px !important;
  }

  .m-t-xl-160 {
    margin-top: 160px !important;
  }

  .m-t-xl-n160 {
    margin-top: -160px !important;
  }

  .m-r-xl-160 {
    margin-right: 160px !important;
  }

  .m-r-xl-n160 {
    margin-right: -160px !important;
  }

  .m-b-xl-160 {
    margin-bottom: 160px !important;
  }

  .m-b-xl-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-xl-160 {
    margin-left: 160px !important;
  }

  .m-l-xl-n160 {
    margin-left: -160px !important;
  }

  .m-x-xl-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-xl-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-xl-160 {
    padding: 160px !important;
  }

  .p-xl-n160 {
    padding: -160px !important;
  }

  .p-t-xl-160 {
    padding-top: 160px !important;
  }

  .p-t-xl-n160 {
    padding-top: -160px !important;
  }

  .p-r-xl-160 {
    padding-right: 160px !important;
  }

  .p-r-xl-n160 {
    padding-right: -160px !important;
  }

  .p-b-xl-160 {
    padding-bottom: 160px !important;
  }

  .p-b-xl-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-xl-160 {
    padding-left: 160px !important;
  }

  .p-l-xl-n160 {
    padding-left: -160px !important;
  }

  .p-x-xl-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-xl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-xl-180 {
    margin: 180px !important;
  }

  .m-xl-n180 {
    margin: -180px !important;
  }

  .m-t-xl-180 {
    margin-top: 180px !important;
  }

  .m-t-xl-n180 {
    margin-top: -180px !important;
  }

  .m-r-xl-180 {
    margin-right: 180px !important;
  }

  .m-r-xl-n180 {
    margin-right: -180px !important;
  }

  .m-b-xl-180 {
    margin-bottom: 180px !important;
  }

  .m-b-xl-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-xl-180 {
    margin-left: 180px !important;
  }

  .m-l-xl-n180 {
    margin-left: -180px !important;
  }

  .m-x-xl-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-xl-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-xl-180 {
    padding: 180px !important;
  }

  .p-xl-n180 {
    padding: -180px !important;
  }

  .p-t-xl-180 {
    padding-top: 180px !important;
  }

  .p-t-xl-n180 {
    padding-top: -180px !important;
  }

  .p-r-xl-180 {
    padding-right: 180px !important;
  }

  .p-r-xl-n180 {
    padding-right: -180px !important;
  }

  .p-b-xl-180 {
    padding-bottom: 180px !important;
  }

  .p-b-xl-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-xl-180 {
    padding-left: 180px !important;
  }

  .p-l-xl-n180 {
    padding-left: -180px !important;
  }

  .p-x-xl-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-xl-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-xl-200 {
    margin: 200px !important;
  }

  .m-xl-n200 {
    margin: -200px !important;
  }

  .m-t-xl-200 {
    margin-top: 200px !important;
  }

  .m-t-xl-n200 {
    margin-top: -200px !important;
  }

  .m-r-xl-200 {
    margin-right: 200px !important;
  }

  .m-r-xl-n200 {
    margin-right: -200px !important;
  }

  .m-b-xl-200 {
    margin-bottom: 200px !important;
  }

  .m-b-xl-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-xl-200 {
    margin-left: 200px !important;
  }

  .m-l-xl-n200 {
    margin-left: -200px !important;
  }

  .m-x-xl-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-xl-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-xl-200 {
    padding: 200px !important;
  }

  .p-xl-n200 {
    padding: -200px !important;
  }

  .p-t-xl-200 {
    padding-top: 200px !important;
  }

  .p-t-xl-n200 {
    padding-top: -200px !important;
  }

  .p-r-xl-200 {
    padding-right: 200px !important;
  }

  .p-r-xl-n200 {
    padding-right: -200px !important;
  }

  .p-b-xl-200 {
    padding-bottom: 200px !important;
  }

  .p-b-xl-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-xl-200 {
    padding-left: 200px !important;
  }

  .p-l-xl-n200 {
    padding-left: -200px !important;
  }

  .p-x-xl-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-xl-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-xl-210 {
    margin: 210px !important;
  }

  .m-xl-n210 {
    margin: -210px !important;
  }

  .m-t-xl-210 {
    margin-top: 210px !important;
  }

  .m-t-xl-n210 {
    margin-top: -210px !important;
  }

  .m-r-xl-210 {
    margin-right: 210px !important;
  }

  .m-r-xl-n210 {
    margin-right: -210px !important;
  }

  .m-b-xl-210 {
    margin-bottom: 210px !important;
  }

  .m-b-xl-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-xl-210 {
    margin-left: 210px !important;
  }

  .m-l-xl-n210 {
    margin-left: -210px !important;
  }

  .m-x-xl-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-xl-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-xl-210 {
    padding: 210px !important;
  }

  .p-xl-n210 {
    padding: -210px !important;
  }

  .p-t-xl-210 {
    padding-top: 210px !important;
  }

  .p-t-xl-n210 {
    padding-top: -210px !important;
  }

  .p-r-xl-210 {
    padding-right: 210px !important;
  }

  .p-r-xl-n210 {
    padding-right: -210px !important;
  }

  .p-b-xl-210 {
    padding-bottom: 210px !important;
  }

  .p-b-xl-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-xl-210 {
    padding-left: 210px !important;
  }

  .p-l-xl-n210 {
    padding-left: -210px !important;
  }

  .p-x-xl-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-xl-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-xl-220 {
    margin: 220px !important;
  }

  .m-xl-n220 {
    margin: -220px !important;
  }

  .m-t-xl-220 {
    margin-top: 220px !important;
  }

  .m-t-xl-n220 {
    margin-top: -220px !important;
  }

  .m-r-xl-220 {
    margin-right: 220px !important;
  }

  .m-r-xl-n220 {
    margin-right: -220px !important;
  }

  .m-b-xl-220 {
    margin-bottom: 220px !important;
  }

  .m-b-xl-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-xl-220 {
    margin-left: 220px !important;
  }

  .m-l-xl-n220 {
    margin-left: -220px !important;
  }

  .m-x-xl-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-xl-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-xl-220 {
    padding: 220px !important;
  }

  .p-xl-n220 {
    padding: -220px !important;
  }

  .p-t-xl-220 {
    padding-top: 220px !important;
  }

  .p-t-xl-n220 {
    padding-top: -220px !important;
  }

  .p-r-xl-220 {
    padding-right: 220px !important;
  }

  .p-r-xl-n220 {
    padding-right: -220px !important;
  }

  .p-b-xl-220 {
    padding-bottom: 220px !important;
  }

  .p-b-xl-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-xl-220 {
    padding-left: 220px !important;
  }

  .p-l-xl-n220 {
    padding-left: -220px !important;
  }

  .p-x-xl-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-xl-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-xl-230 {
    margin: 230px !important;
  }

  .m-xl-n230 {
    margin: -230px !important;
  }

  .m-t-xl-230 {
    margin-top: 230px !important;
  }

  .m-t-xl-n230 {
    margin-top: -230px !important;
  }

  .m-r-xl-230 {
    margin-right: 230px !important;
  }

  .m-r-xl-n230 {
    margin-right: -230px !important;
  }

  .m-b-xl-230 {
    margin-bottom: 230px !important;
  }

  .m-b-xl-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-xl-230 {
    margin-left: 230px !important;
  }

  .m-l-xl-n230 {
    margin-left: -230px !important;
  }

  .m-x-xl-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-xl-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-xl-230 {
    padding: 230px !important;
  }

  .p-xl-n230 {
    padding: -230px !important;
  }

  .p-t-xl-230 {
    padding-top: 230px !important;
  }

  .p-t-xl-n230 {
    padding-top: -230px !important;
  }

  .p-r-xl-230 {
    padding-right: 230px !important;
  }

  .p-r-xl-n230 {
    padding-right: -230px !important;
  }

  .p-b-xl-230 {
    padding-bottom: 230px !important;
  }

  .p-b-xl-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-xl-230 {
    padding-left: 230px !important;
  }

  .p-l-xl-n230 {
    padding-left: -230px !important;
  }

  .p-x-xl-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-xl-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-xl-240 {
    margin: 240px !important;
  }

  .m-xl-n240 {
    margin: -240px !important;
  }

  .m-t-xl-240 {
    margin-top: 240px !important;
  }

  .m-t-xl-n240 {
    margin-top: -240px !important;
  }

  .m-r-xl-240 {
    margin-right: 240px !important;
  }

  .m-r-xl-n240 {
    margin-right: -240px !important;
  }

  .m-b-xl-240 {
    margin-bottom: 240px !important;
  }

  .m-b-xl-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-xl-240 {
    margin-left: 240px !important;
  }

  .m-l-xl-n240 {
    margin-left: -240px !important;
  }

  .m-x-xl-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-xl-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-xl-240 {
    padding: 240px !important;
  }

  .p-xl-n240 {
    padding: -240px !important;
  }

  .p-t-xl-240 {
    padding-top: 240px !important;
  }

  .p-t-xl-n240 {
    padding-top: -240px !important;
  }

  .p-r-xl-240 {
    padding-right: 240px !important;
  }

  .p-r-xl-n240 {
    padding-right: -240px !important;
  }

  .p-b-xl-240 {
    padding-bottom: 240px !important;
  }

  .p-b-xl-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-xl-240 {
    padding-left: 240px !important;
  }

  .p-l-xl-n240 {
    padding-left: -240px !important;
  }

  .p-x-xl-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-xl-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-xl-250 {
    margin: 250px !important;
  }

  .m-xl-n250 {
    margin: -250px !important;
  }

  .m-t-xl-250 {
    margin-top: 250px !important;
  }

  .m-t-xl-n250 {
    margin-top: -250px !important;
  }

  .m-r-xl-250 {
    margin-right: 250px !important;
  }

  .m-r-xl-n250 {
    margin-right: -250px !important;
  }

  .m-b-xl-250 {
    margin-bottom: 250px !important;
  }

  .m-b-xl-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-xl-250 {
    margin-left: 250px !important;
  }

  .m-l-xl-n250 {
    margin-left: -250px !important;
  }

  .m-x-xl-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-xl-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-xl-250 {
    padding: 250px !important;
  }

  .p-xl-n250 {
    padding: -250px !important;
  }

  .p-t-xl-250 {
    padding-top: 250px !important;
  }

  .p-t-xl-n250 {
    padding-top: -250px !important;
  }

  .p-r-xl-250 {
    padding-right: 250px !important;
  }

  .p-r-xl-n250 {
    padding-right: -250px !important;
  }

  .p-b-xl-250 {
    padding-bottom: 250px !important;
  }

  .p-b-xl-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-xl-250 {
    padding-left: 250px !important;
  }

  .p-l-xl-n250 {
    padding-left: -250px !important;
  }

  .p-x-xl-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-xl-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

a.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.border-0 {
  border: none !important;
}

.border-t-0 {
  border-top: none !important;
}

.border-b-0 {
  border-bottom: none !important;
}

.border-l-0 {
  border-left: none !important;
}

.border-r-0 {
  border-right: none !important;
}

.badge-primary {
  background-color: #2961ff !important;
}

.badge-info {
  background-color: #7460ee !important;
}

.badge-secondary {
  background-color: #00ab83 !important;
}

.min-h-100 {
  min-height: 100%;
}

.badge {
  display: inline-flex;
  padding: 0.1em 0.5em;
  font-size: 11px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
}

.badge:not(.auto-line-height) {
  line-height: 13px !important;
}

.badge i {
  line-height: 13px;
  margin-right: 4px;
}

.badge.icon-only i {
  margin: 0;
}

.badge.pull-right {
  float: right;
}

.badge.col-brown {
  color: #ffffff !important;
  background-color: #795548 !important;
  border-color: #795548 !important;
}

.badge.col-red {
  color: #ffffff !important;
  background-color: #F44336 !important;
  border-color: #F44336 !important;
}

.badge.col-light-green {
  color: #ffffff !important;
  background-color: #8BC34A !important;
  border-color: #8BC34A !important;
}

.badge.col-grey {
  color: #ffffff !important;
  background-color: #9E9E9E !important;
  border-color: #9E9E9E !important;
}

.badge.col-blue {
  color: #ffffff !important;
  background-color: #2196F3 !important;
  border-color: #2196F3 !important;
}

.badge.col-orange {
  color: #ffffff !important;
  background-color: #FF9800 !important;
  border-color: #FF9800 !important;
}

.badge.col-pink {
  color: #ffffff !important;
  background-color: #E91E63 !important;
  border-color: #E91E63 !important;
}

.badge.col-green {
  color: #ffffff !important;
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
}

.badge.col-purple {
  color: #ffffff !important;
  background-color: #9C27B0 !important;
  border-color: #9C27B0 !important;
}

.badge.col-deep-purple {
  color: #ffffff !important;
  background-color: #673AB7 !important;
  border-color: #673AB7 !important;
}

.badge.col-indigo {
  color: #ffffff !important;
  background-color: #3F51B5 !important;
  border-color: #3F51B5 !important;
}

.badge.col-light-blue {
  color: #ffffff !important;
  background-color: #03A9F4 !important;
  border-color: #03A9F4 !important;
}

.badge.col-cyan {
  color: #ffffff !important;
  background-color: #00BCD4 !important;
  border-color: #00BCD4 !important;
}

.badge.col-teal {
  color: #ffffff !important;
  background-color: #009688 !important;
  border-color: #009688 !important;
}

.badge.col-lime {
  color: #ffffff !important;
  background-color: #CDDC39 !important;
  border-color: #CDDC39 !important;
}

.badge.col-yellow {
  color: #454545 !important;
  background-color: #ffe821 !important;
  border-color: #ffe821 !important;
}

.badge.col-amber {
  color: #ffffff !important;
  background-color: #FFC107 !important;
  border-color: #FFC107 !important;
}

.badge.col-deep-orange {
  color: #ffffff !important;
  background-color: #FF5722 !important;
  border-color: #FF5722 !important;
}

.badge.col-blue-grey {
  color: #ffffff !important;
  background-color: #607D8B !important;
  border-color: #607D8B !important;
}

.badge.col-black {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.badge.col-white {
  color: #222 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.badge.badge-md {
  width: 20px;
  height: 20px;
}

.badge.badge-sm {
  width: 14px;
  height: 14px;
}

.badge.badge-circle {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.badge.icon-only {
  font-size: 9px;
  padding: 0;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.custom-control-label {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget {
  /* Base z-index - higher than normal dropdowns but works with modals */
  z-index: 1075 !important;
  position: absolute !important;
  /* Ensure visibility in modals - highest priority */
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Specific modal context fixes */

body.modal-open .bootstrap-datetimepicker-widget {
  z-index: 1075 !important;
  position: absolute !important;
}

body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Modal body specific rules - highest priority for modal contexts */

.modal-body .bootstrap-datetimepicker-widget,
.modal .bootstrap-datetimepicker-widget {
  z-index: 1075 !important;
  position: absolute !important;
}

.modal-body .bootstrap-datetimepicker-widget.dropdown-menu,
.modal .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Fix for container positioning that might interfere */

.modal-body .form-group {
  overflow: visible !important;
  position: relative;
}

.modal-body .input-group {
  overflow: visible !important;
  position: relative;
}

/* Ensure parent containers don't clip the datepicker */

.modal-body,
.modal-content {
  overflow: visible !important;
}

@media (max-width: 576px) {
  .modal-body,
  .modal-content {
    overflow: auto !important;
  }
}

/* Additional specificity for when both classes are present */

.bootstrap-datetimepicker-widget.dropdown-menu.open,
.modal .bootstrap-datetimepicker-widget.dropdown-menu.open,
.modal-body .bootstrap-datetimepicker-widget.dropdown-menu.open,
body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu.open {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Fix for specific form styling within datepicker */

ul {
  margin: 0;
  padding: 0;
}

ul li.collapse.in {
  display: block;
}

ul li.collapse .timepicker .table-condensed .icon-chevron-up,
ul li.collapse .timepicker .table-condensed .icon-chevron-down {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0px;
  text-indent: -99999999em;
  background: url(/images/navigate-up-arrow.svg?7a58dac1217876946fe0430973a7324b) no-repeat center center;
  background-size: 100% auto;
}

ul li.collapse .timepicker .table-condensed .icon-chevron-down {
  background: url(/images/navigate-down-arrow.svg?62cd43feb115052b955df8188c7bec9d) no-repeat center center;
  background-size: 100% auto;
}

ul li.collapse .timepicker .table-condensed tr td {
  vertical-align: middle;
}

ul li.picker-switch a {
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  cursor: pointer;
}

ul li.picker-switch a .icon-time,
ul li.picker-switch a .icon-calendar {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 0px;
  text-indent: -99999999em;
  background: url(/images/wall-clock.svg?1d4cf3e68ffefbe6ff79e7b11be2ed19) no-repeat center center;
  background-size: 100% auto;
}

ul li.picker-switch a .icon-calendar {
  background: url(/images/calendar-ico.svg?62560eb454a30289d7e42b94895f7aba) no-repeat center center;
  background-size: 100% auto;
}

th,
td {
  width: 35px;
}

td .month,
td .year {
  width: 58px;
}

td.active,
td.active:hover,
td span.active {
  background-image: none !important;
  background: transparent !important;
  background-color: #2961ff !important;
}

div > .bootstrap-datetimepicker-widget {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 100% !important;
}

.dropdown-toggle.arrow-none:after {
  display: none !important;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: none;
  padding: 0;
  transform: inherit;
  z-index: 12;
}

.dropdown-menu.scrollable {
  z-index: 12;
  height: 300px;
  max-height: 100vh;
  overflow: auto;
}

.dropdown-menu .dropdown-header {
  padding: 6px 14px;
  background-color: #fbfbfb;
}

.dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 5px 12px;
  outline: none !important;
}

.dropdown-menu .dropdown-top-border {
  display: block;
  border-top: 4px solid #2961ff;
}

.dropdown-menu .divider {
  margin: 0;
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu .header {
  font-size: 13px;
  font-weight: bold;
  min-width: 270px;
  border-bottom: 1px solid #eee;
  text-align: center;
  padding: 11px 0 8px 0;
  text-transform: uppercase;
}

.dropdown-menu ul.menu {
  padding-left: 0;
}

.dropdown-menu ul.menu#top-bar-notifications-menu {
  min-height: 254px;
}

.dropdown-menu ul.menu li {
  border-bottom: 1px solid #eee;
}

.dropdown-menu ul.menu li:last-child {
  border-bottom: none;
}

.dropdown-menu ul.menu li a,
.dropdown-menu ul.menu li button {
  display: block;
  padding: 7px 11px;
  text-decoration: none;
}

.dropdown-menu ul.menu li a:hover,
.dropdown-menu ul.menu li button:hover {
  background-color: #e9e9e9;
}

.dropdown-menu ul.menu .icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.dropdown-menu ul.menu .icon-circle i {
  font-size: 18px;
  line-height: 36px;
}

.dropdown-menu ul.menu.tasks h4 {
  color: #333;
  font-size: 13px;
  margin: 0 0 8px 0;
}

.dropdown-menu ul.menu.tasks h4 small {
  float: right;
  margin-top: 6px;
}

.dropdown-menu ul.menu.tasks .progress {
  height: 7px;
  margin-bottom: 7px;
}

.dropdown-menu ul.menu .menu-info {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 5px;
}

.dropdown-menu ul.menu .menu-info h4 {
  margin: 0;
  font-size: 14px;
  color: #333;
  font-weight: 700;
}

.dropdown-menu ul.menu .menu-info h4 .label {
  display: inline;
  padding: 0.12em 0.6em;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
}

.dropdown-menu ul.menu .menu-info p {
  margin: 0;
  font-size: 11px;
  color: #aaa;
}

.dropdown-menu ul.menu .menu-info p .material-icons {
  font-size: 13px;
  color: #aaa;
  position: relative;
  top: 2px;
}

.dropdown-menu .footer {
  padding: 0 !important;
}

.dropdown-menu .footer a {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 5px 0 5px 0;
  font-size: 12px;
}

.dropdown-menu .footer a:hover {
  background-color: transparent;
  color: #000;
}

.dropdown-menu > li a,
.dropdown-menu > li .txt-btn,
.dropdown-menu > li .message-item,
.dropdown-menu > li .dropdown-item {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 6px 14px;
  border: none;
  text-align: left;
  cursor: pointer;
}

.dropdown-menu > li a:hover:not(.no-bg),
.dropdown-menu > li .txt-btn:hover:not(.no-bg),
.dropdown-menu > li .message-item:hover:not(.no-bg),
.dropdown-menu > li .dropdown-item:hover:not(.no-bg) {
  background-color: rgba(0, 0, 0, 0.075);
  text-decoration: none;
}

.dropdown-menu > li .btn-link {
  text-align: left;
  border: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: inherit !important;
  text-decoration: none !important;
  padding: 9px 18px;
  color: #666;
  display: block;
  font-size: 14px;
  line-height: 17px;
}

.dropdown-menu > li .btn-link:hover {
  background-color: rgba(0, 0, 0, 0.075);
  text-decoration: none;
}

.dropdown-menu > li .btn-link i.material-icons {
  float: left;
  margin-right: 7px;
  margin-top: -2px;
  font-size: 20px;
}

.dropdown-menu.pos-bottom {
  top: 100% !important;
  transform: inherit !important;
  max-height: 356px;
  overflow: auto;
  z-index: 3;
}

.dropdown-menu.pos-bottom.dropdown-menu-right {
  left: auto !important;
  right: 0 !important;
}

.dropdown-menu.pos-bottom .bx {
  display: block;
}

.dropdown-menu.pos-bottom .bx .cls {
  display: none;
}

.dropdown-menu.xs {
  width: 80px;
  min-width: 80px;
}

@media (max-width : 575px) {
  .dropdown-menu.pos-bottom {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    max-height: 100% !important;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
  }

  .dropdown-menu.pos-bottom .bx {
    background-color: #fff;
    max-width: 230px;
    padding: 10px 24px 10px 10px;
    margin: 0 auto;
    position: relative;
  }

  .dropdown-menu.pos-bottom .bx .cls {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
    background-size: 12px auto;
  }

  .dropdown-menu.pos-bottom.filter-more .bx {
    max-width: 300px;
  }
}

.dropdown.show .dropdown-toggle:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.sort-listing .dropdown-menu > li,
.sort-listing .dropdown-menu > li a,
.sort-listing .dropdown-menu > a {
  font-weight: 700;
}

.dropdown-animated {
  animation-duration: 0.3s !important;
}

.ui-widget.ui-widget-content {
  z-index: 99999;
  max-height: 294px;
  overflow: auto;
}

.ui-widget.ui-widget-content .ui-menu-item-wrapper {
  margin: 0 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 6px 6px;
}

.ui-widget.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
  border: none !important;
  background-color: #2961ff !important;
}

.info-box-3 .content {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.info-box-3 .content .text {
  display: block;
  width: 100%;
  margin: 0;
}

.info-box-3 .content .number.sm {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}

.info-box-3 .icon {
  z-index: 0;
}

.info-box-3 .icon i.fas,
.info-box-3 .icon i.far,
.info-box-3 .icon i.fab {
  font-size: 56px;
  position: relative;
  top: -10px;
}

a.info-box-3 {
  cursor: pointer;
}

.bg-light-green,
.info-box-2.col-light-green {
  background-color: #8BC34A !important;
  color: #fff !important;
}

.bg-red,
.info-box-2.col-red {
  background-color: #F44336 !important;
  color: #fff !important;
}

.bg-red .content .text,
.bg-red .content .number,
.info-box-2.col-red .content .text,
.info-box-2.col-red .content .number {
  color: #fff !important;
}

.bg-pink,
.info-box-2.col-pink {
  background-color: #E91E63 !important;
  color: #fff !important;
}

.bg-pink .content .text,
.bg-pink .content .number,
.info-box-2.col-pink .content .text,
.info-box-2.col-pink .content .number {
  color: #fff !important;
}

.bg-purple,
.info-box-2.col-purple {
  background-color: #9C27B0 !important;
  color: #fff !important;
}

.bg-purple .content .text,
.bg-purple .content .number,
.info-box-2.col-purple .content .text,
.info-box-2.col-purple .content .number {
  color: #fff !important;
}

.bg-deep-purple,
.info-box-2.col-deep-purple {
  background-color: #673AB7 !important;
  color: #fff !important;
}

.bg-deep-purple .content .text,
.bg-deep-purple .content .number,
.info-box-2.col-deep-purple .content .text,
.info-box-2.col-deep-purple .content .number {
  color: #fff !important;
}

/* Fix for Select2 search field input issues in modals */

.modal-body .select2-search__field {
  z-index: 1061 !important;
  position: relative !important;
  background: #fff !important;
  /* Ensure the field is interactive */
  pointer-events: auto !important;
  /* Prevent text selection issues */
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  /* Critical fixes for typing functionality */
  opacity: 1 !important;
  visibility: visible !important;
  outline: 0;
  /* Font and display properties */
  font-family: inherit;
  font-size: 14px;
  color: #555;
  box-sizing: border-box;
  width: 100% !important;
  /* Remove any blocking transforms */
  transform: none !important;
  isolation: isolate;
}

/* Enhanced focus state for search field */

.modal-body .select2-search__field:focus {
  border-color: #007bff !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
  outline: 0 !important;
  background: #fff !important;
  z-index: 1062 !important;
}

/* Specific fixes for user and access modals */

#global-add-user-modal .modal-dialog {
  z-index: 1060;
}

#global-add-user-modal .modal-body .dropdown-menu,
#global-add-user-modal .modal-body .select2-container,
#global-add-user-modal .modal-body .select2-dropdown {
  z-index: 1060 !important;
}

/* Ensure select elements work properly in modals */

.modal select {
  z-index: auto;
}

.modal .form-group {
  position: relative;
  z-index: 1;
}

/* Fix for custom dropdown implementations - only inside modal-body */

.modal-body .custom-select {
  z-index: 1060 !important;
}

.modal-body .custom-select-dropdown {
  z-index: 1060 !important;
}

/* Additional fixes for common dropdown libraries - only inside modal-body */

.modal-body .chosen-container {
  z-index: 1060 !important;
}

.modal-body .chosen-drop {
  z-index: 1060 !important;
}

/* Bootstrap 4/5 specific dropdown fixes - only inside modal-body */

.modal-body .btn-group .dropdown-menu {
  z-index: 1060 !important;
}

.modal-body .input-group .dropdown-menu {
  z-index: 1060 !important;
}

/* Fix for country/nationality dropdown appearing behind form controls in modals */

.modal-body .countryDrop,
.modal-body .nationalityDrop,
.modal-body .contact_form .countryDrop,
.modal-body .contact_form .nationalityDrop {
  z-index: 1060 !important;
}

.modal-body .contact_form .selCountry .countryDrop ul,
.modal-body .contact_form .selNationality .countryDrop ul,
.modal-body .contact_form .selNationality .nationalityDrop ul {
  max-height: 200px;
  overflow-y: auto;
}

/* Ensure the parent selCountry/selNationality container doesn't create a trapping stacking context */

.modal-body .selCountry,
.modal-body .selNationality,
.modal-body .contact_form .selCountry,
.modal-body .contact_form .selNationality,
.modal-body .contact-country-field {
  position: relative;
  z-index: auto;
  overflow: visible;
}

/* Ensure tooltips and popovers also appear above modals */

.tooltip {
  z-index: 9999 !important;
}

.popover {
  z-index: 9999 !important;
}

/* Fix for date pickers and other overlay components */

.datepicker,
.ui-datepicker {
  z-index: 9999 !important;
}

.ui-autocomplete {
  z-index: 9999 !important;
}

/* Additional date-picker fixes for modal contexts */

.modal-body .datepicker,
.modal-body .ui-datepicker,
.modal .datepicker,
.modal .ui-datepicker {
  z-index: 1075 !important;
}

/* Fix for withIco date-picker calendar in modals */

.modal-body .withIco .datepicker,
.modal-body .withIco .ui-datepicker,
.modal-body .date-picker .datepicker,
.modal-body .date-picker .ui-datepicker,
.modal-body .input-append .datepicker,
.modal-body .input-append .ui-datepicker {
  z-index: 1075 !important;
}

/* Bootstrap datepicker specific fixes for modals - updated z-index */

.modal-body .bootstrap-datetimepicker-widget,
.modal .bootstrap-datetimepicker-widget {
  z-index: 1075 !important;
  position: absolute !important;
}

/* More specific rule for bootstrap-datetimepicker with dropdown-menu class */

.modal-body .bootstrap-datetimepicker-widget.dropdown-menu,
.modal .bootstrap-datetimepicker-widget.dropdown-menu,
body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* jQuery UI datepicker specific fixes for modals */

.modal-body .ui-datepicker-div,
.modal .ui-datepicker-div {
  z-index: 1075 !important;
}

/* Calendar popup containers in modals */

.modal-body .calendar-popup,
.modal-body .date-picker-popup,
.modal .calendar-popup,
.modal .date-picker-popup {
  z-index: 1075 !important;
}

/* Ensure dropdowns don't get cut off by modal boundaries */

.modal {
  overflow: visible;
}

.modal-dialog {
  overflow: visible;
}

.modal-content {
  overflow: visible;
}

.modal-body {
  overflow: visible;
}

/* End of Global Modal Z-Index Fixes */

.bg-indigo,
.info-box-2.col-indigo {
  background-color: #3F51B5 !important;
  color: #fff !important;
}

.bg-indigo .content .text,
.bg-indigo .content .number,
.info-box-2.col-indigo .content .text,
.info-box-2.col-indigo .content .number {
  color: #fff !important;
}

.bg-blue,
.info-box-2.col-blue {
  background-color: #2961ff !important;
  color: #fff !important;
}

.bg-blue .content .text,
.bg-blue .content .number,
.info-box-2.col-blue .content .text,
.info-box-2.col-blue .content .number {
  color: #fff !important;
}

.bg-light-blue,
.info-box-2.col-light-blue {
  background-color: #03A9F4 !important;
  color: #fff !important;
}

.bg-light-blue .content .text,
.bg-light-blue .content .number,
.info-box-2.col-light-blue .content .text,
.info-box-2.col-light-blue .content .number {
  color: #fff !important;
}

.bg-cyan,
.info-box-2.col-cyan {
  background-color: #00BCD4 !important;
  color: #fff !important;
}

.bg-cyan .content .text,
.bg-cyan .content .number,
.info-box-2.col-cyan .content .text,
.info-box-2.col-cyan .content .number {
  color: #fff !important;
}

.bg-teal,
.info-box-2.col-teal {
  background-color: #009688 !important;
  color: #fff !important;
}

.bg-teal .content .text,
.bg-teal .content .number,
.info-box-2.col-teal .content .text,
.info-box-2.col-teal .content .number {
  color: #fff !important;
}

.bg-green,
.info-box-2.col-green {
  background-color: #4CAF50 !important;
  color: #fff !important;
}

.bg-green .content .text,
.bg-green .content .number,
.info-box-2.col-green .content .text,
.info-box-2.col-green .content .number {
  color: #fff !important;
}

.bg-light-green,
.info-box-2.col-light-green {
  background-color: #8BC34A !important;
  color: #fff !important;
}

.bg-light-green .content .text,
.bg-light-green .content .number,
.info-box-2.col-light-green .content .text,
.info-box-2.col-light-green .content .number {
  color: #fff !important;
}

.bg-lime,
.info-box-2.col-lime {
  background-color: #CDDC39 !important;
  color: #fff !important;
}

.bg-lime .content .text,
.bg-lime .content .number,
.info-box-2.col-lime .content .text,
.info-box-2.col-lime .content .number {
  color: #fff !important;
}

.bg-yellow,
.info-box-2.col-yellow {
  background-color: #ffe821 !important;
  color: #fff !important;
}

.bg-yellow .content .text,
.bg-yellow .content .number,
.info-box-2.col-yellow .content .text,
.info-box-2.col-yellow .content .number {
  color: #fff !important;
}

.bg-amber,
.info-box-2.col-amber {
  background-color: #FFC107 !important;
  color: #fff !important;
}

.bg-amber .content .text,
.bg-amber .content .number,
.info-box-2.col-amber .content .text,
.info-box-2.col-amber .content .number {
  color: #fff !important;
}

.bg-orange,
.info-box-2.col-orange {
  background-color: #FF9800 !important;
  color: #fff !important;
}

.bg-orange .content .text,
.bg-orange .content .number,
.info-box-2.col-orange .content .text,
.info-box-2.col-orange .content .number {
  color: #fff !important;
}

.bg-deep-orange,
.info-box-2.col-deep-orange {
  background-color: #FF5722 !important;
  color: #fff !important;
}

.bg-deep-orange .content .text,
.bg-deep-orange .content .number,
.info-box-2.col-deep-orange .content .text,
.info-box-2.col-deep-orange .content .number {
  color: #fff !important;
}

.bg-brown,
.info-box-2.col-brown {
  background-color: #795548 !important;
  color: #fff !important;
}

.bg-brown .content .text,
.bg-brown .content .number,
.info-box-2.col-brown .content .text,
.info-box-2.col-brown .content .number {
  color: #fff !important;
}

.bg-grey,
.info-box-2.col-grey {
  background-color: #9E9E9E !important;
  color: #fff !important;
}

.bg-grey .content .text,
.bg-grey .content .number,
.info-box-2.col-grey .content .text,
.info-box-2.col-grey .content .number {
  color: #fff !important;
}

.bg-light-grey {
  background-color: #f6f9fb !important;
}

.bg-blue-grey,
.info-box-2.col-blue-grey {
  background-color: #607D8B !important;
  color: #fff !important;
}

.bg-blue-grey .content .text,
.bg-blue-grey .content .number,
.info-box-2.col-blue-grey .content .text,
.info-box-2.col-blue-grey .content .number {
  color: #fff !important;
}

.bg-black,
.info-box-2.col-black {
  background-color: #000000 !important;
  color: #fff !important;
}

.bg-black .content .text,
.bg-black .content .number,
.info-box-2.col-black .content .text,
.info-box-2.col-black .content .number {
  color: #fff !important;
}

.bg-white,
.info-box-2.col-white {
  background-color: #ffffff !important;
  color: #222 !important;
}

.bg-white .content .text,
.bg-white .content .number,
.info-box-2.col-white .content .text,
.info-box-2.col-white .content .number {
  color: #222 !important;
}

.col-red {
  color: #F44336 !important;
}

.col-pink {
  color: #E91E63 !important;
}

.col-purple {
  color: #9C27B0 !important;
}

.col-deep-purple {
  color: #673AB7 !important;
}

.col-indigo {
  color: #3F51B5 !important;
}

.col-blue {
  color: #2196F3 !important;
}

.col-light-blue {
  color: #03A9F4 !important;
}

.col-cyan {
  color: #00BCD4 !important;
}

.col-teal {
  color: #009688 !important;
}

.col-green {
  color: #4CAF50 !important;
}

.col-light-green {
  color: #8BC34A !important;
}

.col-lime {
  color: #CDDC39 !important;
}

.col-yellow {
  color: #ffe821 !important;
}

.col-amber {
  color: #FFC107 !important;
}

.col-orange {
  color: #FF9800 !important;
}

.col-deep-orange {
  color: #FF5722 !important;
}

.col-brown {
  color: #795548 !important;
}

.col-grey {
  color: #9E9E9E !important;
}

.col-blue-grey {
  color: #607D8B !important;
}

.col-black {
  color: #000000 !important;
}

.col-white {
  color: #ffffff !important;
}

.waves-block {
  display: block;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.del-field {
  display: inline-block;
  color: #fa6767 !important;
  font-size: 18px;
  cursor: pointer;
  margin: 4px 0 0 0;
}

.del-field:hover {
  color: #fd4141 !important;
}

.del-field.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.with-del,
.with-action {
  position: relative;
  padding-right: 24px;
}

.with-del .del-field,
.with-del .action,
.with-action .del-field,
.with-action .action {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 8px;
  right: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.with-del .del-field .material-icons,
.with-del .action .material-icons,
.with-action .del-field .material-icons,
.with-action .action .material-icons {
  font-size: 22px;
}

.fas.fa-phone:before {
  display: inline-block;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

a.disabled {
  pointer-events: none;
}

.table .thead-light th {
  background-color: #f4f8fa !important;
}

.table .thead-dark th {
  background-color: #000 !important;
  color: #fff !important;
}

.table .thead-dark th a {
  color: #fff !important;
}

.table input[type=radio],
.table input[type=checkbox] {
  height: 22px !important;
}

.table.value-table tr td {
  background-color: #f1f4fb;
  border: 2px solid #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 8px 10px;
}

.table.value-table tr td.dark {
  background-color: #cdd3de;
  font-weight: 700;
}

.table.ytdTable tr th {
  font-size: 20px;
  line-height: 24px;
  padding: 10px 10px !important;
  border: none;
}

.table.ytdTable tr td {
  padding: 10px 10px !important;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  text-align: center;
}

.table.ytdTable tr td .txt {
  display: block;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
}

.table.design-table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 14px;
  background-color: #eef3f7;
}

.table.design-table tr {
  position: relative;
  background-color: #fff;
}

.table.design-table tr td {
  border: none;
  padding: 30px 10px;
  position: static !important;
}

.table.design-table tr td .txt-id {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  text-decoration: none;
}

.table.design-table tr td .txt-tl {
  display: block;
  color: #3e4954;
  font-size: 14.5px;
  line-height: 18px;
  font-weight: 600;
}

.table.design-table tr td .txt-tl.md {
  font-size: 14px;
}

.table.design-table tr td .txt-tl.sm {
  font-size: 13px;
  line-height: 17px;
}

.table.design-table tr td .txt-tl.text-center {
  justify-content: center;
}

.table.design-table tr td .txt-tl.text-right {
  justify-content: flex-end;
}

.table.design-table tr td .txt-tl:not(:first-child) {
  margin: 6px 0 0 0;
}

.table.design-table tr td .txt-tl img {
  display: inline;
  vertical-align: middle;
  max-height: 24px;
  margin: -2px 6px 0 0;
  opacity: 0.7;
}

.table.design-table tr td .txt-tl img.sm {
  max-height: 20px;
}

.table.design-table tr td .txt-tl i {
  font-size: 19px;
  line-height: 20px;
  margin: 0 6px 0 0;
  color: #747474;
}

.table.design-table tr td .txt-lg {
  display: block;
  color: #313131;
  font-size: 14.5px;
  line-height: 18px;
  font-weight: 700;
}

.table.design-table tr td .txt-lg a {
  display: inline;
  vertical-align: middle;
}

.table.design-table tr td .txt-lg a:not(:last-child) {
  margin-right: 6px;
}

.table.design-table tr td .txt-lg.md {
  font-size: 14px;
}

.table.design-table tr td .txt-lg.sm {
  font-size: 13px;
  line-height: 17px;
}

.table.design-table tr td .txt-lg.c-name {
  display: block;
  font-size: 13px;
  line-height: 17px;
}

.table.design-table tr td .txt-lg.c-name:not(:first-child) {
  margin: 4px 0 0 0;
}

.table.design-table tr td .txt-lg.c-name a {
  display: inline;
}

.table.design-table tr td .txt-lg.c-name .text-normal {
  display: inline;
  font-weight: 500;
  color: #3e4954;
}

.table.design-table tr td .txt-lg:not(:first-child) {
  margin: 6px 0 0 0;
}

.table.design-table tr td .txt-lg.text-center {
  justify-content: center;
}

.table.design-table tr td .txt-lg.long-text {
  word-break: break-word;
}

.table.design-table tr td .txt-lg .nm:hover {
  color: #2961ff;
}

.table.design-table tr td .txt-lg .links {
  display: inline-block;
  align-items: center;
}

.table.design-table tr td .txt-lg .links:not(:last-child) {
  margin-right: 6px;
}

.table.design-table tr td .txt-lg .links i {
  margin: 0;
}

.table.design-table tr td .txt-lg img {
  display: block;
  float: left;
  max-height: 24px;
  width: auto;
  margin: 0 6px 0 0;
  opacity: 0.7;
  position: relative;
  top: 0px;
}

.table.design-table tr td .txt-lg img.sm {
  max-height: 20px;
}

.table.design-table tr td .txt-lg i {
  font-size: 17px;
  line-height: 20px;
  margin: 0 6px 0 0;
  color: #747474;
}

.table.design-table tr td .txt-lg .badge {
  display: inline-block;
  vertical-align: middle;
}

.table.design-table tr td .txt-lg .badge:not(:last-child) {
  margin-right: 6px;
}

.table.design-table tr td .action {
  display: flex;
  margin: 0 -3px;
  align-items: center;
  min-height: 46px;
}

.table.design-table tr td .action.text-center {
  justify-content: center;
}

.table.design-table tr td .action.text-right {
  justify-content: flex-end;
}

.table.design-table tr td .action:not(:first-child) {
  margin-top: 8px;
}

.table.design-table tr td .action .btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  float: left;
  margin: 0 3px;
}

.table.design-table tr td .tags {
  display: flex;
  flex-wrap: wrap;
}

.table.design-table tr td .tags:not(:first-child) {
  margin: 6px 0 0 0;
}

.table.design-table tr td .tags .badge {
  display: block;
  float: left;
  margin: 0 4px 4px 0;
}

.table.design-table tr td .feature-list {
  padding: 0;
  margin: 6px 0 0 0;
  white-space: nowrap;
}

.table.design-table tr td .feature-list:first-child {
  margin: 0;
}

.table.design-table tr td .feature-list.text-center {
  justify-content: center;
}

@media (min-width : 768px) {
  .table.design-table tbody tr:not(.no-hover) {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.design-table tbody tr:not(.no-hover) td {
    min-height: 46px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.design-table tbody tr:not(.no-hover) td:first-child {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    position: relative;
  }

  .table.design-table tbody tr:not(.no-hover) td:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 4px);
    opacity: 0;
    visibility: visible;
    border-left: 3.5px solid #2961ff;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
  }

  .table.design-table tbody tr:not(.no-hover) td:last-child {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
  }

  .table.design-table tbody tr:not(.no-hover):hover {
    box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
    background-color: #fff !important;
    transform: scale(1.0015);
    position: relative;
    z-index: 1;
  }

  .table.design-table tbody tr:not(.no-hover):hover.collapsHead th,
  .table.design-table tbody tr:not(.no-hover):hover.collapsHead td {
    background: transparent !important;
  }

  .table.design-table tbody tr:not(.no-hover):hover td:first-child:before {
    opacity: 1;
    visibility: visible;
  }

  .table.design-table.listing-table thead tr th:first-child {
    padding-left: 12px;
  }

  .table.design-table.listing-table thead tr th:last-child {
    padding-right: 12px;
  }

  .table.design-table.listing-table tbody tr td:first-child {
    padding-left: 12px;
  }

  .table.design-table.listing-table tbody tr td:last-child {
    padding-right: 12px;
  }
}

.table.design-table tbody tr:not(.no-hover) {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  transition: 600ms;
  -webkit-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  -moz-transition: 600ms;
}

.table.design-table tbody tr:not(.no-hover) td {
  min-height: 46px;
  transition: 600ms;
  -webkit-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  -moz-transition: 600ms;
}

.table.design-table tbody tr:not(.no-hover) td:first-child {
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  position: relative;
}

.table.design-table tbody tr:not(.no-hover) td:first-child:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 0;
  width: 20px;
  height: calc(100% + 4px);
  opacity: 0;
  visibility: visible;
  border-left: 3.5px solid #2961ff;
  transition: 600ms;
  -webkit-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  -moz-transition: 600ms;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
}

.table.design-table tbody tr:not(.no-hover) td:last-child {
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
}

.table.design-table tbody tr:not(.no-hover):hover {
  box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
  background-color: #fff !important;
  transform: scale(1.0015);
  position: relative;
  z-index: 1;
}

.table.design-table tbody tr:not(.no-hover):hover.collapsHead th,
.table.design-table tbody tr:not(.no-hover):hover.collapsHead td {
  background: transparent !important;
}

.table.design-table tbody tr:not(.no-hover):hover td:first-child:before {
  opacity: 1;
  visibility: visible;
}

.table.design-table.listing-table thead tr th:first-child {
  padding-left: 12px;
}

.table.design-table.listing-table thead tr th:last-child {
  padding-right: 12px;
}

.table.design-table.listing-table tbody tr td:first-child {
  padding-left: 12px;
}

.table.design-table.listing-table tbody tr td:last-child {
  padding-right: 12px;
}

@media (max-width : 1023px) {
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) {
    display: block;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) thead {
    display: none;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    border-bottom: none;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr:not(:first-child),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(2) {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(4),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(4) {
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-last-child(2) {
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child:nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-last-child(2):nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child:nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-last-child(2):nth-last-child(2) {
    margin-left: auto;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1023px) and (max-width : 767px) {
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(2) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(4),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(5),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(4),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(5) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(3) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(4) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(5) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(3) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(4) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(5) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(6),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(6) {
    width: auto;
    max-width: 30%;
    flex: 0 0 30%;
    margin: 0 !important;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child {
    max-width: 100%;
    flex: 1;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child .action,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child .action {
    min-height: inherit;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child .text-right,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child .text-right {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1023px) and (max-width : 480px) {
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.table.design-table.with-checkbox tbody tr,
.table.design-table.with-checkbox tfoot tr {
  position: relative;
}

@media (max-width : 1023px) {
  .table.design-table.with-checkbox tbody tr,
  .table.design-table.with-checkbox tfoot tr {
    padding-left: 42px !important;
  }
}

@media (max-width : 767px) {
  .table.design-table.with-checkbox tbody tr,
  .table.design-table.with-checkbox tfoot tr {
    padding: 8px !important;
  }
}

@media (max-width : 480px) {
  .table.design-table.with-checkbox tbody tr,
  .table.design-table.with-checkbox tfoot tr {
    padding-left: 8px;
  }
}

@media (min-width : 768px) {
  .table.design-table.with-checkbox tbody tr td:first-child,
  .table.design-table.with-checkbox tfoot tr td:first-child {
    padding-left: 50px;
  }
}

.table.design-table.with-checkbox tbody tr td .m-check + .txt-lg,
.table.design-table.with-checkbox tfoot tr td .m-check + .txt-lg {
  margin: 0;
}

.table.design-table.with-checkbox tbody tr .m-check,
.table.design-table.with-checkbox tfoot tr .m-check {
  position: absolute;
  top: 30px;
  left: 16px;
}

@media (max-width : 1023px) {
  .table.design-table.with-checkbox tbody tr .m-check,
  .table.design-table.with-checkbox tfoot tr .m-check {
    top: 14px !important;
    margin: 0 !important;
  }
}

@media (max-width : 767px) {
  .table.design-table.with-checkbox tbody tr .m-check,
  .table.design-table.with-checkbox tfoot tr .m-check {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }

  .table.design-table.with-checkbox tbody tr .m-check:not(:last-child),
  .table.design-table.with-checkbox tfoot tr .m-check:not(:last-child) {
    margin: 0 0 10px 0 !important;
  }
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.open,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.open {
  background-color: rgba(41, 97, 255, 0.12);
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.child-list,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.child-list {
  display: none;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr:not(:first-child):not(.child-list),
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr:not(:first-child):not(.child-list) {
  border-top: 14px solid #eef3f7;
}

@media (min-width : 1024px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child {
    padding-left: 92px !important;
  }
}

@media (max-width : 1023px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child {
    padding-left: 8px !important;
  }
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .collapse-box,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .collapse-box {
  position: absolute;
  top: 16px;
  left: 50px;
  height: 32px;
}

@media (max-width : 1023px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr {
    padding-left: 92px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child {
    padding-left: 8px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .collapse-box,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .collapse-box {
    top: 11px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .m-check,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .m-check {
    left: 16px;
  }
}

@media (max-width : 767px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr {
    padding-left: 8px;
    padding-top: 38px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .m-check,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .m-check {
    position: absolute;
    top: 10px;
  }
}

@media (max-width : 1400px) {
  .table.design-table.opportunities-table {
    display: block;
  }

  .table.design-table.opportunities-table thead {
    display: none;
  }

  .table.design-table.opportunities-table tbody,
  .table.design-table.opportunities-table tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table.opportunities-table tbody tr,
  .table.design-table.opportunities-table tfoot tr {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 8px 8px 42px;
    border-bottom: none;
  }

  .table.design-table.opportunities-table tbody tr:not(:first-child),
  .table.design-table.opportunities-table tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table.opportunities-table tbody tr .m-check,
  .table.design-table.opportunities-table tfoot tr .m-check {
    top: 15px;
  }

  .table.design-table.opportunities-table tbody tr td,
  .table.design-table.opportunities-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px !important;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table.opportunities-table tbody tr td:first-child,
  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:first-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .table.design-table.opportunities-table tbody tr td:first-child .text-center,
  .table.design-table.opportunities-table tbody tr td:nth-child(5) .text-center,
  .table.design-table.opportunities-table tfoot tr td:first-child .text-center,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1400px) and (max-width : 767px) {
  .table.design-table.opportunities-table tbody tr td:first-child,
  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:first-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(4),
  .table.design-table.opportunities-table tfoot tr td:nth-child(4) {
    order: 5;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    order: 4;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(6),
  .table.design-table.opportunities-table tfoot tr td:nth-child(6) {
    order: 6;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(7),
  .table.design-table.opportunities-table tfoot tr td:nth-child(7) {
    order: 7;
    margin-left: 0px;
    width: auto;
    max-width: inherit;
    flex: inherit;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(2),
  .table.design-table.opportunities-table tbody tr td:nth-child(3),
  .table.design-table.opportunities-table tbody tr td:nth-child(4),
  .table.design-table.opportunities-table tbody tr td:nth-child(6),
  .table.design-table.opportunities-table tbody tr td:last-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(2),
  .table.design-table.opportunities-table tfoot tr td:nth-child(3),
  .table.design-table.opportunities-table tfoot tr td:nth-child(4),
  .table.design-table.opportunities-table tfoot tr td:nth-child(6),
  .table.design-table.opportunities-table tfoot tr td:last-child {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .table.design-table.opportunities-table tbody tr td:last-child,
  .table.design-table.opportunities-table tfoot tr td:last-child {
    margin-left: auto;
    order: 8;
  }
}

@media (max-width : 1400px) and (max-width : 639px) {
  .table.design-table.opportunities-table tbody tr td:not(:nth-child(7)),
  .table.design-table.opportunities-table tfoot tr td:not(:nth-child(7)) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table.opportunities-table tbody tr td:not(:nth-child(7)) .text-center,
  .table.design-table.opportunities-table tfoot tr td:not(:nth-child(7)) .text-center {
    justify-content: flex-start;
    text-align: left !important;
  }

  .table.design-table.opportunities-table tbody tr td:first-child,
  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:first-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width : 1400px) and (max-width : 767px) and (min-width : 640px) {
  .table.design-table.opportunities-table tbody tr,
  .table.design-table.opportunities-table tfoot tr {
    padding: 8px 8px 18px 42px !important;
  }

  .table.design-table.opportunities-table tbody tr .m-check,
  .table.design-table.opportunities-table tfoot tr .m-check {
    position: absolute !important;
    top: 15px !important;
    left: 16px !important;
    margin: 0 !important;
  }
}

@media (max-width : 1400px) {
  .table.design-table.deals-list-table {
    display: block;
  }

  .table.design-table.deals-list-table thead {
    display: none;
  }

  .table.design-table.deals-list-table tbody,
  .table.design-table.deals-list-table tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table.deals-list-table tbody tr,
  .table.design-table.deals-list-table tfoot tr {
    display: flex;
    flex-wrap: wrap;
  }

  .table.design-table.deals-list-table tbody tr:not(:first-child),
  .table.design-table.deals-list-table tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    position: static;
  }
}

@media (max-width : 1400px) and (min-width : 640px) {
  .table.design-table.deals-list-table tbody tr,
  .table.design-table.deals-list-table tfoot tr {
    padding: 8px 8px 8px 42px !important;
    border-bottom: none;
  }

  .table.design-table.deals-list-table tbody tr .m-check,
  .table.design-table.deals-list-table tfoot tr .m-check {
    position: absolute !important;
    top: 15px !important;
    left: 16px !important;
    margin: 0 !important;
  }

  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px !important;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(5),
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(5),
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .table.design-table.deals-list-table tbody tr td:first-child .text-center,
  .table.design-table.deals-list-table tbody tr td:nth-child(5) .text-center,
  .table.design-table.deals-list-table tbody tr td:nth-child(6) .text-center,
  .table.design-table.deals-list-table tfoot tr td:first-child .text-center,
  .table.design-table.deals-list-table tfoot tr td:nth-child(5) .text-center,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1400px) and (max-width : 899px) {
  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 66.666666% !important;
    flex: 0 0 66.666666% !important;
  }

  .table.design-table.deals-list-table tbody tr td:last-child,
  .table.design-table.deals-list-table tfoot tr td:last-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    padding-top: 14px !important;
  }
}

@media (max-width : 1400px) and (max-width : 899px) and (max-width : 639px) {
  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tbody tr td:last-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:last-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width : 1400px) and (max-width : 899px) and (max-width : 599px) {
  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tbody tr td:last-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td,
  .table.design-table.deals-list-table tfoot tr td:last-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:first-child {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width : 1400px) and (max-width : 899px) {
  .table.design-table.deals-list-table tbody tr td .text-center,
  .table.design-table.deals-list-table tfoot tr td .text-center {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}

@media (max-width : 1400px) {
  .table.design-table.account-table {
    display: block;
  }

  .table.design-table.account-table thead {
    display: none;
  }

  .table.design-table.account-table tbody,
  .table.design-table.account-table tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table.account-table tbody tr,
  .table.design-table.account-table tfoot tr {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 8px 8px 42px;
    border-bottom: none;
  }

  .table.design-table.account-table tbody tr:not(:first-child),
  .table.design-table.account-table tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table.account-table tbody tr td,
  .table.design-table.account-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px;
  }

  .table.design-table.account-table tbody tr td:first-child,
  .table.design-table.account-table tfoot tr td:first-child {
    padding-left: 8px;
  }
}

@media (max-width : 1400px) and (min-width : 768px) {
  .table.design-table.account-table tbody tr td:first-child,
  .table.design-table.account-table tbody tr td:nth-child(2),
  .table.design-table.account-table tbody tr td:nth-child(5),
  .table.design-table.account-table tbody tr td:nth-child(6),
  .table.design-table.account-table tfoot tr td:first-child,
  .table.design-table.account-table tfoot tr td:nth-child(2),
  .table.design-table.account-table tfoot tr td:nth-child(5),
  .table.design-table.account-table tfoot tr td:nth-child(6) {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .table.design-table.account-table tbody tr td:first-child .text-center,
  .table.design-table.account-table tbody tr td:nth-child(2) .text-center,
  .table.design-table.account-table tbody tr td:nth-child(5) .text-center,
  .table.design-table.account-table tbody tr td:nth-child(6) .text-center,
  .table.design-table.account-table tfoot tr td:first-child .text-center,
  .table.design-table.account-table tfoot tr td:nth-child(2) .text-center,
  .table.design-table.account-table tfoot tr td:nth-child(5) .text-center,
  .table.design-table.account-table tfoot tr td:nth-child(6) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }

  .table.design-table.account-table tbody tr td:nth-child(3),
  .table.design-table.account-table tbody tr td:nth-child(4),
  .table.design-table.account-table tbody tr td:nth-child(7),
  .table.design-table.account-table tbody tr td:last-child,
  .table.design-table.account-table tfoot tr td:nth-child(3),
  .table.design-table.account-table tfoot tr td:nth-child(4),
  .table.design-table.account-table tfoot tr td:nth-child(7),
  .table.design-table.account-table tfoot tr td:last-child {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (max-width : 1400px) {
  .table.design-table.account-table tbody tr td .m-check,
  .table.design-table.account-table tfoot tr td .m-check {
    top: 15px;
  }
}

@media (max-width : 1400px) and (max-width : 767px) {
  .table.design-table.account-table tbody tr,
  .table.design-table.account-table tfoot tr {
    padding-left: 8px;
    padding-top: 8px !important;
  }

  .table.design-table.account-table tbody tr td,
  .table.design-table.account-table tfoot tr td {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table.account-table tbody tr td .text-center,
  .table.design-table.account-table tbody tr td .text-right,
  .table.design-table.account-table tfoot tr td .text-center,
  .table.design-table.account-table tfoot tr td .text-right {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1400px) and (max-width : 767px) and (max-width : 480px) {
  .table.design-table.account-table tbody tr td:first-child,
  .table.design-table.account-table tbody tr td:nth-child(2),
  .table.design-table.account-table tbody tr td:nth-child(5),
  .table.design-table.account-table tbody tr td:last-child,
  .table.design-table.account-table tfoot tr td:first-child,
  .table.design-table.account-table tfoot tr td:nth-child(2),
  .table.design-table.account-table tfoot tr td:nth-child(5),
  .table.design-table.account-table tfoot tr td:last-child {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.table.no-border-td tr th,
.table.no-border-td tr td {
  border: none !important;
}

.design-table-head {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 16px 16px;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.design-table-head .m-check {
  display: inline-flex;
  align-items: center;
}

.design-table-head .m-check .ico {
  display: block;
  float: left;
}

.design-table-head .m-check .txt {
  display: block;
  float: left;
  color: #3f4855;
  font-size: 15px;
  line-height: 19px;
  font-weight: 700;
}

.design-table-head .m-check .txt:not(:first-child) {
  padding-left: 10px;
}

.design-table-head .table-head-right {
  display: block;
  float: left;
  margin: 0 0 0 auto;
  padding: 0 0 0 10px;
}

.design-table-head .table-head-right .list-number-select .form-control {
  width: 80px;
}

.input-group-text {
  background-color: #edf3f7 !important;
  color: #9098ac !important;
  font-size: 14px !important;
  border-color: #edeff2;
  border-radius: 0 2px 2px 0 !important;
  -webkit-border-radius: 0 2px 2px 0 !important;
  -moz-border-radius: 0 2px 2px 0 !important;
  -ms-border-radius: 0 2px 2px 0 !important;
}

.progress {
  height: 19px;
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.bg-primary {
  background-color: #2962ff !important;
}

.bg-secondary {
  background-color: #00ab83 !important;
}

.bg-info {
  background-color: #7460ee !important;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-warning {
  background-color: #ff821c !important;
}

.bg-danger {
  background-color: #fa6767 !important;
}

.text-danger {
  color: #fa6767 !important;
}

a.text-danger {
  color: #fa6767 !important;
}

a.text-danger:hover {
  color: #f74444 !important;
}

.text-primary {
  color: #2961ff !important;
}

a.text-primary {
  color: #2961ff !important;
}

a.text-primary:hover {
  color: #1c4bce !important;
}

.text-secondary {
  color: #00ab83 !important;
}

a.text-secondary {
  color: #00ab83 !important;
}

a.text-secondary:hover {
  color: #20af8f !important;
}

.text-info {
  color: #7460ee !important;
}

a.text-info {
  color: #7460ee !important;
}

a.text-info:hover {
  color: #1c4bce !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: #2961ff !important;
}

.no-border {
  border: inherit !important;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  .mainSection .mainBody {
    padding-top: 0 !important;
  }

  .mainSection .mainBody .page-title,
  .mainSection .mainBody .page-breadcrumb {
    display: none !important;
  }

  .mainSection .mainBody .page-title + .wh-box,
  .mainSection .mainBody .page-breadcrumb + .wh-box {
    margin-top: 0 !important;
  }

  .prop-details-view .largeWithThumb .thumb-view,
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    min-height: 1px !important;
  }

  .prop-feature-Description .basic-info,
  .prop-feature-Description .desc-box .desc-box-data > * {
    page-break-inside: avoid;
  }
}

@page {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0;
  -webkit-print-color-adjust: exact;
}

body {
  font-family: "Nunito Sans", sans-serif;
  color: #222;
  background-color: #eef3f7;
  font-size: 14px;
}

body .ui-widget {
  font-family: "Nunito Sans", sans-serif;
}

body p a {
  color: #2961ff;
}

body p a:hover {
  color: #2961ff;
  text-decoration: underline;
}

body .rules-group-container .group-actions:not(:first-child),
body .rules-group-container .group-conditions:not(:first-child) {
  margin-left: 6px;
}

body .rules-group-container .group-actions .btn,
body .rules-group-container .group-conditions .btn {
  line-height: 16px !important;
}

body .rule-actions .btn {
  line-height: 16px !important;
}

.non-log .container-fluid,
.non-log .container-sm,
.non-log .container-md,
.non-log .container-lg,
.non-log .container-xl {
  max-width: 1600px;
}

.table.dataTable,
table.table-bordered.dataTable,
#dataTableBuilder {
  border-collapse: collapse !important;
  white-space: nowrap;
}

form {
  display: block;
  width: 100%;
}

form .card-inside-title {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 0 0 0;
  margin: 0 0 16px 0 !important;
}

form .card-inside-title:last-child {
  margin-bottom: 0 !important;
}

form .card-inside-title span {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
}

form .card-inside-title span:last-child {
  margin-right: 0;
}

form .card-inside-title .section-buttons .normal-text {
  font-size: 16px;
  font-weight: 600;
}

form .card-inside-title .section-buttons a.normal-text:not(.btn) {
  font-size: 14px;
  font-weight: 600;
  color: #2961ff;
  text-decoration: underline;
}

form .card-inside-title .section-buttons a.normal-text:not(.btn):hover {
  text-decoration: none;
}

form .card-inside-title .section-buttons .btn {
  display: inline-block;
  margin-bottom: 0;
}

.card,
.wh-box {
  display: block;
  background-color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  box-shadow: none;
}

.card .header .header-buttons,
.wh-box .header .header-buttons {
  padding: 0 0 0 16px;
}

.card .header .header-buttons:first-child,
.wh-box .header .header-buttons:first-child {
  padding-left: 0;
}

.card .header .header-buttons.with-advance-view,
.wh-box .header .header-buttons.with-advance-view {
  display: flex;
}

.card .header .header-buttons.with-advance-view .advanced_views,
.wh-box .header .header-buttons.with-advance-view .advanced_views {
  padding-top: 0;
}

.card .header .header-buttons .btn,
.wh-box .header .header-buttons .btn {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.8rem;
  font-weight: 500;
  outline: none !important;
  border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
  -ms-border-radius: 600px !important;
}

.card .header .header-buttons .btn:not(.mb-0),
.wh-box .header .header-buttons .btn:not(.mb-0) {
  margin-top: 0 !important;
  margin-left: 6px !important;
  margin-bottom: 8px !important;
}

.card .header .header-buttons .btn:not(.mb-0):not([class*=m-r-]),
.wh-box .header .header-buttons .btn:not(.mb-0):not([class*=m-r-]) {
  margin-right: 0 !important;
}

.card .header .header-buttons .btn.icon-only,
.wh-box .header .header-buttons .btn.icon-only {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 1px;
  padding-top: 0.26rem;
  padding-bottom: 0.26rem;
}

.card .header .header-buttons .btn.icon-only i,
.wh-box .header .header-buttons .btn.icon-only i {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

.card .header .header-buttons .btn.icon-only.btn-sm,
.card .header .header-buttons .btn-group-sm > .btn.icon-only,
.wh-box .header .header-buttons .btn.icon-only.btn-sm,
.wh-box .header .header-buttons .btn-group-sm > .btn.icon-only {
  padding: 0 !important;
  min-height: 26px;
  min-width: 26px;
}

.card .header .header-buttons .btn.m-b-0,
.wh-box .header .header-buttons .btn.m-b-0 {
  margin-bottom: 0 !important;
}

.card .header .header-buttons .btn.m-t-10,
.wh-box .header .header-buttons .btn.m-t-10 {
  margin-top: 10px !important;
}

.card .header .header-buttons .btn:first-child,
.wh-box .header .header-buttons .btn:first-child {
  margin-left: 0 !important;
}

.card .header .header-buttons .btn-crud:not([class*=m-]),
.card .header .header-buttons .next-prev-btn-group:not([class*=m-]),
.wh-box .header .header-buttons .btn-crud:not([class*=m-]),
.wh-box .header .header-buttons .next-prev-btn-group:not([class*=m-]) {
  margin: 4px 0 6px 6px !important;
}

@media (max-width : 480px) {
  .card .header .header-buttons .btn-crud.width-200,
  .card .header .header-buttons .next-prev-btn-group.width-200,
  .wh-box .header .header-buttons .btn-crud.width-200,
  .wh-box .header .header-buttons .next-prev-btn-group.width-200 {
    width: 100%;
    margin-left: 0 !important;
  }
}

.card .header .header-buttons .btn-crud.next-prev-btn-group .btn,
.card .header .header-buttons .next-prev-btn-group.next-prev-btn-group .btn,
.wh-box .header .header-buttons .btn-crud.next-prev-btn-group .btn,
.wh-box .header .header-buttons .next-prev-btn-group.next-prev-btn-group .btn {
  margin-top: 0 !important;
  margin-left: 1px !important;
}

@media (max-width : 1023px) {
  .card .header h2,
  .card .header .header-tl,
  .wh-box .header h2,
  .wh-box .header .header-tl {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
  }

  .card .header h2 .header-buttons,
  .card .header .header-tl .header-buttons,
  .wh-box .header h2 .header-buttons,
  .wh-box .header .header-tl .header-buttons {
    width: 100%;
    padding: 0;
    margin: 12px 0 0 0;
    text-align: left !important;
    order: 2;
  }

  .card .header h2 .header-buttons.order-3,
  .card .header .header-tl .header-buttons.order-3,
  .wh-box .header h2 .header-buttons.order-3,
  .wh-box .header .header-tl .header-buttons.order-3 {
    order: 3;
  }

  .card .header h2 .header-buttons .header-buttons,
  .card .header .header-tl .header-buttons .header-buttons,
  .wh-box .header h2 .header-buttons .header-buttons,
  .wh-box .header .header-tl .header-buttons .header-buttons {
    width: auto;
    padding: 0;
    order: inherit;
  }

  .card .header h2 .header-text,
  .card .header .header-tl .header-text,
  .wh-box .header h2 .header-text,
  .wh-box .header .header-tl .header-text {
    display: block;
    float: left;
    width: 100%;
    order: 1;
  }

  .card .header h2 .order-2,
  .card .header .header-tl .order-2,
  .wh-box .header h2 .order-2,
  .wh-box .header .header-tl .order-2 {
    order: 2;
  }

  .card .header h2.no-break,
  .card .header .header-tl.no-break,
  .wh-box .header h2.no-break,
  .wh-box .header .header-tl.no-break {
    flex-wrap: nowrap;
    align-items: center;
  }

  .card .header h2.no-break .header-buttons,
  .card .header .header-tl.no-break .header-buttons,
  .wh-box .header h2.no-break .header-buttons,
  .wh-box .header .header-tl.no-break .header-buttons {
    margin: 0;
  }
}

.card h4,
.wh-box h4 {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

.card h4:not(:last-child):not(.modal-title),
.wh-box h4:not(:last-child):not(.modal-title) {
  margin: 0 0 18px 0;
}

@media (max-width : 1023px) {
  .card.card .header,
  .wh-box.card .header {
    padding: 14px;
  }
}

@media (max-width : 1023px) {
  .card .body,
  .wh-box .body {
    padding: 14px;
  }
}

.card .body [class*=col-],
.wh-box .body [class*=col-] {
  margin-bottom: 0;
}

.collapsible {
  display: block;
  float: none;
}

.collapsible:not(:first-child) {
  margin: 8px 0 0 0;
}

.collapsible .card-inside-title {
  text-transform: inherit;
  padding-bottom: 0;
  display: flex !important;
  background-color: rgba(41, 97, 255, 0.1);
  color: #2961ff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  padding: 9px 12px 9px 38px;
  cursor: pointer;
  position: relative;
  margin: 0 !important;
}

.collapsible .card-inside-title .pointer {
  display: block;
  padding: 2px 6px 0 0;
  margin: 0;
  flex: 1;
}

.collapsible .card-inside-title .expander {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  padding: 0;
  margin: 0;
  box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -ms-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -webkit-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -o-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -moz-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
}

.collapsible .card-inside-title .expander i {
  font-size: 15px;
  color: #2961ff;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

.collapsible .card-inside-title .section-buttons {
  padding: 0;
  margin: 0;
}

.collapsible .card-inside-title .section-buttons a.normal-text:not(.btn) {
  font-size: 13px;
  font-weight: 400;
  color: #2961ff;
  text-decoration: underline;
  margin: 2px 8px 0 0;
}

.collapsible .card-inside-title .section-buttons a.normal-text:not(.btn):last-child {
  margin-right: 0;
}

.collapsible .card-inside-title .section-buttons a.normal-text:not(.btn):hover {
  text-decoration: none;
}

.collapsible .panel-content {
  padding-top: 16px;
  float: none;
}

.login-page .card .body {
  padding: 0;
}

@media (max-width : 599px) {
  .login-page .card .body .col-xs-6,
  .login-page .card .body .col-sm-6,
  .login-page .card .body .col-md-6,
  .login-page .card .body .col-lg-6 {
    margin-bottom: 0;
  }
}

.login-page .loginContainer {
  display: block;
  background: url(/images/login-banner-right.png?b5c455dd1adb105b8cd673291e33b7e2) no-repeat top right;
  background-color: #fff;
  background-size: auto 100%;
}

.login-page .loginSection {
  display: block;
  background: url(/images/login-banner-left.png?497a189f0ff849722de4d4f92762c340) no-repeat top left;
  min-height: calc(100vh - 60px);
}

.login-page .loginWrapper {
  display: block;
  padding: 30px 74px 30px 74px;
}

.login-page .login-box {
  position: relative;
}

@media (max-width : 1023px) {
  .login-page .loginWrapper {
    padding: 20px 20px 30px 20px;
  }
}

@media (max-width : 599px) {
  .login-page .loginContainer {
    background: transparent;
  }

  .login-page .loginSection {
    background-color: #a8b6fe;
  }

  .login-page .login-box {
    padding-bottom: 70px;
  }
}

.login-page .loginHeader {
  display: block;
}

.login-page .loginHeader .logo {
  display: block;
  float: left;
}

.login-page .loginHeader .logo a {
  display: inline-block;
  vertical-align: top;
}

.login-page .loginHeader .logo a img {
  display: block;
  height: 48px;
  width: auto;
}

.login-page .loginHeader .btn {
  min-width: 162px;
}

@media (max-width : 599px) {
  .login-page .loginHeader .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
  }
}

.login-page .card {
  display: block;
  float: none;
  margin: 66px 0 0 0;
  max-width: 498px;
  background-color: #fff;
  padding: 22px 46px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border: inherit;
  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
}

.login-page .card.fp-card {
  margin-left: auto;
  margin-right: auto;
}

.login-page .card .form-group label {
  font-size: 12px;
  font-weight: 600;
}

.login-page .card .keepLog {
  display: block;
  position: relative;
  margin: 0;
}

.login-page .card .keepLog input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.login-page .card .keepLog .txt {
  display: block;
  background-color: #edf1f1;
  color: #7e7e87;
  border: 2px solid #edf1f1;
  font-size: 12px;
  line-height: 13px;
  padding: 13px 10px 9px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 40px;
  text-align: center;
  font-weight: 700;
}

.login-page .card .keepLog .txt .material-icons {
  display: none;
  vertical-align: top;
  font-size: 18px;
  margin: -4px 2px 0 0;
}

.login-page .card .keepLog:hover .txt {
  text-decoration: none;
  background-color: #e5e8e8;
  color: #2961ff;
  border-color: #8ba9f8;
}

.login-page .card .keepLog input:checked + .txt {
  color: #2961ff;
  border-color: #8ba9f8;
}

.login-page .card .keepLog input:checked + .txt .material-icons {
  display: inline-block;
}

.login-page .card .frgtPassBtn {
  display: block;
  background-color: #edf1f1;
  color: #7e7e87;
  text-align: center;
  border: 2px solid #edf1f1;
  font-size: 12px;
  line-height: 13px;
  padding: 13px 10px 9px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 40px;
  font-weight: 700;
}

.login-page .card .frgtPassBtn:hover {
  text-decoration: none;
  background-color: #e5e8e8;
  color: #2961ff;
  border-color: #8ba9f8;
}

@media (max-width : 1023px) {
  .login-page .card {
    margin: 40px auto 0 auto;
  }
}

@media (max-width : 599px) {
  .login-page .card {
    padding: 22px;
    max-width: 412px;
  }
}

.login-page .log-social-btn {
  display: block;
  background-color: #fff;
  color: #464a4d;
  border: 2px solid #dbdcde;
  font-size: 11px;
  line-height: 20px;
  padding: 8px 10px 7px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 40px;
  text-align: center;
  font-weight: 700;
}

.login-page .log-social-btn img {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 0 0;
}

.login-page .log-social-btn.linkedin:hover {
  color: #007ab9;
  background-color: #edf1f1;
  border-color: #7cb9d9;
  text-decoration: none;
}

.login-page .log-social-btn.gplus:hover {
  color: #dc5043;
  background-color: #fff5f4;
  border-color: #eda29b;
  text-decoration: none;
}

.login-page .blueTxt {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  text-decoration: underline;
}

.login-page .blueTxt:hover {
  text-decoration: none;
}

.login-page .footer {
  background-color: #edf3f7;
  height: 60px;
  padding: 24px 0 0 0;
}

.formTl {
  display: block;
  color: #2961ff;
  font-size: 25px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 20px 0;
}

.container {
  padding: 0 24px;
}

@media (max-width : 1023px) {
  .container {
    padding: 0 10px;
  }
}

.mainSite {
  display: flex;
  flex-flow: column;
  padding: 0 0 0 268px;
  min-height: 100%;
}

@media (min-width : 1200px) {
  .smallSidebar .mainSite {
    padding: 0 0 0 66px;
  }
}

@media (max-width : 1199px) {
  .mainSite,
  .smallSidebar .mainSite {
    padding: 0;
  }
}

.pageHeader {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 268px);
  z-index: 12;
  background-color: #fff;
  height: 70px;
  padding: 16px 0;
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
}

body.smallSidebar .pageHeader {
  width: calc(100% - 66px);
}

@media (max-width : 1199px) {
  .pageHeader {
    width: 100%;
  }

  body.smallSidebar .pageHeader {
    width: 100%;
  }
}

.pageHeader .headerLogo {
  display: none;
  vertical-align: top;
  height: 70px;
  margin: -16px 14px 0 0;
  text-align: center;
  padding: 15px 10px 0 10px;
  background-color: #2961ff;
}

.pageHeader .headerLogo img {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  width: auto;
}

@media (max-width : 1199px) {
  .pageHeader .headerLogo {
    display: inline-block;
  }
}

@media (max-width : 480px) {
  .pageHeader .headerLogo {
    padding: 17px 6px 0 6px;
    margin-right: 8px;
  }

  .pageHeader .headerLogo img {
    height: 38px;
  }
}

.pageHeader .sw-dropdown {
  height: 254px;
}

.pageHeader .container {
  max-width: 100%;
}

@media (max-width : 1199px) {
  .pageHeader .container {
    padding-left: 0;
  }
}

@media (max-width : 599px) {
  .pageHeader .pageHeader .topbar {
    position: relative;
  }
}

.pageHeader .logUser {
  display: inline-block;
  vertical-align: middle;
}

.pageHeader .logUser .dropdown-toggle {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.pageHeader .logUser .dropdown-toggle:after {
  color: #9fa7b8;
}

@media (max-width : 599px) {
  .pageHeader .logUser .dropdown-toggle:after {
    display: none;
  }
}

.pageHeader .logUser .dropdown-toggle:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.pageHeader .logUser .dropdown-menu {
  left: auto !important;
  right: 0;
  transform: inherit !important;
  top: 100% !important;
}

.pageHeader .logUser .uPhoto {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
}

.pageHeader .country {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 0;
}

.pageHeader .country .flagImage {
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
}

@media (max-width : 1023px) {
  .pageHeader .country {
    margin: 0 6px 0 0;
  }
}

@media (max-width : 599px) {
  .pageHeader .country {
    position: static;
  }
}

.pageHeader .headNotify {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}

.pageHeader .headNotify.notifi .allNotifi {
  display: none;
}

@media (max-width : 599px) {
  .pageHeader .headNotify.dropdown {
    position: static;
  }

  .pageHeader .headNotify.notifi {
    position: fixed;
    bottom: 6px;
    right: 6px;
    z-index: 1;
    margin: 0;
    transition: 500ms;
    -webkit-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    -moz-transition: 500ms;
    visibility: visible;
    opacity: 1;
  }

  body.showDashNav .pageHeader .headNotify.notifi {
    visibility: hidden;
    opacity: 0;
  }

  .pageHeader .headNotify.notifi .ico {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #2961ff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .pageHeader .headNotify.notifi .ico img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    filter: brightness(2);
    width: 22px;
    height: auto;
  }

  .pageHeader .headNotify.notifi .ico .label-count {
    right: auto;
    left: -4px;
    top: -3px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
  }

  .pageHeader .headNotify.notifi .allNotifi {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
  }

  .pageHeader .headNotify.notifi .dropdown-menu.notify-drop {
    display: none !important;
  }

  body.smallSidebar .pageHeader .headNotify.notifi {
    visibility: hidden;
    opacity: 0;
  }
}

.pageHeader .headNotify .ico {
  display: block;
  min-width: 24px;
  height: 24px;
  position: relative;
  padding: 7px 0 0 10px;
  font-size: 0px;
  text-align: center;
  cursor: pointer;
}

@media (max-width : 599px) {
  .pageHeader .headNotify .ico {
    padding-left: 6px;
  }
}

.pageHeader .headNotify .ico.p0 {
  padding-left: 0;
}

.pageHeader .headNotify .ico .highlight {
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fc4b6c;
  animation: notify 1.5s infinite;
}

.pageHeader .headNotify .ico img {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  width: auto;
}

.pageHeader .headNotify .ico .label-count {
  display: block;
  position: absolute;
  top: 0px;
  right: -5px;
  width: 16px;
  height: 16px;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.pageHeader .headNotify .dropdown-menu {
  right: 0;
  left: auto !important;
  transform: inherit !important;
  margin-top: -6px;
}

.pageHeader .headNotify #notifications_dropdown {
  margin: 0 !important;
}

@media (min-width: 1170px) {
  .pageHeader .headNotify #notifications_dropdown {
    width: auto;
  }
}

.pageHeader .headNotify.srch {
  display: none;
}

@media (max-width : 899px) {
  .pageHeader .headNotify.srch {
    display: inline-block;
  }
}

@media (max-width : 1023px) {
  .pageHeader .headNotify {
    margin: 0 8px 0 0;
  }
}

@media (max-width : 599px) {
  .pageHeader .headNotify {
    margin: 0 6px 0 0;
  }
}

.pageHeader .headerSearch {
  display: inline-block;
  vertical-align: middle;
}

.pageHeader .headerSearch .txt {
  display: inline-block;
  vertical-align: middle;
  color: #9098ac;
  font-size: 15px;
  line-height: 17px;
  padding: 0 8px 0 0;
}

.pageHeader .headerSearch .srchBox {
  display: inline-block;
  vertical-align: middle;
  width: 424px;
  position: relative;
}

.pageHeader .headerSearch .srchBox .form-control {
  display: block;
  background-color: #edf3f7;
  border: 1px solid #edf3f7;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  width: 100%;
  height: 36px;
  font-size: 14px;
  outline: inherit !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  padding-right: 44px;
}

.pageHeader .headerSearch .srchBox .form-control:focus {
  border-color: #dadfe2;
}

.pageHeader .headerSearch .srchBox .srchBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  z-index: 1;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat left center;
  background-size: 18px auto;
  outline: inherit !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: none;
}

.pageHeader .headerSearch .srchBox .header-search-result {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
}

.pageHeader .headerSearch .srchBox .header-search-result .search-loader {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .search-loader img {
  display: block;
  width: 28px;
  height: auto;
  margin: 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body {
  display: block;
  max-height: 308px;
  overflow: auto;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group {
  display: block;
  border-bottom: 1px solid #e8eef3;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group h5 {
  display: block;
  color: #414755;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 20px;
  border-bottom: 1px solid #e8eef3;
  margin: 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul {
  display: block;
  margin: 0;
  padding: 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul li {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 20px 8px 54px;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat 20px 6px;
  background-size: 16px auto;
  cursor: pointer;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul li strong {
  font-weight: 600;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul li:hover {
  background-color: #f7f7f7;
  color: #333;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-footer {
  display: block;
  color: #414755;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 20px;
  background-color: #eef3f7;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-footer:hover {
  color: #2961ff;
  text-decoration: none;
  background-color: #e6ebef;
}

@media (max-width : 1299px) {
  .pageHeader .headerSearch .srchBox {
    width: 346px;
  }
}

@media (min-width : 900px) {
  .pageHeader .headerSearch {
    display: inline-block !important;
  }
}

@media (max-width : 899px) {
  .pageHeader .headerSearch {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 12px 16px 14px 16px;
    border-top: 1px solid #ddd;
    box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
  }

  .pageHeader .headerSearch .txt {
    display: block;
    padding: 0 0 6px 0;
  }

  .pageHeader .headerSearch .srchBox {
    display: block;
    width: 100%;
  }
}

.navbarClick {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 6px 0 0;
  padding: 6px 6px 6px 0;
  cursor: pointer;
}

@media (max-width : 1199px) {
  .navbarClick {
    margin-top: 6px;
  }
}

.navbarClick .bars {
  display: block;
  width: 18px;
  height: 14px;
  position: relative;
  transition: 2s;
  -webkit-transition: 2s;
  -ms-transition: 2s;
  -o-transition: 2s;
  -moz-transition: 2s;
}

.navbarClick .bars span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 2px;
  background-color: #a6b7bf;
}

.navbarClick .bars span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 100%;
}

.navbarClick .bars span:last-child {
  top: auto;
  bottom: 0;
}

.navbarClick.sl .bars {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

#leftsidebar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 268px;
  height: 100%;
  background-color: #2961ff;
  z-index: 13;
  overflow: hidden;
}

@media (min-width : 1200px) {
  body.show-dropdown #leftsidebar {
    z-index: 2;
  }

  body.smallSidebar #leftsidebar {
    width: 66px;
  }

  body.smallSidebar #leftsidebar:hover {
    width: 268px;
  }

  body.smallSidebar #leftsidebar:hover .sidebarLogo img {
    opacity: 0;
  }

  body.smallSidebar #leftsidebar:hover .sidebarLogo img + img {
    opacity: 1;
  }

  body.smallSidebar #leftsidebar:hover .user-info {
    padding-left: 32px;
    padding-right: 32px;
  }

  body.smallSidebar #leftsidebar:hover .user-info .info-container {
    display: block;
  }

  body.smallSidebar #leftsidebar:hover .sidebarNav .list li a {
    padding-left: 32px;
    padding-right: 32px;
  }

  body.smallSidebar #leftsidebar:hover .sidebarNav .list li a span {
    visibility: visible;
    opacity: 1;
  }

  body.smallSidebar #leftsidebar:hover .sidebarNav .list li a.menu-toggle :after {
    display: block;
  }
}

#leftsidebar .sidebarLogo {
  display: block;
  width: 100%;
  height: 70px;
  text-align: center;
  font-size: 0px;
  padding: 14px 10px 0 10px;
  position: relative;
  background-color: #2961ff;
}

#leftsidebar .sidebarLogo img {
  display: block;
  height: 42px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  opacity: 0;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarLogo img {
    opacity: 1;
  }
}

#leftsidebar .sidebarLogo img + img {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  width: auto;
  opacity: 1;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarLogo img + img {
    opacity: 0;
  }
}

#leftsidebar .user-info {
  display: block;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 17px 32px;
  height: 82px;
  position: relative;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .user-info {
    padding-left: 9px;
    padding-right: 9px;
  }
}

#leftsidebar .user-info .image {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

#leftsidebar .user-info .image img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#leftsidebar .user-info .info-container {
  display: block;
  padding: 4px 30px 4px 56px;
  position: relative;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .user-info .info-container {
    display: none;
  }
}

#leftsidebar .user-info .info-container .name {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#leftsidebar .user-info .info-container .email {
  display: block;
  color: #bed2ff;
  font-size: 11px;
  line-height: 13px;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 4px 0 0 0;
}

#leftsidebar .user-info .info-container .btn-group {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 1;
}

#leftsidebar .user-info .info-container .btn-group .icon {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(/images/down-arrow.svg?bdeefd3a76d66e9c4e5ba5ce3345a524) no-repeat center;
  background-size: 12px auto;
}

#leftsidebar .user-info .info-container .btn-group .dropdown-menu {
  left: auto !important;
  right: 0;
}

#leftsidebar .user-info .info-container .btn-group .dropdown-menu li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 10px;
}

#leftsidebar .user-info .info-container .btn-group .dropdown-menu li a .material-icons {
  font-size: 20px;
  margin: 0 6px 0 0;
}

#leftsidebar .sidebarNav {
  display: block;
}

#leftsidebar .sidebarNav .slimScrollDiv {
  height: calc(100vh - 152px) !important;
  overflow: auto;
}

#leftsidebar .sidebarNav .list {
  display: block;
  padding: 0;
  margin: 0;
  height: 100% !important;
}

#leftsidebar .sidebarNav .list li {
  display: block;
}

#leftsidebar .sidebarNav .list li a {
  display: block;
  color: #b5ccff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  padding: 10px 32px;
  position: relative;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarNav .list li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#leftsidebar .sidebarNav .list li a.menu-toggle {
  position: relative;
}

#leftsidebar .sidebarNav .list li a.menu-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(/images/down-arrow.svg?bdeefd3a76d66e9c4e5ba5ce3345a524) no-repeat center;
  background-size: 11px auto;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarNav .list li a.menu-toggle:after {
    display: none;
  }
}

#leftsidebar .sidebarNav .list li a span {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  padding: 11px 32px 0 68px;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarNav .list li a span {
    visibility: hidden;
    opacity: 0;
  }
}

#leftsidebar .sidebarNav .list li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 22px;
}

#leftsidebar .sidebarNav .list li a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
}

#leftsidebar .sidebarNav .list li a.menu-toggle.toggled:after {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}

#leftsidebar .sidebarNav .list li .ml-menu {
  display: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

#leftsidebar .sidebarNav .list li .ml-menu a:hover,
#leftsidebar .sidebarNav .list li .ml-menu a.toggled {
  background-color: rgba(0, 0, 0, 0.07);
}

#leftsidebar .sidebarNav .list li.header {
  display: none;
}

@media (max-width : 1199px) {
  #leftsidebar {
    left: -268px;
    z-index: 10;
  }

  body.smallSidebar #leftsidebar {
    left: 0;
  }
}

.nav-tabs {
  border-bottom: 3px solid #edf3f7;
}

.nav-tabs > li {
  position: relative;
  margin: 0 !important;
}

.nav-tabs > li > a {
  border: none !important;
  color: #9098ac !important;
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:active,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
  text-decoration: none;
}

.nav-tabs > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2px;
  border-bottom: 3px solid #2961ff;
  transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transition: 0.1s ease-in;
}

.nav-tabs > li > a.active {
  color: #222 !important;
}

.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:active,
.nav-tabs > li > a.active:focus {
  background-color: transparent !important;
}

.nav-tabs > li > a.active:before {
  transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -moz-transform: scaleX(1);
}

.nav-tabs > li > a .material-icons {
  position: relative;
  top: 7px;
  margin-bottom: 8px;
}

.navtabContainer {
  display: block;
  overflow: auto;
  position: relative;
  width: 100%;
}

.navtabContainer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #edf3f7;
  z-index: 0;
}

.navtabContainer .nav-tabs {
  display: table;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
}

.navtabContainer .nav-tabs:not([class*=pl-]):not([class*=p-l-]) {
  padding-left: 0;
}

@media (max-width : 575px) {
  .navtabContainer .nav-tabs {
    border-right: none;
  }
}

.navtabContainer .nav-tabs > li {
  display: table-cell;
}

.navtabContainer .nav-tabs > li a {
  padding-right: 16px;
  padding-left: 16px;
}

.navtabContainer .nav-tabs > li a .material-icons {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: auto;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px;
}

.navtabOuter {
  display: block;
  overflow: hidden;
  height: 43px;
  padding: 0;
  position: relative;
  width: 100%;
}

.navtabOuter .next,
.navtabOuter .prev {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
  background: linear-gradient(to right, #c8d0d6, rgba(238, 243, 247, 0));
  text-align: center;
  color: #222;
  font-size: 16px;
  font-weight: 600;
}

.navtabOuter .next i,
.navtabOuter .prev i {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.navtabOuter .next.next,
.navtabOuter .prev.next {
  left: auto;
  right: 0;
  background: linear-gradient(to left, #c8d0d6, rgba(238, 243, 247, 0));
}

.navtabOuter .next.next i,
.navtabOuter .prev.next i {
  left: auto;
  right: 8px;
}

.navtabOuter.nextPrev {
  padding: 0 28px;
}

.navtabOuter.nextPrev .next,
.navtabOuter.nextPrev .prev {
  display: block;
}

.nav-tab-with-sort {
  display: block;
  position: relative;
}

.nav-tab-with-sort .sort-field {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 1rem 0;
}

@media (min-width : 576px) {
  .nav-tab-with-sort .sort-field {
    position: absolute;
    top: -6px;
    right: 0;
    margin: 0;
  }
}

#settings .setting-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}

#settings .setting-list li {
  padding: 0;
  position: relative;
  border-top: 1px solid #eee;
}

#settings .setting-list li .switch {
  position: absolute;
  top: 7px;
  right: 5px;
}

.demo-choose-skin {
  list-style: none;
  padding-left: 0;
  overflow-y: hidden;
  padding-bottom: 12px;
  background-color: #fff;
}

.demo-choose-skin li {
  padding: 10px 10px 4px 10px;
  position: relative;
  cursor: pointer;
}

.demo-choose-skin li.active {
  background-color: #eee;
}

.demo-choose-skin li.active:after {
  font-family: "Material Icons";
  position: absolute;
  top: 10px;
  right: 10px;
  content: "\e876";
  font-size: 18px;
  font-weight: bold;
}

.demo-choose-skin li:hover {
  background-color: #eee;
}

.demo-choose-skin li div {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}

.demo-choose-skin li span {
  position: relative;
  bottom: 7px;
  left: 5px;
}

hr {
  border-top-color: #edf3f7;
}

.mapArea {
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  overflow: hidden;
}

.mapArea .mapImage {
  display: block;
  width: 100%;
  height: auto;
}

.language-top-btns {
  display: flex;
  flex-wrap: wrap;
}

.language-top-btns:not(:last-child) {
  margin: 0 0 16px 0;
}

.aiDropdownMenu {
  padding: 10px;
  max-width: 400px;
}

.aiDropdownMenu p {
  color: #414755;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.aiDropdownMenu p:not(:first-child) {
  margin: 12px 0 0 0;
}

.languageBtns {
  display: block;
  margin: 0 0 20px 0;
}

.languageBtns .btn {
  margin: 0 10px 0 0;
  min-width: 126px;
}

.languageBtns .btn:last-child {
  margin-right: 0;
}

.ai-btn {
  display: inline-block;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0 10px 0 0;
}

.ai-btn img {
  display: inline-block;
  height: 38px;
  width: auto;
}

.descriptionFormarea {
  display: block;
  max-width: 670px;
  margin: 0 auto;
}

.descriptionFormarea.md {
  max-width: 600px;
}

#rightsidebar {
  position: fixed;
  top: 70px;
  right: -280px;
  width: 280px;
  height: calc(100vh - 70px);
  background-color: #fff;
  z-index: 11;
  padding: 0;
}

#rightsidebar.open {
  right: 0;
}

#rightsidebar .nav-tabs {
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  margin-left: 2px;
}

#rightsidebar .nav-tabs li {
  text-align: center;
}

#rightsidebar .nav-tabs li > a {
  margin-right: 0;
  font-weight: 700;
  font-size: 13px;
}

#rightsidebar .nav-tabs li:first-child {
  width: 45%;
}

#rightsidebar .nav-tabs li:last-child {
  width: 55%;
}

#rightsidebar .themeBox {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e9ecef;
}

#rightsidebar .themeBox:last-child {
  border: none;
}

#rightsidebar .themeBox h5 {
  display: block;
  color: #3e5569;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin: 10px 0;
  padding: 0;
}

#rightsidebar .themeBox .theme-color {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

#rightsidebar .themeBox .theme-color .theme-item {
  list-style: none;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  background: transparent !important;
}

#rightsidebar .themeBox .theme-color .theme-item:before,
#rightsidebar .themeBox .theme-color .theme-item:after {
  display: none !important;
}

#rightsidebar .themeBox .theme-color .theme-item .theme-link {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  width: 22px;
  height: 22px;
  display: block;
}

#rightsidebar .themeBox .theme-color .theme-item .theme-link:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 2px solid transparent;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

@media (max-width : 1199px) {
  #rightsidebar {
    width: 272px;
  }
}

.right-menu-settings ul li {
  padding: 0;
}

.right-menu-settings ul li a {
  color: #747474;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
  padding: 8px 12px;
}

.right-menu-settings ul li a i.material-icons {
  margin-top: 5px;
  font-size: 20px;
  color: #2961ff;
}

.right-menu-settings ul li a span {
  margin: 7px 0 7px 12px;
  color: #333;
  font-weight: bold;
  font-size: 13px;
  overflow: hidden;
}

.right-menu-settings ul li a:hover {
  text-decoration: none;
}

.right-menu-settings ul li a:hover span {
  color: #2961ff;
}

.overlay,
.navoverlay {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 10;
}

.overlay.navoverlay,
.navoverlay.navoverlay {
  display: block;
  opacity: 0;
  visibility: hidden;
}

@media (max-width : 1199px) {
  body.smallSidebar .overlay.navoverlay,
  body.smallSidebar .navoverlay.navoverlay {
    opacity: 1;
    visibility: visible;
  }
}

.tab-content .fade.active {
  opacity: 1;
}

.mainSection {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 0;
  flex: 1;
}

.mainSection .mainBody {
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 88px 13px 0 13px;
}

.mainSection .mainBody > .container-fluid,
.mainSection .mainBody > .container-sm,
.mainSection .mainBody > .container-md,
.mainSection .mainBody > .container-lg,
.mainSection .mainBody > .container-xl {
  display: flex;
  flex-flow: column;
  flex: 1;
}

.mainSection .mainBody > .content {
  min-height: calc(100vh - 194px);
}

@media (max-width : 1199px) {
  .mainSection .mainBody {
    padding-left: 0;
    padding-right: 0;
  }
}

.mainSection .page-title {
  display: block;
  color: #414755;
  font-size: 21px;
  line-height: 25px;
  font-weight: 800;
}

.mainSection .page-title.xl {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width : 599px) {
  .mainSection .page-title.xl {
    font-size: 22px;
    line-height: 26px;
  }
}

.mainSection .page-breadcrumb {
  display: block;
  margin: 12px 0 0 0;
  font-size: 0px;
  padding: 0;
}

.mainSection .page-breadcrumb:first-child {
  margin: 0;
}

.mainSection .page-breadcrumb li {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 0 22px 0 0;
  margin: 3px 15px 3px 0;
  background: url(/images/breadcrumb-arrow.png?4d5222440ec2601955fda5d33eae449d) no-repeat right center;
}

.mainSection .page-breadcrumb li:last-child {
  background: transparent;
  padding-right: 0;
  margin-right: 0;
}

.mainSection .page-breadcrumb li a {
  display: block;
  color: #8d97ad;
  text-decoration: none;
}

.mainSection .page-breadcrumb li a:hover {
  color: #2961ff;
  text-decoration: underline;
}

@media (max-width : 767px) {
  .mainSection .page-breadcrumb li {
    padding-right: 16px;
    margin-right: 8px;
  }
}

.mainSection .wh-box {
  padding: 16px 24px 30px 24px;
  margin: 16px 0 0 0;
}

.mainSection .wh-box:first-child {
  margin: 0;
}

.mainSection .wh-box.gray {
  background-color: #f3f7f9;
}

.mainSection .wh-box.full-height {
  min-height: 95.1%;
}

.mainSection .wh-box .header {
  display: block;
}

.mainSection .wh-box .header .btn {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 4px;
}

.mainSection .wh-box .header .btn:last-child {
  margin-right: 0;
}

.mainSection .wh-box h3,
.mainSection .wh-box .wh-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.mainSection .wh-box h3 h2,
.mainSection .wh-box h3 h3,
.mainSection .wh-box h3 h4,
.mainSection .wh-box h3 h5,
.mainSection .wh-box h3 h6,
.mainSection .wh-box .wh-title h2,
.mainSection .wh-box .wh-title h3,
.mainSection .wh-box .wh-title h4,
.mainSection .wh-box .wh-title h5,
.mainSection .wh-box .wh-title h6 {
  display: block;
  float: left;
}

.mainSection .wh-box h3 h2:not(:last-child),
.mainSection .wh-box h3 h3:not(:last-child),
.mainSection .wh-box h3 h4:not(:last-child),
.mainSection .wh-box h3 h5:not(:last-child),
.mainSection .wh-box h3 h6:not(:last-child),
.mainSection .wh-box .wh-title h2:not(:last-child),
.mainSection .wh-box .wh-title h3:not(:last-child),
.mainSection .wh-box .wh-title h4:not(:last-child),
.mainSection .wh-box .wh-title h5:not(:last-child),
.mainSection .wh-box .wh-title h6:not(:last-child) {
  padding: 0 16px 0 0;
}

.mainSection .wh-box h3 .btn,
.mainSection .wh-box h3 .float-right,
.mainSection .wh-box .wh-title .btn,
.mainSection .wh-box .wh-title .float-right {
  margin-left: auto;
}

.mainSection .wh-box h3 .sm,
.mainSection .wh-box .wh-title .sm {
  font-size: 82%;
}

.mainSection .wh-box h3.sm,
.mainSection .wh-box .wh-title.sm {
  font-size: 18px;
  line-height: 22px;
}

.mainSection .wh-box h3 .form-group,
.mainSection .wh-box .wh-title .form-group {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  margin: 4px 0;
}

.mainSection .wh-box h3 .form-group,
.mainSection .wh-box .wh-title .form-group {
  width: 328px;
}

.mainSection .wh-box h3 .form-group .form-control,
.mainSection .wh-box .wh-title .form-group .form-control {
  color: #414755;
  font-size: 20px;
  font-weight: 800;
}

.mainSection .wh-box .wh-title-sm {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 0 0 0;
  margin: 0 0 16px 0;
}

@media (max-width : 767px) {
  .mainSection .wh-box .wh-title-sm {
    font-size: 18px;
  }
}

.mainSection .wh-box .wh-title-sm span {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
}

.mainSection .wh-box .wh-title-sm span:last-child {
  margin-right: 0;
}

.mainSection .wh-box .wh-title-sm span .form-group {
  margin: 0;
}

.mainSection .wh-box .wh-title-sm span .form-control.cur {
  width: 156px;
}

@media (max-width : 599px) {
  .mainSection .wh-box .wh-title-sm .tl {
    display: block;
    margin: 0 0 16px 0;
  }
}

.mainSection .wh-box h5 {
  font-size: 18px;
}

.mainSection .wh-box h6 {
  font-size: 15px;
  line-height: 19px;
  margin: 0 0 12px 0;
}

.mainSection .wh-box h6:last-child {
  margin-bottom: 0;
}

.mainSection .wh-box .wh-body {
  display: block;
  padding: 16px 0 0 0;
}

.mainSection .wh-box .wh-body:first-child {
  padding: 0;
}

.mainSection .wh-box .wh-body .tab-pane {
  padding: 24px 0 0 0;
}

.mainSection .wh-box .wh-body .tab-pane.blue-gray {
  background-color: #edf3f7;
  padding: 24px;
}

@media (max-width : 599px) {
  .mainSection .wh-box .wh-body .tab-pane.blue-gray {
    padding: 14px;
  }
}

@media (max-width : 1023px) {
  .mainSection .wh-box {
    padding: 12px;
  }

  .mainSection .wh-box h3,
  .mainSection .wh-box .wh-title {
    font-size: 18px;
    line-height: 22px;
  }

  .mainSection .wh-box h3 .form-group .form-control,
  .mainSection .wh-box .wh-title .form-group .form-control {
    font-size: 16px;
  }
}

.mainSection .tab-pane > h1:first-child,
.mainSection .tab-pane > h2:first-child,
.mainSection .tab-pane > h3:first-child,
.mainSection .tab-pane > h4:first-child,
.mainSection .tab-pane > h5:first-child {
  margin-top: 0;
  padding-top: 0;
}

.footer {
  display: block;
  color: #b1b9c3;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  padding: 36px 0;
  text-align: center;
  margin-top: auto;
}

.footer .version {
  display: inline-block;
  vertical-align: top;
  color: #414755;
  font-weight: 600;
}

.duplicateContactBox {
  display: block;
  background-color: #fcfcfc;
  position: relative;
  padding: 20px;
  border-left: 1px solid #f4f4f4;
}

.duplicateContactBox .cls {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  background: url(/images/cross-black.svg?14b7b633062affa3424a301c7fcdc4a6) no-repeat center;
  background-size: 11px auto;
  cursor: pointer;
}

.duplicateContactBox h4,
.duplicateContactBox h5 {
  display: block;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 16px 0;
}

.duplicateContactBox h4 .material-icons,
.duplicateContactBox h5 .material-icons {
  color: #fa6767;
  display: inline-block;
  vertical-align: top;
  font-size: 26px;
  margin-top: -2px;
}

.duplicateContactBox h5 {
  font-size: 18px;
}

.duplicateContactBox h5 .material-icons {
  font-size: 24px;
}

.duplicateContactBox .smTxt {
  display: block;
  color: #2961ff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}

.duplicateContactBox .infoList {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
}

.duplicateContactBox .infoList li {
  display: block;
  color: #404040;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
}

.duplicateContactBox .infoList li strong {
  font-weight: 700;
  color: #000;
}

.duplicateContactBox .btns {
  display: block;
  margin: 20px 0 0 0;
  text-align: center;
}

.help-block {
  display: block;
  color: #222;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin: 4px 0 0 0;
  position: relative;
}

.help-block.error,
.help-block.error-help-block {
  color: #ff2727;
}

.help-block.success,
.help-block.success-help-block {
  color: #30b906;
}

.form-group .sm-t {
  font-size: 13px;
  font-weight: 500;
}

.form-group .help-block {
  display: block;
  color: #222;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin: 4px 0 0 0;
}

.form-group .help-block strong {
  font-weight: 600;
}

.form-group.error .help-block,
.form-group .help-block.error-help-block {
  color: #ff2727;
}

.form-group.success .help-block,
.form-group .help-block.success-help-block {
  color: #30b906;
}

.form-group label {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.form-group label.switch {
  margin: 0;
}

.form-group label > .ico {
  display: inline-flex;
  vertical-align: middle;
  max-height: 20px;
  opacity: 0.8;
  cursor: pointer;
  margin: 0 0 0 3px;
}

.form-group label > .ico:hover {
  opacity: 1;
}

.form-group.with-color-picker {
  position: relative;
}

.form-group.with-color-picker .form-control {
  padding-right: 34px;
}

.form-group.with-color-picker .color-picker {
  position: absolute;
  right: 10px;
  bottom: 6px;
  width: auto;
}

.form-group.required label:after {
  content: "*";
  color: red;
  font-size: 16px;
  margin: 0 0 0 1px;
}

.form-group textarea.form-control {
  height: 100px;
  resize: none;
}

.form-group textarea.form-control.area-64 {
  height: 64px;
}

.form-group.error .form-control {
  border-color: #f89192 !important;
}

.form-group.error .form-control::-moz-placeholder {
  color: #ff7676;
}

.form-group.error .form-control::placeholder {
  color: #ff7676;
}

.form-group .input-group .form-line {
  flex: 1;
}

.form-group .input-group-prepend {
  position: relative;
  z-index: 1;
  margin: 0 0 0 -1px;
}

.form-group .input-group-prepend .form-control {
  background-color: #e5e8ec;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.form-group .input-group-prepend.phone-code {
  z-index: 2;
}

.form-group .input-group-prepend.phone-code .selCountry {
  width: 170px;
}

.form-group .withIco,
.form-group .range-picker {
  position: relative;
  width: 100%;
}

.form-group .withIco.range-picker,
.form-group .range-picker.range-picker {
  cursor: pointer;
  padding-right: 34px;
  display: flex;
  align-items: center;
}

.form-group .withIco.range-picker span,
.form-group .range-picker.range-picker span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-group .withIco .form-control,
.form-group .range-picker .form-control {
  padding-right: 42px;
  position: relative;
  z-index: 2;
}

.form-group .withIco .form-control:disabled + i,
.form-group .withIco .form-control[readonly] + i,
.form-group .range-picker .form-control:disabled + i,
.form-group .range-picker .form-control[readonly] + i {
  z-index: 1;
}

.form-group .withIco .bootstrap-tagsinput,
.form-group .range-picker .bootstrap-tagsinput {
  padding-right: 42px;
}

@media (max-width : 599px) {
  .form-group .withIco.date-picker .form-control,
  .form-group .range-picker.date-picker .form-control {
    padding-right: 30px;
  }
}

.form-group .withIco > i,
.form-group .range-picker > i {
  display: block;
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 7px;
  color: #3469ff;
  font-size: 24px;
  line-height: 28px;
  cursor: pointer;
}

.form-group .withIco > i.security_ans_view,
.form-group .range-picker > i.security_ans_view {
  font-size: 18px;
}

.form-group .withIco.sm-ico > i,
.form-group .range-picker.sm-ico > i {
  font-size: 20px;
}

.form-group .withIco .ico,
.form-group .range-picker .ico {
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
}

.form-group .withIco .ico img,
.form-group .range-picker .ico img {
  display: block;
  width: 24px;
  height: auto;
}

.form-group .withIco.input-prepend .form-control,
.form-group .range-picker.input-prepend .form-control {
  padding-left: 42px;
  padding-right: 0;
}

.form-group .withIco.input-prepend i,
.form-group .range-picker.input-prepend i {
  left: 7px;
  right: auto;
}

.form-group .withIco.input-prepend .ico,
.form-group .range-picker.input-prepend .ico {
  display: block;
  right: auto;
  left: 10px;
}

.form-group .to {
  font-size: 14px;
  line-height: 16px;
}

.form-group.with-action {
  position: relative;
  padding: 6px 30px 6px 6px;
  background-color: #f9f9f9;
}

.form-group.with-action .delField {
  display: block;
  position: absolute;
  top: 10px;
  right: 6px;
  color: #f74747;
  font-size: 15px;
  padding: 4px;
}

.form-group.with-badge {
  position: relative;
}

.form-group.with-badge .form-control {
  padding-right: 58px;
}

.form-group.with-badge .badge {
  position: absolute;
  top: 12px;
  right: 7px;
}

.form-group.with-del.with-badge .badge {
  position: absolute;
  top: 12px;
  right: 32px;
}

.iti {
  width: 100%;
}

.iti.iti--allow-dropdown input,
.iti.iti--allow-dropdown input[type=tel],
.iti.iti--allow-dropdown input[type=text],
.iti.iti--separate-dial-code input,
.iti.iti--separate-dial-code input[type=tel],
.iti.iti--separate-dial-code input[type=text] {
  padding-left: 58px;
}

.iti .iti__country-list {
  background-color: #ffffff !important;
  color: #414755;
  z-index: 1000 !important;
  border: 1px solid #ccc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.iti .iti__country-list .iti__country {
  background-color: #ffffff;
}

.iti .iti__country-list .iti__country.iti__highlight,
.iti .iti__country-list .iti__country:hover {
  background-color: #f1f5f9 !important;
}

.iti .iti__country-list .iti__dial-code {
  color: #6b7280;
}

.form-control {
  border: 1px solid #edeff2;
  color: #414755;
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  outline: none !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

.form-control:focus {
  border-color: #2961ff;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
}

.form-control:disabled,
.form-control[readonly] {
  color: #414755;
  cursor: not-allowed;
  background-color: rgba(174, 186, 197, 0.3) !important;
  border-color: #edeff2 !important;
}

.form-control:disabled ~ .badge,
.form-control[readonly] ~ .badge {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}

.form-control:disabled ~ .bootstrap-datetimepicker-widget,
.form-control[readonly] ~ .bootstrap-datetimepicker-widget {
  display: none !important;
}

.form-control.gm-err-autocomplete {
  padding-left: 22px;
  background-position: 4px 11px !important;
}

select.form-control:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/images/select-arrow.png?f5c801af80bcc3e43731f15424001730) no-repeat right 6px center #fff;
  padding-right: 20px !important;
}

input.number::-webkit-outer-spin-button,
input.number::-webkit-inner-spin-button {
  -webkit-appearance: auto !important;
}

input.number[type=number] {
  -moz-appearance: inherit !important;
}

.addField,
.addField:focus {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-decoration: underline;
}

.addField .material-icons,
.addField:focus .material-icons {
  display: inline-block;
  vertical-align: top;
  margin: -3px 0px 0 0;
  font-size: 20px;
  line-height: 21px;
}

.addField:hover,
.addField:focus:hover {
  text-decoration: none;
  color: #2961ff;
}

.addField.disabled,
.addField:focus.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  text-decoration: inherit;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-top: 10px;
}

.custom-control .custom-checkbox {
  min-height: 1em;
}

.custom-control.inline-block,
.custom-control.form-check-inline,
.custom-control.d-inline {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
}

.custom-control .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control .custom-control-input:disabled + .custom-control-label {
  opacity: 0.7;
  cursor: not-allowed;
}

.custom-control .custom-control-label {
  color: #3e5569;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
  padding-top: 2px;
}

.custom-control .custom-control-label small {
  font-size: 12px;
  line-height: 16px;
  color: #788b9a;
}

.custom-control .custom-control-label:before,
.custom-control .custom-control-label:after {
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  top: 2px !important;
}

.custom-control .custom-control-label.border:before {
  border: 1px solid #2961ff;
}

.custom-control.lg .custom-control-label {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  padding-top: 0;
  color: #222;
}

.custom-control.lg .custom-control-label small {
  color: #222;
  font-size: 80%;
  font-weight: 600;
}

.custom-control.custom-radio .custom-control-label:before {
  width: 20px;
  height: 20px;
  margin: -1px;
  border: 2px solid #2961ff;
  background-color: #eef3f6 !important;
}

.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background: transparent !important;
  background-color: #2961ff !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 10px;
  height: 10px;
  margin: 4px 0 0 4px;
}

.field-inline {
  display: flex;
  flex-wrap: wrap;
}

.field-inline .form-label {
  display: block;
  float: left;
  padding: 0 16px 0 0;
  margin: 0;
  align-self: center;
}

.field-inline .form-control {
  display: block;
  float: left;
  max-width: 100%;
  flex: 1;
}

.sub-domain-field {
  display: block;
  position: relative;
  padding: 0 0 0 52px;
}

.sub-domain-field .form-group.http {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.sub-domain-field .form-group.http label {
  margin: 0;
}

.btn-uploader {
  position: relative;
  overflow: hidden;
}

.btn-uploader input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 300%;
  height: 200%;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

.c-alert-box {
  display: block;
  text-align: center;
}

.c-alert-box .msg {
  display: inline-flex;
  background-color: #eceeff;
  border: 1px solid #adb7ff;
  color: #101a4e;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.bg-info {
  background-color: #7460ee !important;
}

.bootstrap-tagsinput {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #edeff2 !important;
  color: #9098ac !important;
  font-size: 14px;
  min-height: 38px;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
  padding: 7px 6px 4px 6px !important;
}

.bootstrap-tagsinput input {
  color: #9098ac;
  font-size: 14px;
}

.bootstrap-tagsinput .bootstrap-tagsinput input {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  max-width: inherit;
  outline: none;
  padding: 0 6px;
  width: auto;
}

.bootstrap-tagsinput .tag.label-info {
  display: inline-flex;
  align-items: center;
  margin-bottom: 3px;
  background-color: #2961ff;
  font-size: 13px;
  line-height: 15px;
  padding: 0 5px 0 8px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  margin-bottom: 3px;
  margin-right: 4px;
}

.bootstrap-tagsinput .tag.label-info span {
  display: inline-block;
  vertical-align: top;
  padding: 3px 0;
}

.bootstrap-tagsinput .more-less {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: static;
  top: 0;
  right: 0;
  margin-left: auto;
  padding: 0 6px 0 0;
  width: 52px;
  height: auto;
  background: url(/images/navigate-up-arrow.svg?7a58dac1217876946fe0430973a7324b) no-repeat right 4px center;
  background-size: 8px auto;
  background-color: #fff;
  color: #222;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
}

*:not(.single-line-tagsinput) > .bootstrap-tagsinput .twitter-typeahead + .more-less {
  display: none;
}

.single-line-tagsinput .bootstrap-tagsinput.ellipsis {
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.single-line-tagsinput .bootstrap-tagsinput.ellipsis:not(.typehead-view) .twitter-typeahead {
  position: fixed !important;
  top: 0;
  right: 100%;
}

.single-line-tagsinput .bootstrap-tagsinput.ellipsis .more-less {
  position: absolute;
  height: 36px;
  background: url(/images/navigate-down-arrow.svg?62cd43feb115052b955df8188c7bec9d) no-repeat right 4px center;
  background-size: 8px auto;
  background-color: #fff;
}

.ts-wrapper.multi .ts-control > .item {
  background-color: #2961ff !important;
}

.form-control.ts-wrapper {
  border: none;
}

.form-control.ts-wrapper.multi .ts-control > .item {
  border: 0 solid #dee2e6;
  color: #fff !important;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.form-control.ts-wrapper.multi .ts-control > .item .remove {
  color: rgba(255, 255, 255, 0.8);
}

.form-control.ts-wrapper:not(.multi) .ts-control .item {
  color: #343a40 !important;
}

.form-control.ts-wrapper .ts-control {
  color: #414755;
  font-size: 14px;
  height: 38px;
  border: 1px solid #edeff2 !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  box-shadow: none !important;
}

.form-control.ts-wrapper .ts-control input {
  color: #414755 !important;
}

.form-control.ts-wrapper.focus .ts-control {
  border-color: #2961ff !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
}

.buttonset {
  display: block;
  padding: 20px 0 0 0;
  width: 100%;
}

.buttonset .btn {
  margin: 0 5px 8px 0;
}

.buttonset .btn:first-child {
  margin-left: 0;
}

.buttonset .btn:last-child {
  margin-right: 0;
}

@media (max-width : 599px) {
  .buttonset .btn {
    margin: 0 2px 6px 2px;
  }
}

.min-50 {
  min-width: 50px !important;
}

.min-60 {
  min-width: 60px !important;
}

.min-70 {
  min-width: 70px !important;
}

.min-80 {
  min-width: 80px !important;
}

.min-100 {
  min-width: 100px !important;
}

.min-150 {
  min-width: 150px !important;
}

.min-160 {
  min-width: 100px !important;
}

@media (min-width: 599px) {
  .min-160 {
    min-width: 160px !important;
  }
}

.min-180 {
  min-width: 100px !important;
}

@media (min-width: 599px) {
  .min-180 {
    min-width: 180px !important;
  }
}

.btn {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  outline: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-decoration: none !important;
  font-size: 0.9rem;
  line-height: 1.7;
}

.btn i.material-icons {
  display: inline-block;
  vertical-align: top;
}

.btn.fav:hover,
.btn.fav:active,
.btn.fav.sl {
  background-color: #fc4b6c !important;
  border-color: #fc4b6c !important;
  box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn.n-light-btn {
  border: 1px solid #edeff2;
  color: #778092;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.btn.n-light-btn:hover,
.btn.n-light-btn.sl {
  background-color: #edf3f7;
}

.btn.btn-circle {
  border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
  -ms-border-radius: 600px !important;
}

.btn.btn-square {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
}

.btn.btn-md {
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
  min-height: 38px;
  min-width: 78px;
}

.btn.btn-md img {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: auto;
  margin: 3px 2px 0 0;
}

.btn.btn-md i.material-icons {
  font-size: 20px;
  line-height: 20px;
  margin: 1px 0 0 0;
}

.btn.btn-md.btn-ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  min-height: 38px;
  position: relative;
  font-size: 16px !important;
  line-height: 20px !important;
}

.btn.btn-md.btn-ico i,
.btn.btn-md.btn-ico img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.btn.btn-md.btn-ico i.fa-whatsapp,
.btn.btn-md.btn-ico img.fa-whatsapp {
  font-size: 14px;
}

.btn.btn-md.btn-ico img {
  width: auto;
  max-width: 16px;
  max-height: 16px;
}

.btn.btn-sm,
.btn-group-sm > .btn {
  min-width: 60px;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  padding: 0.3rem 0.5rem 0.2rem 0.5rem !important;
  font-weight: 600;
}

.btn.btn-sm i,
.btn-group-sm > .btn i {
  font-size: 12px;
}

.btn.btn-sm i.material-icons,
.btn-group-sm > .btn i.material-icons {
  font-size: 18px;
  line-height: 18px;
  margin: -1px 0 0 0;
}

.btn.btn-sm.icon-only,
.btn-group-sm > .btn.icon-only {
  min-width: 1px;
}

.btn.btn-sm img,
.btn-group-sm > .btn img {
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: auto;
  margin: 1px 2px 0 0;
}

.btn.btn-sm.btn-ico,
.btn-group-sm > .btn.btn-ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 27px;
  min-height: 27px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width : 599px) {
  .btn.btn-sm,
  .btn-group-sm > .btn {
    font-size: 0.72rem !important;
    padding-top: 0.2rem !important;
  }
}

.btn.btn-xs {
  min-width: 50px;
}

.btn:hover,
.btn:focus,
.btn:active {
  outline: none !important;
}

@media (max-width : 599px) {
  .btn.btn-md {
    min-width: 70px;
  }
}

.btn.btn-primary-text-only {
  color: #3F51B5 !important;
}

.btn.btn-danger-text-only {
  color: #fa6767 !important;
}

.btn.btn-primary-text-only,
.btn.btn-danger-text-only {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.btn.btn-primary-text-only:hover,
.btn.btn-danger-text-only:hover {
  text-decoration: underline !important;
}

.btn-sm.btn.btn-primary-text-only,
.btn-sm.btn.btn-danger-text-only,
.btn-group-sm > .btn.btn-primary-text-only,
.btn-group-sm > .btn.btn-danger-text-only {
  font-size: 0.9rem !important;
}

.btn-group .btn.mb-0 {
  margin-bottom: 0 !important;
}

.btn-xs,
.btn-group-xs > .btn,
.btn-xs.normal-text {
  padding: 0.22rem 0.5rem 0.18rem;
  font-size: 0.7rem !important;
  line-height: 0.7rem !important;
}

.btn-xs i,
.btn-group-xs > .btn i,
.btn-xs.normal-text i {
  font-size: 10px;
}

.btn-default,
.btn-default:focus {
  background-color: #ddd !important;
  border-color: #ddd !important;
  color: #222 !important;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
}

.btn-default:hover:not(:disabled),
.btn-default:active:not(:disabled),
.btn-default:focus:hover:not(:disabled),
.btn-default:focus:active:not(:disabled) {
  background-color: #d6d5d5 !important;
  border-color: #d6d5d5 !important;
  color: #222 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
}

.btn-danger:not(.btn-text-only),
.btn-danger:focus:not(.btn-text-only),
.range_inputs .btn-default:not(.btn-text-only),
.range_inputs .btn-default:not(:disabled):not(.btn-text-only) {
  background-color: #fa6767 !important;
  border-color: #fa6767 !important;
  box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  color: #fff !important;
}

.btn-danger:not(.btn-text-only):hover,
.btn-danger:not(.btn-text-only):active,
.btn-danger:not(.btn-text-only):focus,
.btn-danger:focus:not(.btn-text-only):hover,
.btn-danger:focus:not(.btn-text-only):active,
.btn-danger:focus:not(.btn-text-only):focus,
.range_inputs .btn-default:not(.btn-text-only):hover,
.range_inputs .btn-default:not(.btn-text-only):active,
.range_inputs .btn-default:not(.btn-text-only):focus,
.range_inputs .btn-default:not(:disabled):not(.btn-text-only):hover,
.range_inputs .btn-default:not(:disabled):not(.btn-text-only):active,
.range_inputs .btn-default:not(:disabled):not(.btn-text-only):focus {
  background-color: #f74444 !important;
  border-color: #f74444 !important;
  box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-danger.btn-text-only,
.btn-danger:focus.btn-text-only,
.range_inputs .btn-default.btn-text-only,
.range_inputs .btn-default:not(:disabled).btn-text-only {
  color: #fa6767 !important;
}

.btn-outline-danger,
.btn-outline-danger:focus {
  border-color: #fa6767 !important;
  color: #fa6767 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus:hover,
.btn-outline-danger:focus:active {
  background-color: #f74444 !important;
  border-color: #f74444 !important;
  box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-primary,
.btn-primary:focus {
  background-color: #2961ff !important;
  border-color: #2961ff !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:hover,
.btn-primary:focus:active {
  background-color: #1c4bce !important;
  border-color: #1c4bce !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-primary.active,
.btn-primary:focus.active {
  background-color: #0d3fcc !important;
  border-color: #0d3fcc !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-primary,
.btn-outline-primary:focus {
  border-color: #2961ff !important;
  color: #2961ff !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus:hover,
.btn-outline-primary:focus:active {
  background-color: #1c4bce !important;
  border-color: #1c4bce !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-secondary,
.btn-secondary:focus {
  background-color: #00ab83 !important;
  border-color: #00ab83 !important;
  box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus:hover,
.btn-secondary:focus:active {
  background-color: #00a27c !important;
  border-color: #00a27c !important;
  box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-secondary,
.btn-outline-secondary:focus {
  border-color: #00ab83 !important;
  color: #00ab83 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus:hover,
.btn-outline-secondary:focus:active {
  background-color: #20af8f !important;
  border-color: #20af8f !important;
  box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-info,
.btn-info:focus {
  background-color: #7460ee !important;
  border-color: #7460ee !important;
  box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  color: #fff !important;
}

.btn-info:hover:not(:disabled),
.btn-info:active:not(:disabled),
.btn-info:focus:hover:not(:disabled),
.btn-info:focus:active:not(:disabled) {
  background-color: #634fdc !important;
  border-color: #634fdc !important;
  box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-info,
.btn-outline-info:focus {
  border-color: #7460ee !important;
  color: #7460ee !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-info:hover:not(:disabled),
.btn-outline-info:active:not(:disabled),
.btn-outline-info:focus:hover:not(:disabled),
.btn-outline-info:focus:active:not(:disabled) {
  background-color: #634fdc !important;
  border-color: #634fdc !important;
  box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-success,
.btn-success:focus {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  color: #fff !important;
}

.btn-success:hover:not(:disabled),
.btn-success:active:not(:disabled),
.btn-success:focus:hover:not(:disabled),
.btn-success:focus:active:not(:disabled) {
  background-color: #1e7e34 !important;
  border-color: #1e7e34 !important;
  box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-success,
.btn-outline-success:focus {
  border-color: #28a745 !important;
  color: #28a745 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-success:hover:not(:disabled),
.btn-outline-success:active:not(:disabled),
.btn-outline-success:focus:hover:not(:disabled),
.btn-outline-success:focus:active:not(:disabled) {
  background-color: #1e7e34 !important;
  border-color: #1e7e34 !important;
  box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-warning,
.btn-warning:focus {
  background-color: #ff821c !important;
  border-color: #ff821c !important;
  box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  color: #fff !important;
}

.btn-warning:hover:not(:disabled),
.btn-warning:active:not(:disabled),
.btn-warning:focus:hover:not(:disabled),
.btn-warning:focus:active:not(:disabled) {
  background-color: #e06c0d !important;
  border-color: #e06c0d !important;
  box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-warning,
.btn-outline-warning:focus {
  border-color: #ff821c !important;
  color: #ff821c !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-warning:hover:not(:disabled),
.btn-outline-warning:active:not(:disabled),
.btn-outline-warning:focus:hover:not(:disabled),
.btn-outline-warning:focus:active:not(:disabled) {
  background-color: #e06c0d !important;
  border-color: #e06c0d !important;
  box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-dark,
.btn-dark:focus {
  background-color: #3f3f3f !important;
  border-color: #3f3f3f !important;
  box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  color: #fff !important;
}

.btn-dark:hover:not(:disabled),
.btn-dark:active:not(:disabled),
.btn-dark:focus:hover:not(:disabled),
.btn-dark:focus:active:not(:disabled) {
  background-color: #333333 !important;
  border-color: #333333 !important;
  box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-dark:hover {
  color: #fff !important;
}

.btn-dark-success,
.btn-dark-success:focus {
  border-color: #3f3f3f !important;
  color: #3f3f3f !important;
}

.btn-dark-success:hover:not(:disabled),
.btn-dark-success:active:not(:disabled),
.btn-dark-success:focus:hover:not(:disabled),
.btn-dark-success:focus:active:not(:disabled) {
  background-color: #333333 !important;
  border-color: #333333 !important;
  box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-light,
.btn-light:focus {
  background-color: #edf3f7 !important;
  border-color: #edf3f7 !important;
  color: #414755 !important;
}

.btn-light:hover:not(:disabled),
.btn-light:active:not(:disabled),
.btn-light:focus:hover:not(:disabled),
.btn-light:focus:active:not(:disabled) {
  background-color: #e7ebee !important;
  border-color: #e7ebee !important;
  color: #414755 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
}

.btn-outline-light,
.btn-outline-light:focus {
  background-color: transparent !important;
  border-color: #edf3f7 !important;
  color: #edf3f7 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-light:hover:not(:disabled),
.btn-outline-light:active,
.btn-outline-light:focus:hover:not(:disabled),
.btn-outline-light:focus:active {
  background-color: #e7ebee !important;
  border-color: #e7ebee !important;
  color: #414755 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
}

.btn-link,
.btn-link:focus {
  color: #2961ff;
}

.btn-rounded {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-rounded.btn-xs {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-rounded.btn-md {
  padding-left: 20px;
  padding-right: 20px;
}

.dataTables_scrollBody {
  padding: 10px 14px 11px 14px;
  width: 100%;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 1rem;
  vertical-align: top;
  border-top: 2px solid #f2f4fd;
  font-size: 14px;
}

.table th.text-wrap .txt,
.table td.text-wrap .txt {
  word-break: break-word;
}

.table .align-middle td {
  vertical-align: middle !important;
}

.table.dataTable,
body .table.dataTable {
  width: 100%;
  overflow-x: auto;
}

.table.dataTable th,
.table.dataTable td,
.table.dataTable thead th,
.table.dataTable thead td,
body .table.dataTable th,
body .table.dataTable td,
body .table.dataTable thead th,
body .table.dataTable thead td {
  vertical-align: top;
  font-weight: 600;
  padding: 0.6rem 0.4rem !important;
}

.table.dataTable th:first-child,
.table.dataTable td:first-child,
.table.dataTable thead th:first-child,
.table.dataTable thead td:first-child,
body .table.dataTable th:first-child,
body .table.dataTable td:first-child,
body .table.dataTable thead th:first-child,
body .table.dataTable thead td:first-child {
  padding-left: 0.8rem !important;
}

.table.dataTable th:last-child,
.table.dataTable td:last-child,
.table.dataTable thead th:last-child,
.table.dataTable thead td:last-child,
body .table.dataTable th:last-child,
body .table.dataTable td:last-child,
body .table.dataTable thead th:last-child,
body .table.dataTable thead td:last-child {
  padding-right: 0.8rem !important;
}

.table.dataTable tbody tr td,
body .table.dataTable tbody tr td {
  vertical-align: middle;
}

.table.dataTable tr td .quick-edit-icon,
.table.dataTable tr td .unlink-icon,
body .table.dataTable tr td .quick-edit-icon,
body .table.dataTable tr td .unlink-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: #2961ff;
  font-size: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.table.dataTable tr td .quick-edit-icon:before,
.table.dataTable tr td .unlink-icon:before,
body .table.dataTable tr td .quick-edit-icon:before,
body .table.dataTable tr td .unlink-icon:before {
  content: "\f303";
  font-size: 14px;
}

.table.dataTable tr td .quick-edit-icon:hover,
.table.dataTable tr td .unlink-icon:hover,
body .table.dataTable tr td .quick-edit-icon:hover,
body .table.dataTable tr td .unlink-icon:hover {
  background-color: rgba(41, 97, 255, 0.12);
  color: #2961ff;
}

.table.dataTable tr td .quick-edit-icon.unlink-icon,
.table.dataTable tr td .unlink-icon.unlink-icon,
body .table.dataTable tr td .quick-edit-icon.unlink-icon,
body .table.dataTable tr td .unlink-icon.unlink-icon {
  top: -2px;
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 0px;
  line-height: inherit;
}

.table.dataTable tr td .quick-edit-icon.unlink-icon:before,
.table.dataTable tr td .unlink-icon.unlink-icon:before,
body .table.dataTable tr td .quick-edit-icon.unlink-icon:before,
body .table.dataTable tr td .unlink-icon.unlink-icon:before {
  content: "\f00d";
  color: #ff3636;
  font-size: 14px;
  line-height: 16px;
}

.table.dataTable tr td .quick-edit-icon.unlink-icon:hover,
.table.dataTable tr td .unlink-icon.unlink-icon:hover,
body .table.dataTable tr td .quick-edit-icon.unlink-icon:hover,
body .table.dataTable tr td .unlink-icon.unlink-icon:hover {
  background-color: rgba(255, 54, 54, 0.12);
  color: #ff3636;
}

.table.dataTable:not(.listing-table) .dataTables_scrollHead,
body .table.dataTable:not(.listing-table) .dataTables_scrollHead {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

@media (min-width : 768px) {
  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover),
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td {
    min-height: 46px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    position: relative;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child:before,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 4px);
    opacity: 0;
    visibility: visible;
    border-left: 3.5px solid #2961ff;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:last-child,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:last-child {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover {
    box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
    background-color: #fff !important;
    transform: scale(1.0015);
    position: relative;
    z-index: 1;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead th,
  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead td,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead th,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead td {
    background: transparent !important;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover td:first-child:before,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover td:first-child:before {
    opacity: 1;
    visibility: visible;
  }

  .table.dataTable:not(.listing-table).listing-table thead tr th:first-child,
  body .table.dataTable:not(.listing-table).listing-table thead tr th:first-child {
    padding-left: 12px;
  }

  .table.dataTable:not(.listing-table).listing-table thead tr th:last-child,
  body .table.dataTable:not(.listing-table).listing-table thead tr th:last-child {
    padding-right: 12px;
  }

  .table.dataTable:not(.listing-table).listing-table tbody tr td:first-child,
  body .table.dataTable:not(.listing-table).listing-table tbody tr td:first-child {
    padding-left: 12px;
  }

  .table.dataTable:not(.listing-table).listing-table tbody tr td:last-child,
  body .table.dataTable:not(.listing-table).listing-table tbody tr td:last-child {
    padding-right: 12px;
  }
}

.table th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #eef5f9;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped th:not(.text-wrap),
.table-striped td:not(.text-wrap) {
  white-space: nowrap;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: #f8f9fa;
}

.text-table.gray .table-hover tbody tr:hover {
  background-color: #fff;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #d8d2fa;
}

.table-hover .table-primary:hover {
  background-color: #c4bbf7;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #c4bbf7;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c7ede6;
}

.table-hover .table-success:hover {
  background-color: #b4e7dd;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b4e7dd;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c3d3ff;
}

.table-hover .table-info:hover {
  background-color: #aac0ff;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #aac0ff;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffecc6;
}

.table-hover .table-warning:hover {
  background-color: #ffe4ad;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe4ad;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fcc4ce;
}

.table-hover .table-danger:hover {
  background-color: #fbacba;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #fbacba;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-cyan,
.table-cyan > th,
.table-cyan > td {
  background-color: #ceeefd;
}

.table-hover .table-cyan:hover {
  background-color: #b6e6fc;
}

.table-hover .table-cyan:hover > td,
.table-hover .table-cyan:hover > th {
  background-color: #b6e6fc;
}

.table-orange,
.table-orange > th,
.table-orange > td {
  background-color: #fedfb8;
}

.table-hover .table-orange:hover {
  background-color: #fed49f;
}

.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
  background-color: #fed49f;
}

.table-purple,
.table-purple > th,
.table-purple > td {
  background-color: #d8d2fa;
}

.table-hover .table-purple:hover {
  background-color: #c4bbf7;
}

.table-hover .table-purple:hover > td,
.table-hover .table-purple:hover > th {
  background-color: #c4bbf7;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f8f9fa;
}

.table-hover .table-active:hover {
  background-color: #e9ecef;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e9ecef;
}

.table .thead-dark th {
  color: #eef5f9;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #4F5467;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #eef5f9;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1599.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (min-width : 768px) {
  .table-responsive {
    padding: 0 14px 14px 14px;
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
  }
}

.table-responsive > .table-bordered {
  border: 0;
}

#dataTableBuilder_filter label {
  min-height: 28px;
}

#dataTableBuilder_info {
  display: block;
  float: left !important;
  margin: 16px 0 0 0;
}

#dataTableBuilder_paginate,
.dataTables_paginate {
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  float: right;
}

div.dataTables_wrapper .dt-buttons {
  text-align: left;
  display: inline;
}

div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button {
  border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
  -ms-border-radius: 600px !important;
  padding: 5px 12px 4px 12px;
  margin-bottom: 0;
  margin-top: 5px;
  background-color: #2961ff !important;
  border-color: #2961ff !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  color: #fff !important;
}

div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button:hover,
div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button:active {
  background-color: #1c4bce !important;
  border-color: #1c4bce !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button.active {
  background-color: #0d3fcc !important;
  border-color: #0d3fcc !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

div.dataTables_wrapper div.dataTables_length {
  margin-right: 5px;
}

div.dataTables_wrapper .dataTables_filter {
  padding-bottom: 16px;
}

div.dataTables_wrapper .dataTables_scrollHead {
  padding: 0 14px;
  width: 100%;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner {
  background-color: rgba(41, 97, 255, 0.22);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table {
  margin: 0 !important;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table thead {
  background: transparent !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table thead tr {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th {
  color: #3c3c3c;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  border: none;
  outline: none;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_asc:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_desc:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: auto;
  position: static;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_asc:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_desc:after {
  content: "\f0dc" !important;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  color: #000;
  font-size: 13px !important;
  line-height: 12px;
  right: auto !important;
  left: 0.5rem !important;
  opacity: 0.75 !important;
  top: 0.7rem !important;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child {
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_asc:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_desc:before {
  width: calc(14px + 0.9rem);
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_asc:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_desc:after {
  left: 0.9rem !important;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:last-child {
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .c-check-box {
  border: 1px solid rgba(41, 97, 255, 0.42) !important;
  background-color: #fff;
  margin-top: 2px;
  margin-right: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .c-check:checked + .c-check-box {
  background-color: #2961ff;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .c-check:checked + .c-check-box:before {
  top: -1px;
  left: -1px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-date,
body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 .selection .select2-selection {
  font-size: 13px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
}

body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
}

body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 .selection .select2-selection .select2-selection__rendered {
  padding: 0 !important;
}

body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 .selection .select2-selection .select2-selection__arrow {
  height: 28px;
}

div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper {
  margin: 3px 0 0 0;
}

div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper .yadcf-filter {
  border-color: rgba(41, 97, 255, 0.42) !important;
}

div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper .yadcf-filter:focus,
div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper .yadcf-filter:active {
  border-color: #2961ff !important;
}

.page-link {
  color: #2961ff;
  cursor: pointer;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.page-item.active .page-link {
  background-color: #2961ff;
  cursor: default;
}

.page-item.disabled .page-link {
  opacity: 0.6;
  cursor: not-allowed;
}

.uInformation {
  display: block;
  float: right;
  width: 292px;
  max-width: 100%;
  padding: 28px;
  background-color: #eef5f9;
}

@media (max-width : 767px) {
  .uInformation {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 16px;
  }
}

.uInformation h4 {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}

.uInformation .u-info-bx {
  display: block;
  margin: 26px 0 0 0;
}

.uInformation .u-info-bx p {
  display: block;
  color: #242323;
  font-size: 15px;
  line-height: 17px;
  margin: 6px 0 0;
  padding: 0;
}

.uInformation .u-info-bx p span {
  color: #747d93;
}

.uInformation .u-info-bx p a {
  color: #2961ff;
  text-decoration: none;
}

.uInformation .u-info-bx p a:hover {
  text-decoration: underline;
}

body table th input[type=text],
body table th input:not([type=button]),
body table td input[type=text],
body table td input:not([type=button]) {
  border: 1px solid #edeff2 !important;
  color: #9098ac;
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 0.375rem 0.6rem;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  outline: none;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

body table th input[type=text]:focus,
body table th input:not([type=button]):focus,
body table td input[type=text]:focus,
body table td input:not([type=button]):focus {
  border-color: #2961ff !important;
}

.custom-uploader {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #edeff2;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  margin: 0 !important;
}

.custom-uploader input {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200%;
  height: 200%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.custom-uploader input:hover + .upload-area {
  background-color: #f7f7f7;
}

.custom-uploader .upload-area {
  display: block;
  padding: 30px 14px 14px 14px;
  text-align: center;
}

.custom-uploader .upload-area img {
  display: inline-block;
  vertical-align: top;
  height: auto;
  max-height: 50px;
}

.custom-uploader .upload-area .t {
  display: block;
  color: #414755;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin: 12px 0 0 0;
}

.custom-uploader .upload-area .sm-t {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 8px 0 0 0;
}

.custom-uploader .upload-area .btn-sm,
.custom-uploader .upload-area .btn-group-sm > .btn {
  margin: 10px 0 12px 0;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 12px;
}

.custom-uploader .upload-area .btn-md {
  margin: 10px 0 12px 0;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 12px;
  min-height: 32px;
  min-width: 114px;
}

@media (max-width : 575px) {
  .custom-uploader .upload-area .t {
    font-size: 15px;
  }

  .custom-uploader .upload-area .btn-sm,
  .custom-uploader .upload-area .btn-group-sm > .btn {
    font-size: 10px;
    line-height: 13px;
    padding: 2px 5px;
    margin-bottom: 6px;
  }
}

.custom-uploader.thumb {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.custom-uploader.thumb .upload-area {
  width: 100%;
  height: auto;
  padding: 10px;
  background: transparent !important;
}

.custom-uploader.new-uploader {
  border: inherit;
}

.custom-uploader.new-uploader .upload-area {
  padding-top: 56px;
  padding-bottom: 26px;
  background: url(/images/bkg-uploader.png?b95048467042faeae0e126deadf053db) no-repeat top center;
  border: 2px dashed #95b2fe;
}

.custom-uploader.new-uploader .upload-area .t {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.custom-uploader.new-uploader .upload-area .sm-t {
  color: #565c69;
  font-size: 17px;
  line-height: 19px;
}

.custom-uploader.new-uploader .upload-area img {
  max-height: 86px;
}

.custom-uploader.new-uploader .upload-area.new-upload-area {
  background: transparent;
  padding: 26px 0 36px 0;
}

.custom-uploader.new-uploader .upload-area.new-upload-area .t {
  margin: 20px 0 0 0;
}

.custom-uploader.new-uploader .upload-area.new-upload-area .sm-t {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 0 0;
}

.upload-format {
  display: block;
}

.upload-format p {
  display: block;
  color: #9298ae;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 12px 0 0 0;
}

.upload-format p:first-child {
  margin: 0;
}

.upload-format p a {
  display: inline-block;
  color: #2961ff;
  font-weight: 600;
}

.upload-format p a:hover {
  text-decoration: underline;
}

.upload-img-view {
  display: block;
  padding: 8px;
  text-align: center;
  position: relative;
}

.upload-img-view:hover {
  background-color: #edf3f7;
}

.upload-img-view .f-image {
  display: block;
  text-align: center;
  padding: 10px;
}

.upload-img-view .f-image img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.upload-img-view .image {
  display: block;
  position: relative;
  cursor: pointer;
  border: 1px solid #edeff2;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.upload-img-view .image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -ms-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

.upload-img-view .image img {
  display: block;
  width: 100%;
  height: auto;
}

.upload-img-view .image .btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  z-index: 3;
  top: 5px;
  right: 5px;
  margin: 0;
}

.upload-img-view .image .btn.btn-sm,
.upload-img-view .image .btn-group-sm > .btn {
  padding-top: 0.2rem !important;
  padding-bottom: 0.1rem !important;
}

.upload-img-view .image .btn i,
.upload-img-view .image .btn .material-icons {
  font-size: 16px;
  line-height: 18px;
  margin: 0 2px 0 0 !important;
}

.upload-img-view .image .play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background-color: #2961ff;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.upload-img-view .image .play i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 0 1px;
}

.upload-img-view .progressSec {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 1;
  background-color: #ffffff;
  align-items: center;
  border: 1px solid #edf3f7;
}

.upload-img-view .progressSec .c {
  display: block;
  width: 120px;
  margin: 0 auto;
}

.upload-img-view .progressSec .c .progress {
  height: 8px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 100%;
  margin: 0;
  background-color: #edf3f7;
}

.upload-img-view .progressSec .c .progress-v {
  display: block;
  margin: 4px 0 0 0;
  text-align: center;
  color: #717171;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}

.upload-img-view .custom-control {
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 1;
  margin: 0;
  padding: 0 0 0 18px;
}

.upload-img-view .custom-control.left {
  left: 11px;
  right: auto;
}

.upload-img-view .custom-checkbox {
  padding: 0;
  min-height: 1px;
}

.upload-img-view .custom-checkbox .custom-control-label {
  display: block;
  width: 18px;
  min-height: 18px;
  position: relative;
}

.upload-img-view .custom-checkbox .custom-control-label:before,
.upload-img-view .custom-checkbox .custom-control-label:after {
  left: 1px;
}

.upload-img-view .btn {
  display: inline-block;
  vertical-align: top;
  background-color: #d4e0ff;
  color: #153385;
  font-weight: 600;
  border-color: #b0c0e9;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  margin: 10px 0 0 0;
}

.upload-img-view .btn:hover {
  background-color: #e7ecf9;
}

.upload-img-view .btn .material-icons {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin: 3px 0 0 0;
}

.upload-img-view .btn.btn-sm .material-icons,
.upload-img-view .btn-group-sm > .btn .material-icons {
  margin: 1px 0 0 0;
}

.upload-img-view .form-group {
  margin: 10px 0 0 0;
}

.upload-img-view .form-group .f-name {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 0;
}

@media (max-width : 899px) {
  .upload-img-view .form-group {
    margin: 6px 0 0 0;
  }

  .upload-img-view .form-group .f-name {
    font-size: 14px;
    line-height: 16px;
  }
}

.upload-img-view.view {
  display: flex;
  flex-flow: column;
  min-height: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid #edeff2;
}

.upload-img-view.preview {
  padding: 0 0 8px 0;
  background: transparent !important;
}

.upload-img-view.preview .form-group .f-name {
  text-align: left;
}

.upload-img-view:hover .form-group .f-name {
  color: #2961ff;
}

.upload-img-view:hover .image:before {
  box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -o-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
}

.upload-img-view .actions {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 11px;
}

.upload-img-view .actions .action-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #d4e0ff;
  color: #353535;
  font-size: 14px;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}

.upload-img-view .actions .action-btn:not(:last-child) {
  margin-right: 4px;
}

.upload-img-view .actions .action-btn:hover {
  text-decoration: none;
}

.upload-img-view .actions .action-btn.line:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  width: 2px;
  height: 28px;
  background-color: #fff;
  box-shadow: 0 0 0px 1.5px #7460ee;
  -ms-box-shadow: 0 0 0px 1.5px #7460ee;
  -webkit-box-shadow: 0 0 0px 1.5px #7460ee;
  -o-box-shadow: 0 0 0px 1.5px #7460ee;
  -moz-box-shadow: 0 0 0px 1.5px #7460ee;
  opacity: 0.6;
  z-index: 1;
}

.upload-img-view .actions .action-btn.line .fa,
.upload-img-view .actions .action-btn.line .fas,
.upload-img-view .actions .action-btn.line .far,
.upload-img-view .actions .action-btn.line .fab {
  opacity: 0.6;
}

.upload-img-view .actions .action-btn.danger {
  color: #fff;
  background-color: #fa6767;
}

.upload-img-view .actions .action-btn.danger:hover {
  color: #fff;
  background-color: #f74444;
}

.upload-img-view .actions .action-btn.info {
  color: #fff;
  background-color: #7460ee;
}

.upload-img-view .actions .action-btn.info:hover {
  color: #fff;
  background-color: #634fdc;
}

.upload-img-view .actions .action-btn .fa,
.upload-img-view .actions .action-btn .fas,
.upload-img-view .actions .action-btn .far,
.upload-img-view .actions .action-btn .fab {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.upload-img-view .actions .action-btn img {
  display: block;
  max-height: 18px;
  filter: brightness(0) invert(1);
}

.topbar .dropdown-menu.dropdown-menu-right {
  padding-top: 0;
  border: 0;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  margin-top: 48px !important;
  left: auto !important;
  right: -20px !important;
  width: 316px;
}

.topbar .dropdown-menu.dropdown-menu-right.right-0 {
  left: auto !important;
  right: 0 !important;
}

@media (max-width : 599px) {
  .topbar .dropdown-menu.dropdown-menu-right {
    right: 0 !important;
    width: 100vw;
    max-width: 100vw;
    min-width: 1px !important;
  }
}

.topbar .dropdown-menu.switch-company,
.topbar .dropdown-menu.notify-drop {
  min-width: 352px;
  max-width: 352px;
}

.topbar .dropdown-menu.notify-drop .message-center,
.topbar .dropdown-menu.notify-drop .slimScrollDiv {
  height: auto !important;
  max-height: 300px !important;
}

.topbar .dropdown-menu.switch-company .message-center,
.topbar .dropdown-menu.switch-company .slimScrollDiv {
  height: auto !important;
  max-height: 258px !important;
}

.topbar .dropdown-menu .with-arrow {
  position: absolute;
  height: 10px;
  overflow: hidden;
  width: 40px;
  top: -10px;
  right: 10px;
}

@media (max-width : 599px) {
  .topbar .dropdown-menu .with-arrow {
    display: none;
  }
}

.topbar .dropdown-menu .with-arrow > span {
  background-color: #2962ff !important;
  width: 15px;
  height: 15px;
  top: 3px;
  left: 15px;
  position: absolute;
  border-radius: 6px 0 0;
  -webkit-border-radius: 6px 0 0;
  -moz-border-radius: 6px 0 0;
  -ms-border-radius: 6px 0 0;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.topbar .dropdown-menu .list-style-none {
  margin: 0;
  padding: 0;
}

.topbar .dropdown-menu .list-style-none li {
  list-style: none;
}

.topbar .dropdown-menu .list-style-none li .mailbox .message-center {
  height: 317px;
  overflow: auto;
  position: relative;
}

.topbar .dropdown-menu .list-style-none li a,
.topbar .dropdown-menu .list-style-none li .message-item {
  color: #3e5569;
  padding: 8px 0;
  display: block;
  text-decoration: none;
  position: relative;
}

.topbar .dropdown-menu .list-style-none li a .mainLink,
.topbar .dropdown-menu .list-style-none li .message-item .mainLink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.topbar .dropdown-menu .list-style-none li a .mainLink:hover,
.topbar .dropdown-menu .list-style-none li .message-item .mainLink:hover {
  background: transparent;
}

.topbar .dropdown-menu .list-style-none li a.nav-link,
.topbar .dropdown-menu .list-style-none li .message-item.nav-link {
  font-size: 13px;
}

.topbar .dropdown-menu .list-style-none li a .btn-circle,
.topbar .dropdown-menu .list-style-none li .message-item .btn-circle {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 8px;
  display: block;
  float: left;
}

.topbar .dropdown-menu .list-style-none li a .btn-danger,
.topbar .dropdown-menu .list-style-none li .message-item .btn-danger {
  color: #fff;
  background-color: #f62d51;
  border-color: #f62d51;
}

.topbar .dropdown-menu .drop-title {
  font-weight: 600;
  padding: 11px 20px 15px !important;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  position: relative;
}

.topbar .dropdown-menu .drop-title:after {
  content: "";
  position: absolute;
  background: url(/images/img5.png?9dff257c66e7024b49726c5fbbb86d7b) no-repeat;
  opacity: 0.2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}

.topbar .dropdown-menu .drop-title h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 4px;
}

.topbar .dropdown-menu .drop-title .font-light {
  font-weight: 300;
}

.topbar .dropdown-menu .text-white {
  color: #fff !important;
}

.mailbox .message-center .message-item {
  border-bottom: 1px solid #e9ecef;
  display: block;
  text-decoration: none;
  padding: 9px 15px !important;
}

.mailbox .message-center .message-item .mail-contnet {
  display: block;
  padding-left: 52px;
  min-height: 40px;
}

.mailbox .message-center .message-item .mail-contnet .message-title {
  color: #212529;
  margin: 5px 0 0;
  font-size: 16px;
  font-weight: 700;
  word-break: break-word;
}

.mailbox .message-center .message-item .mail-contnet .message-title a {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #2961ff;
  position: relative;
  z-index: 2;
}

.mailbox .message-center .message-item .mail-contnet .message-title a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.mailbox .message-center .message-item .mail-contnet .message-title .label {
  font-size: 11px;
  line-height: 13px;
  padding: 0 5px;
}

@media (max-width : 599px) {
  .mailbox .message-center .message-item .mail-contnet .message-title .label {
    display: inline-block;
  }
}

.mailbox .message-center .message-item .mail-contnet .mail-desc,
.mailbox .message-center .message-item .mail-contnet .time {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a1aab2;
}

.mailbox .message-center .message-item .mail-contnet .mail-desc .material-icons,
.mailbox .message-center .message-item .mail-contnet .time .material-icons {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
}

.list-header {
  border-bottom: 3px solid #edf3f7;
  padding-bottom: 16px;
}

@media (max-width : 767px) {
  .list-header .header-text {
    padding: 0;
  }
}

.list-header .header-text .txt-c {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.list-header .header-text .txt-c .txt {
  display: block;
  float: left;
  padding: 0 10px 0 0;
}

@media (max-width : 767px) {
  .list-header .header-buttons {
    float: none !important;
    text-align: right;
    margin: 0;
    padding-bottom: 16px;
  }
}

.list-header h2,
.list-header .header-tl {
  display: block;
  color: #111;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
}

.list-header h2:not(:last-child),
.list-header .header-tl:not(:last-child) {
  margin-right: 6px;
}

.list-header h2 small,
.list-header .header-tl small {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #9098ac;
  line-height: 16px;
}

.list-header h2 small i,
.list-header .header-tl small i {
  font-size: 18px;
  margin: 0 2px 0 0;
}

.list-header h2 small i.fa-map-marker-alt,
.list-header .header-tl small i.fa-map-marker-alt {
  color: #ec393f;
}

.list-header h2 .tl-form-group,
.list-header .header-tl .tl-form-group {
  width: 200px;
}

@media (max-width : 767px) {
  .list-header h2,
  .list-header .header-tl {
    font-size: 19px;
    line-height: 24px;
  }
}

.list-header h2 .header-text,
.list-header .header-tl .header-text {
  display: block;
}

.list-header h2 .header-text.flex,
.list-header .header-tl .header-text.flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.list-header h2 .header-text .badges,
.list-header .header-tl .header-text .badges {
  display: inline-flex;
  margin: 0 -2px;
}

.list-header h2 .header-text .badges .badge,
.list-header .header-tl .header-text .badges .badge {
  margin: 2px;
}

.list-header h2 .header-text .sm-tl,
.list-header .header-tl .header-text .sm-tl {
  margin: 4px 0 0 0;
}

.list-header h2 .header-buttons,
.list-header .header-tl .header-buttons {
  padding: 0 0 0 16px;
}

@media (max-width : 899px) {
  .list-header h2 .header-buttons,
  .list-header .header-tl .header-buttons {
    padding-left: 0;
  }
}

.list-header .nextStep {
  display: inline-block;
  vertical-align: top;
  margin: 3px 0;
  background-color: #f2f2f2;
  color: #222;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
}

.list-header .nextStep strong {
  font-weight: 600;
}

.list-header .linkTxt {
  display: block;
}

.list-header .linkTxt.clearfix {
  clear: both;
}

.list-header .linkTxt .rate {
  display: block;
  margin: 0 0 6px 0;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  min-width: 100px;
  text-align: center;
  background-color: rgba(41, 97, 255, 0.1);
  border: 1px dashed #2961ff;
  color: #2961ff;
}

.list-header .linkTxt .links {
  display: inline-block;
  font-size: 14px;
  margin: 5px 6px 0 0;
  color: #9098ac;
  line-height: 16px;
  font-weight: 500;
}

.list-header .linkTxt a.links:hover {
  color: #2961ff;
}

.list-header .linkTxt .amount {
  display: block;
  float: right;
  margin: 6px 0 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #222;
  text-align: right;
}

.activeStatus {
  display: flex;
  width: calc(100% + 8px);
  flex-wrap: wrap;
  margin: 8px -4px 0 -4px;
  padding: 0;
  justify-content: flex-end;
}

@media (max-width : 1023px) {
  .activeStatus {
    justify-content: inherit;
  }
}

@media (max-width : 899px) {
  .activeStatus {
    order: 2;
  }

  .activeStatus.order-4 {
    order: 4;
  }
}

.activeStatus .li {
  display: block;
  float: left;
  position: relative;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
  padding: 14px 8px;
  margin: 4px;
  background-color: #f1f4fb;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  text-align: left;
  color: #2961ff;
  width: auto;
  min-width: 130px;
  overflow: hidden;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

@media (max-width : 1400px) {
  .activeStatus .li {
    min-width: 120px;
  }
}

.activeStatus .li.sm {
  font-size: 15px;
  line-height: 19px;
}

.activeStatus .li.light-bg {
  background-color: #f4f7ff;
}

.activeStatus .li.with-icon {
  position: relative;
  padding-right: 34px;
}

.activeStatus .li.with-icon i {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  color: #ef5350;
  font-size: 32px;
  line-height: 34px;
}

.activeStatus .li.with-icon i.fa-calendar-alt {
  font-size: 24px;
}

@media (max-width : 1023px) {
  .activeStatus .li {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width : 767px) {
  .activeStatus .li {
    width: calc(25% - 8px);
    min-width: 1px;
  }
}

@media (max-width : 575px) {
  .activeStatus .li {
    width: calc(50% - 8px);
  }

  .activeStatus .li:nth-child(odd):last-child {
    width: 100%;
  }
}

.activeStatus .li .t {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #777;
  margin: 0 0 6px 0;
}

.activeStatus .li .info-txt {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 17px;
}

.activeStatus .li .info-txt:not(:last-child) {
  margin: 0 0 3px 0;
}

.activeStatus .li .info-txt .t {
  display: block;
  float: left;
  margin-right: 4px;
}

.activeStatus .li .info-txt i {
  display: block;
  float: left;
  min-width: 16px;
  text-align: center;
  margin: 0 5px 0 0;
}

.activeStatus .li .sm {
  font-size: 15px;
  line-height: 19px;
}

.activeStatus .li .info-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.activeStatus .li .info-list .li-data {
  display: flex;
  float: left;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 18px;
  color: #222;
  font-weight: 600;
}

.activeStatus .li .info-list .li-data img {
  display: block;
  float: left;
  height: 18px;
  width: auto;
  margin: 0 6px 0 0;
}

.activeStatus.col-activeStatus {
  margin-top: -5px;
}

.activeStatus.col-activeStatus .li {
  width: calc(33.333333% - 8px);
  min-width: 1px;
}

@media (max-width : 575px) {
  .activeStatus.col-activeStatus .li {
    width: calc(50% - 8px);
  }

  .activeStatus.col-activeStatus .li:nth-child(odd):last-child {
    width: 100%;
  }
}

.activeStatus.flex .li {
  flex: 1;
}

@media (max-width : 767px) {
  .activeStatus.flex .li {
    flex: inherit;
  }
}

@media (min-width : 768px) {
  .activeStatus.flex-auto .li:not(.auto-width) {
    flex: 1;
  }
}

@media (min-width : 576px) {
  .activeStatus.flex-width {
    flex-flow: row;
  }

  .activeStatus.flex-width .li {
    width: 100%;
  }
}

.activeStatus.lg .li {
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}

.activeStatus.lg .li .t {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #4e4e4e;
}

.activeStatus.lg .li small {
  display: inline-block;
  vertical-align: top;
}

.notes-with-status {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}

.notes-with-status .notes-box {
  display: block;
  float: left;
  width: 33.333333%;
  margin: 12px 0 0 0;
  background-color: #f1f4fb;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.notes-with-status .notes-box h5 {
  font-size: 17px;
  line-height: 21px;
}

.notes-with-status .notes-box p {
  display: block;
}

.notes-with-status .notes-box p:not(:last-child) {
  margin: 0 0 12px 0;
}

.notes-with-status .activeStatus {
  float: left;
  width: 100%;
  flex: 1;
  padding: 0 0 0 8px;
}

@media (max-width : 1023px) {
  .notes-with-status {
    flex-flow: column-reverse;
  }

  .notes-with-status .notes-box {
    width: 100%;
    margin: 8px 0 0 0;
  }

  .notes-with-status .activeStatus {
    padding-left: 0;
  }
}

.listTab {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  color: #555555;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
}

.listTab:not(:last-child) {
  margin-right: 10px;
}

.listTab .fa,
.listTab .far,
.listTab .fas {
  font-size: 18px;
  line-height: 26px;
}

.listTab .txt {
  display: inline-block;
  vertical-align: top;
  margin: 6px 0 0 6px;
}

.listTab:hover,
.listTab.sl,
.show .listTab {
  color: #2961ff;
}

@media (max-width : 599px) {
  .listTab .fa,
  .listTab .far,
  .listTab .fas {
    margin-right: 7px;
    font-size: 18px;
  }

  .listTab.mapTab {
    margin-left: 0;
  }
}

.dropdown {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.dropdown.pull-right {
  float: right;
}

.list-search {
  display: block;
  width: 400px;
  max-width: 100%;
  position: relative;
}

.list-search.email-search {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  max-width: 100%;
}

.list-search.doc-search {
  display: inline-block;
  vertical-align: top;
  width: 344px;
  max-width: 100%;
}

.list-search.full {
  width: 100%;
  max-width: 100%;
}

.list-search.with-limit {
  padding-right: 50px;
  position: relative;
}

.list-search.with-limit .limit {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  z-index: 0;
}

.list-search.with-limit .limit:focus {
  z-index: 2;
}

.list-search.with-limit .btn {
  right: 52px;
  z-index: 1;
}

@media (max-width : 899px) {
  .list-search {
    width: 100%;
    max-width: 100%;
    clear: both;
  }
}

.list-search .form-control {
  padding-right: 44px;
  position: relative;
  z-index: 1;
}

.list-search .btn,
.list-search .btn:focus,
.list-search .btn:active {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 44px;
  height: 40px;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat center center !important;
  padding: 0;
  background-size: 18px auto !important;
  outline: none !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  margin: 0 !important;
}

.custom-sortable {
  display: block;
  border-bottom: 3px solid #edf3f7;
  position: relative;
}

.custom-sortable .custom-sortable-opt .sort-listing {
  margin: 12px 0 12px 0;
}

@media (max-width : 767px) {
  .custom-sortable .custom-sortable-opt.mobile-view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 800ms;
    -webkit-transition: 800ms;
    -ms-transition: 800ms;
    -o-transition: 800ms;
    -moz-transition: 800ms;
  }

  body.show-sorting .custom-sortable .custom-sortable-opt.mobile-view {
    opacity: 1;
    visibility: visible;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing-c {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    padding: 24px 0 8px 0 !important;
    width: 280px;
    max-width: calc(100vw - 32px);
    height: auto;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing-c .mob-close {
    display: block;
    position: absolute;
    top: 2px;
    right: 1px;
    background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
    background-size: 12px auto;
    border: none;
    padding: 0;
    width: 28px;
    height: 20px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing {
    display: block;
    padding: 0 16px !important;
    margin: 0;
    max-height: calc(100vh - 102px);
    overflow: auto;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li {
    display: block;
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .t {
    padding: 10px 16px 10px 0 !important;
    position: relative;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .t:after {
    position: absolute !important;
    top: 14px !important;
    right: 0px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu {
    position: static !important;
    transform: inherit !important;
    -ms-transform: inherit !important;
    -webkit-transform: inherit !important;
    -o-transform: inherit !important;
    -moz-transform: inherit !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -moz-box-shadow: none !important;
    width: 100% !important;
    padding: 0 0 8px 0;
    max-height: inherit;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .check-tree {
    width: 100%;
    padding-bottom: 10px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .check-tree .li {
    padding: 10px 0 0 0;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .check-tree .li:first-child {
    padding-top: 0;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .form-group label {
    font-size: 14px;
    line-height: 16px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .countryDrop,
  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .nationalityDrop,
  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .countryDrop,
  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .nationalityDrop {
    position: relative;
  }
}

.custom-sortable .rgtBx {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width : 767px) {
  .custom-sortable {
    padding-right: 0;
    border: none;
  }

  .custom-sortable .rgtBx {
    position: static;
    float: right;
    margin: 6px 0 12px 0;
  }
}

.custom-sortable .custom-sortable-opt {
  display: block;
  overflow: auto;
}

.custom-sortable .custom-sortable-opt .sort-listing {
  display: table;
  padding: 0;
  margin: 0 0 20px 0;
}

.custom-sortable .custom-sortable-opt .sort-listing > li {
  display: table-cell;
  padding: 0 26px 0 0;
  color: #414755;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

.custom-sortable .custom-sortable-opt .sort-listing > li:last-child {
  padding-right: 0;
}

.custom-sortable .custom-sortable-opt .sort-listing > li a {
  display: inline-block;
  color: #414755;
  white-space: nowrap;
}

.custom-sortable .custom-sortable-opt .sort-listing > li a i {
  margin: 0 0 0 2px;
}

.custom-sortable .custom-sortable-opt .sort-listing > li > .form-control {
  border: none !important;
  padding: 0 20px 0 0 !important;
  height: auto;
  width: auto;
  color: #414755;
  font-weight: 700;
}

.custom-sortable .custom-sortable-opt .sort-listing > li > select.form-control {
  cursor: pointer;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing {
  display: block;
  font-size: 0px;
  margin: 0;
  padding: 0;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing .dropdown-menu {
  max-height: 600px;
  overflow: auto;
  z-index: 12;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li {
  display: inline-block;
  vertical-align: top;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.dropdown {
  padding: 0;
  margin: 0 14px -1px 0;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.dropdown:last-child {
  margin-right: 0;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li .t {
  display: block;
  cursor: pointer;
  padding: 8px 0 10px 0;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

@media (max-width : 575px) {
  .custom-sortable .custom-sortable-opt.o-visible .sort-listing > li .t {
    padding: 11px 0;
  }
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.show .t {
  color: #2961ff;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.show .t:after {
  color: #2961ff;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li .dropdown-toggle:after {
  position: relative;
  top: 4px;
  font-size: 18px;
  color: #9fa7b8;
}

.text-table table thead td .table-action,
.text-table table tbody td .table-action,
.text-table table tfoot td .table-action,
.listing-table thead tr th .table-action,
.listing-table thead tr td .table-action,
.listing-table tbody tr th .table-action,
.listing-table tbody tr td .table-action,
.listing-table tfoot tr th .table-action,
.listing-table tfoot tr td .table-action,
.table.dataTable th .table-action,
.table.dataTable td .table-action {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 18px;
}

.text-table table thead td .table-action a,
.text-table table tbody td .table-action a,
.text-table table tfoot td .table-action a,
.listing-table thead tr th .table-action a,
.listing-table thead tr td .table-action a,
.listing-table tbody tr th .table-action a,
.listing-table tbody tr td .table-action a,
.listing-table tfoot tr th .table-action a,
.listing-table tfoot tr td .table-action a,
.table.dataTable th .table-action a,
.table.dataTable td .table-action a,
.text-table table thead td .table-action .actn,
.text-table table tbody td .table-action .actn,
.text-table table tfoot td .table-action .actn,
.listing-table thead tr th .table-action .actn,
.listing-table thead tr td .table-action .actn,
.listing-table tbody tr th .table-action .actn,
.listing-table tbody tr td .table-action .actn,
.listing-table tfoot tr th .table-action .actn,
.listing-table tfoot tr td .table-action .actn,
.table.dataTable th .table-action .actn,
.table.dataTable td .table-action .actn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  color: #424242;
  font-size: 16px;
  line-height: 24px;
  margin: 0 12px 0 0;
  cursor: pointer !important;
}

.text-table table thead td .table-action a,
.text-table table tbody td .table-action a,
.text-table table tfoot td .table-action a,
.text-table .listing-table thead tr th .table-action a,
.listing-table thead tr .text-table th .table-action a,
.text-table .listing-table thead tr td .table-action a,
.listing-table thead tr .text-table td .table-action a,
.text-table .listing-table tbody tr th .table-action a,
.listing-table tbody tr .text-table th .table-action a,
.text-table .listing-table tbody tr td .table-action a,
.listing-table tbody tr .text-table td .table-action a,
.text-table .listing-table tfoot tr th .table-action a,
.listing-table tfoot tr .text-table th .table-action a,
.text-table .listing-table tfoot tr td .table-action a,
.listing-table tfoot tr .text-table td .table-action a,
.text-table .table.dataTable th .table-action a,
.table.dataTable .text-table th .table-action a,
.text-table .table.dataTable td .table-action a,
.table.dataTable .text-table td .table-action a,
.text-table table thead td .table-action .actn,
.text-table table tbody td .table-action .actn,
.text-table table tfoot td .table-action .actn,
.text-table .listing-table thead tr th .table-action .actn,
.listing-table thead tr .text-table th .table-action .actn,
.text-table .listing-table thead tr td .table-action .actn,
.listing-table thead tr .text-table td .table-action .actn,
.text-table .listing-table tbody tr th .table-action .actn,
.listing-table tbody tr .text-table th .table-action .actn,
.text-table .listing-table tbody tr td .table-action .actn,
.listing-table tbody tr .text-table td .table-action .actn,
.text-table .listing-table tfoot tr th .table-action .actn,
.listing-table tfoot tr .text-table th .table-action .actn,
.text-table .listing-table tfoot tr td .table-action .actn,
.listing-table tfoot tr .text-table td .table-action .actn,
.text-table .table.dataTable th .table-action .actn,
.table.dataTable .text-table th .table-action .actn,
.text-table .table.dataTable td .table-action .actn,
.table.dataTable .text-table td .table-action .actn {
  font-size: 17px;
  line-height: 19px;
}

.text-table table thead td .table-action a.text-md,
.text-table table tbody td .table-action a.text-md,
.text-table table tfoot td .table-action a.text-md,
.text-table .listing-table thead tr th .table-action a.text-md,
.listing-table thead tr .text-table th .table-action a.text-md,
.text-table .listing-table thead tr td .table-action a.text-md,
.listing-table thead tr .text-table td .table-action a.text-md,
.text-table .listing-table tbody tr th .table-action a.text-md,
.listing-table tbody tr .text-table th .table-action a.text-md,
.text-table .listing-table tbody tr td .table-action a.text-md,
.listing-table tbody tr .text-table td .table-action a.text-md,
.text-table .listing-table tfoot tr th .table-action a.text-md,
.listing-table tfoot tr .text-table th .table-action a.text-md,
.text-table .listing-table tfoot tr td .table-action a.text-md,
.listing-table tfoot tr .text-table td .table-action a.text-md,
.text-table .table.dataTable th .table-action a.text-md,
.table.dataTable .text-table th .table-action a.text-md,
.text-table .table.dataTable td .table-action a.text-md,
.table.dataTable .text-table td .table-action a.text-md,
.text-table table thead td .table-action .actn.text-md,
.text-table table tbody td .table-action .actn.text-md,
.text-table table tfoot td .table-action .actn.text-md,
.text-table .listing-table thead tr th .table-action .actn.text-md,
.listing-table thead tr .text-table th .table-action .actn.text-md,
.text-table .listing-table thead tr td .table-action .actn.text-md,
.listing-table thead tr .text-table td .table-action .actn.text-md,
.text-table .listing-table tbody tr th .table-action .actn.text-md,
.listing-table tbody tr .text-table th .table-action .actn.text-md,
.text-table .listing-table tbody tr td .table-action .actn.text-md,
.listing-table tbody tr .text-table td .table-action .actn.text-md,
.text-table .listing-table tfoot tr th .table-action .actn.text-md,
.listing-table tfoot tr .text-table th .table-action .actn.text-md,
.text-table .listing-table tfoot tr td .table-action .actn.text-md,
.listing-table tfoot tr .text-table td .table-action .actn.text-md,
.text-table .table.dataTable th .table-action .actn.text-md,
.table.dataTable .text-table th .table-action .actn.text-md,
.text-table .table.dataTable td .table-action .actn.text-md,
.table.dataTable .text-table td .table-action .actn.text-md {
  font-size: 19px;
}

.text-table table thead td .table-action a:last-child,
.text-table table tbody td .table-action a:last-child,
.text-table table tfoot td .table-action a:last-child,
.listing-table thead tr th .table-action a:last-child,
.listing-table thead tr td .table-action a:last-child,
.listing-table tbody tr th .table-action a:last-child,
.listing-table tbody tr td .table-action a:last-child,
.listing-table tfoot tr th .table-action a:last-child,
.listing-table tfoot tr td .table-action a:last-child,
.table.dataTable th .table-action a:last-child,
.table.dataTable td .table-action a:last-child,
.text-table table thead td .table-action .actn:last-child,
.text-table table tbody td .table-action .actn:last-child,
.text-table table tfoot td .table-action .actn:last-child,
.listing-table thead tr th .table-action .actn:last-child,
.listing-table thead tr td .table-action .actn:last-child,
.listing-table tbody tr th .table-action .actn:last-child,
.listing-table tbody tr td .table-action .actn:last-child,
.listing-table tfoot tr th .table-action .actn:last-child,
.listing-table tfoot tr td .table-action .actn:last-child,
.table.dataTable th .table-action .actn:last-child,
.table.dataTable td .table-action .actn:last-child {
  margin-right: 0;
}

.text-table table thead td .table-action a:hover,
.text-table table tbody td .table-action a:hover,
.text-table table tfoot td .table-action a:hover,
.listing-table thead tr th .table-action a:hover,
.listing-table thead tr td .table-action a:hover,
.listing-table tbody tr th .table-action a:hover,
.listing-table tbody tr td .table-action a:hover,
.listing-table tfoot tr th .table-action a:hover,
.listing-table tfoot tr td .table-action a:hover,
.table.dataTable th .table-action a:hover,
.table.dataTable td .table-action a:hover,
.text-table table thead td .table-action .actn:hover,
.text-table table tbody td .table-action .actn:hover,
.text-table table tfoot td .table-action .actn:hover,
.listing-table thead tr th .table-action .actn:hover,
.listing-table thead tr td .table-action .actn:hover,
.listing-table tbody tr th .table-action .actn:hover,
.listing-table tbody tr td .table-action .actn:hover,
.listing-table tfoot tr th .table-action .actn:hover,
.listing-table tfoot tr td .table-action .actn:hover,
.table.dataTable th .table-action .actn:hover,
.table.dataTable td .table-action .actn:hover {
  color: #2961ff;
  text-decoration: none;
}

.text-table table thead td .table-action a:hover .fa-copy,
.text-table table tbody td .table-action a:hover .fa-copy,
.text-table table tfoot td .table-action a:hover .fa-copy,
.listing-table thead tr th .table-action a:hover .fa-copy,
.listing-table thead tr td .table-action a:hover .fa-copy,
.listing-table tbody tr th .table-action a:hover .fa-copy,
.listing-table tbody tr td .table-action a:hover .fa-copy,
.listing-table tfoot tr th .table-action a:hover .fa-copy,
.listing-table tfoot tr td .table-action a:hover .fa-copy,
.table.dataTable th .table-action a:hover .fa-copy,
.table.dataTable td .table-action a:hover .fa-copy,
.text-table table thead td .table-action a:hover .fa-eye,
.text-table table tbody td .table-action a:hover .fa-eye,
.text-table table tfoot td .table-action a:hover .fa-eye,
.listing-table thead tr th .table-action a:hover .fa-eye,
.listing-table thead tr td .table-action a:hover .fa-eye,
.listing-table tbody tr th .table-action a:hover .fa-eye,
.listing-table tbody tr td .table-action a:hover .fa-eye,
.listing-table tfoot tr th .table-action a:hover .fa-eye,
.listing-table tfoot tr td .table-action a:hover .fa-eye,
.table.dataTable th .table-action a:hover .fa-eye,
.table.dataTable td .table-action a:hover .fa-eye,
.text-table table thead td .table-action a:hover .fa-envelope,
.text-table table tbody td .table-action a:hover .fa-envelope,
.text-table table tfoot td .table-action a:hover .fa-envelope,
.listing-table thead tr th .table-action a:hover .fa-envelope,
.listing-table thead tr td .table-action a:hover .fa-envelope,
.listing-table tbody tr th .table-action a:hover .fa-envelope,
.listing-table tbody tr td .table-action a:hover .fa-envelope,
.listing-table tfoot tr th .table-action a:hover .fa-envelope,
.listing-table tfoot tr td .table-action a:hover .fa-envelope,
.table.dataTable th .table-action a:hover .fa-envelope,
.table.dataTable td .table-action a:hover .fa-envelope,
.text-table table thead td .table-action a:hover .fa-user,
.text-table table tbody td .table-action a:hover .fa-user,
.text-table table tfoot td .table-action a:hover .fa-user,
.listing-table thead tr th .table-action a:hover .fa-user,
.listing-table thead tr td .table-action a:hover .fa-user,
.listing-table tbody tr th .table-action a:hover .fa-user,
.listing-table tbody tr td .table-action a:hover .fa-user,
.listing-table tfoot tr th .table-action a:hover .fa-user,
.listing-table tfoot tr td .table-action a:hover .fa-user,
.table.dataTable th .table-action a:hover .fa-user,
.table.dataTable td .table-action a:hover .fa-user,
.text-table table thead td .table-action a:hover .fa-play-circle,
.text-table table tbody td .table-action a:hover .fa-play-circle,
.text-table table tfoot td .table-action a:hover .fa-play-circle,
.listing-table thead tr th .table-action a:hover .fa-play-circle,
.listing-table thead tr td .table-action a:hover .fa-play-circle,
.listing-table tbody tr th .table-action a:hover .fa-play-circle,
.listing-table tbody tr td .table-action a:hover .fa-play-circle,
.listing-table tfoot tr th .table-action a:hover .fa-play-circle,
.listing-table tfoot tr td .table-action a:hover .fa-play-circle,
.table.dataTable th .table-action a:hover .fa-play-circle,
.table.dataTable td .table-action a:hover .fa-play-circle,
.text-table table thead td .table-action a:hover .fa-pause-circle,
.text-table table tbody td .table-action a:hover .fa-pause-circle,
.text-table table tfoot td .table-action a:hover .fa-pause-circle,
.listing-table thead tr th .table-action a:hover .fa-pause-circle,
.listing-table thead tr td .table-action a:hover .fa-pause-circle,
.listing-table tbody tr th .table-action a:hover .fa-pause-circle,
.listing-table tbody tr td .table-action a:hover .fa-pause-circle,
.listing-table tfoot tr th .table-action a:hover .fa-pause-circle,
.listing-table tfoot tr td .table-action a:hover .fa-pause-circle,
.table.dataTable th .table-action a:hover .fa-pause-circle,
.table.dataTable td .table-action a:hover .fa-pause-circle,
.text-table table thead td .table-action .actn:hover .fa-copy,
.text-table table tbody td .table-action .actn:hover .fa-copy,
.text-table table tfoot td .table-action .actn:hover .fa-copy,
.listing-table thead tr th .table-action .actn:hover .fa-copy,
.listing-table thead tr td .table-action .actn:hover .fa-copy,
.listing-table tbody tr th .table-action .actn:hover .fa-copy,
.listing-table tbody tr td .table-action .actn:hover .fa-copy,
.listing-table tfoot tr th .table-action .actn:hover .fa-copy,
.listing-table tfoot tr td .table-action .actn:hover .fa-copy,
.table.dataTable th .table-action .actn:hover .fa-copy,
.table.dataTable td .table-action .actn:hover .fa-copy,
.text-table table thead td .table-action .actn:hover .fa-eye,
.text-table table tbody td .table-action .actn:hover .fa-eye,
.text-table table tfoot td .table-action .actn:hover .fa-eye,
.listing-table thead tr th .table-action .actn:hover .fa-eye,
.listing-table thead tr td .table-action .actn:hover .fa-eye,
.listing-table tbody tr th .table-action .actn:hover .fa-eye,
.listing-table tbody tr td .table-action .actn:hover .fa-eye,
.listing-table tfoot tr th .table-action .actn:hover .fa-eye,
.listing-table tfoot tr td .table-action .actn:hover .fa-eye,
.table.dataTable th .table-action .actn:hover .fa-eye,
.table.dataTable td .table-action .actn:hover .fa-eye,
.text-table table thead td .table-action .actn:hover .fa-envelope,
.text-table table tbody td .table-action .actn:hover .fa-envelope,
.text-table table tfoot td .table-action .actn:hover .fa-envelope,
.listing-table thead tr th .table-action .actn:hover .fa-envelope,
.listing-table thead tr td .table-action .actn:hover .fa-envelope,
.listing-table tbody tr th .table-action .actn:hover .fa-envelope,
.listing-table tbody tr td .table-action .actn:hover .fa-envelope,
.listing-table tfoot tr th .table-action .actn:hover .fa-envelope,
.listing-table tfoot tr td .table-action .actn:hover .fa-envelope,
.table.dataTable th .table-action .actn:hover .fa-envelope,
.table.dataTable td .table-action .actn:hover .fa-envelope,
.text-table table thead td .table-action .actn:hover .fa-user,
.text-table table tbody td .table-action .actn:hover .fa-user,
.text-table table tfoot td .table-action .actn:hover .fa-user,
.listing-table thead tr th .table-action .actn:hover .fa-user,
.listing-table thead tr td .table-action .actn:hover .fa-user,
.listing-table tbody tr th .table-action .actn:hover .fa-user,
.listing-table tbody tr td .table-action .actn:hover .fa-user,
.listing-table tfoot tr th .table-action .actn:hover .fa-user,
.listing-table tfoot tr td .table-action .actn:hover .fa-user,
.table.dataTable th .table-action .actn:hover .fa-user,
.table.dataTable td .table-action .actn:hover .fa-user,
.text-table table thead td .table-action .actn:hover .fa-play-circle,
.text-table table tbody td .table-action .actn:hover .fa-play-circle,
.text-table table tfoot td .table-action .actn:hover .fa-play-circle,
.listing-table thead tr th .table-action .actn:hover .fa-play-circle,
.listing-table thead tr td .table-action .actn:hover .fa-play-circle,
.listing-table tbody tr th .table-action .actn:hover .fa-play-circle,
.listing-table tbody tr td .table-action .actn:hover .fa-play-circle,
.listing-table tfoot tr th .table-action .actn:hover .fa-play-circle,
.listing-table tfoot tr td .table-action .actn:hover .fa-play-circle,
.table.dataTable th .table-action .actn:hover .fa-play-circle,
.table.dataTable td .table-action .actn:hover .fa-play-circle,
.text-table table thead td .table-action .actn:hover .fa-pause-circle,
.text-table table tbody td .table-action .actn:hover .fa-pause-circle,
.text-table table tfoot td .table-action .actn:hover .fa-pause-circle,
.listing-table thead tr th .table-action .actn:hover .fa-pause-circle,
.listing-table thead tr td .table-action .actn:hover .fa-pause-circle,
.listing-table tbody tr th .table-action .actn:hover .fa-pause-circle,
.listing-table tbody tr td .table-action .actn:hover .fa-pause-circle,
.listing-table tfoot tr th .table-action .actn:hover .fa-pause-circle,
.listing-table tfoot tr td .table-action .actn:hover .fa-pause-circle,
.table.dataTable th .table-action .actn:hover .fa-pause-circle,
.table.dataTable td .table-action .actn:hover .fa-pause-circle {
  font-weight: 600;
}

.text-table table thead td .table-action a:hover .fa-pencil-alt:before,
.text-table table tbody td .table-action a:hover .fa-pencil-alt:before,
.text-table table tfoot td .table-action a:hover .fa-pencil-alt:before,
.listing-table thead tr th .table-action a:hover .fa-pencil-alt:before,
.listing-table thead tr td .table-action a:hover .fa-pencil-alt:before,
.listing-table tbody tr th .table-action a:hover .fa-pencil-alt:before,
.listing-table tbody tr td .table-action a:hover .fa-pencil-alt:before,
.listing-table tfoot tr th .table-action a:hover .fa-pencil-alt:before,
.listing-table tfoot tr td .table-action a:hover .fa-pencil-alt:before,
.table.dataTable th .table-action a:hover .fa-pencil-alt:before,
.table.dataTable td .table-action a:hover .fa-pencil-alt:before,
.text-table table thead td .table-action .actn:hover .fa-pencil-alt:before,
.text-table table tbody td .table-action .actn:hover .fa-pencil-alt:before,
.text-table table tfoot td .table-action .actn:hover .fa-pencil-alt:before,
.listing-table thead tr th .table-action .actn:hover .fa-pencil-alt:before,
.listing-table thead tr td .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tbody tr th .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tbody tr td .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tfoot tr th .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tfoot tr td .table-action .actn:hover .fa-pencil-alt:before,
.table.dataTable th .table-action .actn:hover .fa-pencil-alt:before,
.table.dataTable td .table-action .actn:hover .fa-pencil-alt:before {
  content: "\f304";
}

.text-table table thead td .table-action a.fav,
.text-table table tbody td .table-action a.fav,
.text-table table tfoot td .table-action a.fav,
.listing-table thead tr th .table-action a.fav,
.listing-table thead tr td .table-action a.fav,
.listing-table tbody tr th .table-action a.fav,
.listing-table tbody tr td .table-action a.fav,
.listing-table tfoot tr th .table-action a.fav,
.listing-table tfoot tr td .table-action a.fav,
.table.dataTable th .table-action a.fav,
.table.dataTable td .table-action a.fav,
.text-table table thead td .table-action .actn.fav,
.text-table table tbody td .table-action .actn.fav,
.text-table table tfoot td .table-action .actn.fav,
.listing-table thead tr th .table-action .actn.fav,
.listing-table thead tr td .table-action .actn.fav,
.listing-table tbody tr th .table-action .actn.fav,
.listing-table tbody tr td .table-action .actn.fav,
.listing-table tfoot tr th .table-action .actn.fav,
.listing-table tfoot tr td .table-action .actn.fav,
.table.dataTable th .table-action .actn.fav,
.table.dataTable td .table-action .actn.fav {
  color: #424242;
}

.text-table table thead td .table-action a.fav.sl,
.text-table table tbody td .table-action a.fav.sl,
.text-table table tfoot td .table-action a.fav.sl,
.listing-table thead tr th .table-action a.fav.sl,
.listing-table thead tr td .table-action a.fav.sl,
.listing-table tbody tr th .table-action a.fav.sl,
.listing-table tbody tr td .table-action a.fav.sl,
.listing-table tfoot tr th .table-action a.fav.sl,
.listing-table tfoot tr td .table-action a.fav.sl,
.table.dataTable th .table-action a.fav.sl,
.table.dataTable td .table-action a.fav.sl,
.text-table table thead td .table-action a.fav.active,
.text-table table tbody td .table-action a.fav.active,
.text-table table tfoot td .table-action a.fav.active,
.listing-table thead tr th .table-action a.fav.active,
.listing-table thead tr td .table-action a.fav.active,
.listing-table tbody tr th .table-action a.fav.active,
.listing-table tbody tr td .table-action a.fav.active,
.listing-table tfoot tr th .table-action a.fav.active,
.listing-table tfoot tr td .table-action a.fav.active,
.table.dataTable th .table-action a.fav.active,
.table.dataTable td .table-action a.fav.active,
.text-table table thead td .table-action a.fav:hover,
.text-table table tbody td .table-action a.fav:hover,
.text-table table tfoot td .table-action a.fav:hover,
.listing-table thead tr th .table-action a.fav:hover,
.listing-table thead tr td .table-action a.fav:hover,
.listing-table tbody tr th .table-action a.fav:hover,
.listing-table tbody tr td .table-action a.fav:hover,
.listing-table tfoot tr th .table-action a.fav:hover,
.listing-table tfoot tr td .table-action a.fav:hover,
.table.dataTable th .table-action a.fav:hover,
.table.dataTable td .table-action a.fav:hover,
.text-table table thead td .table-action .actn.fav.sl,
.text-table table tbody td .table-action .actn.fav.sl,
.text-table table tfoot td .table-action .actn.fav.sl,
.listing-table thead tr th .table-action .actn.fav.sl,
.listing-table thead tr td .table-action .actn.fav.sl,
.listing-table tbody tr th .table-action .actn.fav.sl,
.listing-table tbody tr td .table-action .actn.fav.sl,
.listing-table tfoot tr th .table-action .actn.fav.sl,
.listing-table tfoot tr td .table-action .actn.fav.sl,
.table.dataTable th .table-action .actn.fav.sl,
.table.dataTable td .table-action .actn.fav.sl,
.text-table table thead td .table-action .actn.fav.active,
.text-table table tbody td .table-action .actn.fav.active,
.text-table table tfoot td .table-action .actn.fav.active,
.listing-table thead tr th .table-action .actn.fav.active,
.listing-table thead tr td .table-action .actn.fav.active,
.listing-table tbody tr th .table-action .actn.fav.active,
.listing-table tbody tr td .table-action .actn.fav.active,
.listing-table tfoot tr th .table-action .actn.fav.active,
.listing-table tfoot tr td .table-action .actn.fav.active,
.table.dataTable th .table-action .actn.fav.active,
.table.dataTable td .table-action .actn.fav.active,
.text-table table thead td .table-action .actn.fav:hover,
.text-table table tbody td .table-action .actn.fav:hover,
.text-table table tfoot td .table-action .actn.fav:hover,
.listing-table thead tr th .table-action .actn.fav:hover,
.listing-table thead tr td .table-action .actn.fav:hover,
.listing-table tbody tr th .table-action .actn.fav:hover,
.listing-table tbody tr td .table-action .actn.fav:hover,
.listing-table tfoot tr th .table-action .actn.fav:hover,
.listing-table tfoot tr td .table-action .actn.fav:hover,
.table.dataTable th .table-action .actn.fav:hover,
.table.dataTable td .table-action .actn.fav:hover {
  color: #fc4b6c;
}

.text-table table thead td .table-action a.fav.sl .fa-heart:before,
.text-table table tbody td .table-action a.fav.sl .fa-heart:before,
.text-table table tfoot td .table-action a.fav.sl .fa-heart:before,
.listing-table thead tr th .table-action a.fav.sl .fa-heart:before,
.listing-table thead tr td .table-action a.fav.sl .fa-heart:before,
.listing-table tbody tr th .table-action a.fav.sl .fa-heart:before,
.listing-table tbody tr td .table-action a.fav.sl .fa-heart:before,
.listing-table tfoot tr th .table-action a.fav.sl .fa-heart:before,
.listing-table tfoot tr td .table-action a.fav.sl .fa-heart:before,
.table.dataTable th .table-action a.fav.sl .fa-heart:before,
.table.dataTable td .table-action a.fav.sl .fa-heart:before,
.text-table table thead td .table-action a.fav.active .fa-heart:before,
.text-table table tbody td .table-action a.fav.active .fa-heart:before,
.text-table table tfoot td .table-action a.fav.active .fa-heart:before,
.listing-table thead tr th .table-action a.fav.active .fa-heart:before,
.listing-table thead tr td .table-action a.fav.active .fa-heart:before,
.listing-table tbody tr th .table-action a.fav.active .fa-heart:before,
.listing-table tbody tr td .table-action a.fav.active .fa-heart:before,
.listing-table tfoot tr th .table-action a.fav.active .fa-heart:before,
.listing-table tfoot tr td .table-action a.fav.active .fa-heart:before,
.table.dataTable th .table-action a.fav.active .fa-heart:before,
.table.dataTable td .table-action a.fav.active .fa-heart:before,
.text-table table thead td .table-action a.fav:hover .fa-heart:before,
.text-table table tbody td .table-action a.fav:hover .fa-heart:before,
.text-table table tfoot td .table-action a.fav:hover .fa-heart:before,
.listing-table thead tr th .table-action a.fav:hover .fa-heart:before,
.listing-table thead tr td .table-action a.fav:hover .fa-heart:before,
.listing-table tbody tr th .table-action a.fav:hover .fa-heart:before,
.listing-table tbody tr td .table-action a.fav:hover .fa-heart:before,
.listing-table tfoot tr th .table-action a.fav:hover .fa-heart:before,
.listing-table tfoot tr td .table-action a.fav:hover .fa-heart:before,
.table.dataTable th .table-action a.fav:hover .fa-heart:before,
.table.dataTable td .table-action a.fav:hover .fa-heart:before,
.text-table table thead td .table-action .actn.fav.sl .fa-heart:before,
.text-table table tbody td .table-action .actn.fav.sl .fa-heart:before,
.text-table table tfoot td .table-action .actn.fav.sl .fa-heart:before,
.listing-table thead tr th .table-action .actn.fav.sl .fa-heart:before,
.listing-table thead tr td .table-action .actn.fav.sl .fa-heart:before,
.listing-table tbody tr th .table-action .actn.fav.sl .fa-heart:before,
.listing-table tbody tr td .table-action .actn.fav.sl .fa-heart:before,
.listing-table tfoot tr th .table-action .actn.fav.sl .fa-heart:before,
.listing-table tfoot tr td .table-action .actn.fav.sl .fa-heart:before,
.table.dataTable th .table-action .actn.fav.sl .fa-heart:before,
.table.dataTable td .table-action .actn.fav.sl .fa-heart:before,
.text-table table thead td .table-action .actn.fav.active .fa-heart:before,
.text-table table tbody td .table-action .actn.fav.active .fa-heart:before,
.text-table table tfoot td .table-action .actn.fav.active .fa-heart:before,
.listing-table thead tr th .table-action .actn.fav.active .fa-heart:before,
.listing-table thead tr td .table-action .actn.fav.active .fa-heart:before,
.listing-table tbody tr th .table-action .actn.fav.active .fa-heart:before,
.listing-table tbody tr td .table-action .actn.fav.active .fa-heart:before,
.listing-table tfoot tr th .table-action .actn.fav.active .fa-heart:before,
.listing-table tfoot tr td .table-action .actn.fav.active .fa-heart:before,
.table.dataTable th .table-action .actn.fav.active .fa-heart:before,
.table.dataTable td .table-action .actn.fav.active .fa-heart:before,
.text-table table thead td .table-action .actn.fav:hover .fa-heart:before,
.text-table table tbody td .table-action .actn.fav:hover .fa-heart:before,
.text-table table tfoot td .table-action .actn.fav:hover .fa-heart:before,
.listing-table thead tr th .table-action .actn.fav:hover .fa-heart:before,
.listing-table thead tr td .table-action .actn.fav:hover .fa-heart:before,
.listing-table tbody tr th .table-action .actn.fav:hover .fa-heart:before,
.listing-table tbody tr td .table-action .actn.fav:hover .fa-heart:before,
.listing-table tfoot tr th .table-action .actn.fav:hover .fa-heart:before,
.listing-table tfoot tr td .table-action .actn.fav:hover .fa-heart:before,
.table.dataTable th .table-action .actn.fav:hover .fa-heart:before,
.table.dataTable td .table-action .actn.fav:hover .fa-heart:before {
  font-weight: 600;
}

.text-table table thead td .table-action a.edit,
.text-table table tbody td .table-action a.edit,
.text-table table tfoot td .table-action a.edit,
.listing-table thead tr th .table-action a.edit,
.listing-table thead tr td .table-action a.edit,
.listing-table tbody tr th .table-action a.edit,
.listing-table tbody tr td .table-action a.edit,
.listing-table tfoot tr th .table-action a.edit,
.listing-table tfoot tr td .table-action a.edit,
.table.dataTable th .table-action a.edit,
.table.dataTable td .table-action a.edit,
.text-table table thead td .table-action a.share,
.text-table table tbody td .table-action a.share,
.text-table table tfoot td .table-action a.share,
.listing-table thead tr th .table-action a.share,
.listing-table thead tr td .table-action a.share,
.listing-table tbody tr th .table-action a.share,
.listing-table tbody tr td .table-action a.share,
.listing-table tfoot tr th .table-action a.share,
.listing-table tfoot tr td .table-action a.share,
.table.dataTable th .table-action a.share,
.table.dataTable td .table-action a.share,
.text-table table thead td .table-action .actn.edit,
.text-table table tbody td .table-action .actn.edit,
.text-table table tfoot td .table-action .actn.edit,
.listing-table thead tr th .table-action .actn.edit,
.listing-table thead tr td .table-action .actn.edit,
.listing-table tbody tr th .table-action .actn.edit,
.listing-table tbody tr td .table-action .actn.edit,
.listing-table tfoot tr th .table-action .actn.edit,
.listing-table tfoot tr td .table-action .actn.edit,
.table.dataTable th .table-action .actn.edit,
.table.dataTable td .table-action .actn.edit,
.text-table table thead td .table-action .actn.share,
.text-table table tbody td .table-action .actn.share,
.text-table table tfoot td .table-action .actn.share,
.listing-table thead tr th .table-action .actn.share,
.listing-table thead tr td .table-action .actn.share,
.listing-table tbody tr th .table-action .actn.share,
.listing-table tbody tr td .table-action .actn.share,
.listing-table tfoot tr th .table-action .actn.share,
.listing-table tfoot tr td .table-action .actn.share,
.table.dataTable th .table-action .actn.share,
.table.dataTable td .table-action .actn.share {
  color: #2961ff;
}

.text-table table thead td .table-action a.view,
.text-table table tbody td .table-action a.view,
.text-table table tfoot td .table-action a.view,
.listing-table thead tr th .table-action a.view,
.listing-table thead tr td .table-action a.view,
.listing-table tbody tr th .table-action a.view,
.listing-table tbody tr td .table-action a.view,
.listing-table tfoot tr th .table-action a.view,
.listing-table tfoot tr td .table-action a.view,
.table.dataTable th .table-action a.view,
.table.dataTable td .table-action a.view,
.text-table table thead td .table-action .actn.view,
.text-table table tbody td .table-action .actn.view,
.text-table table tfoot td .table-action .actn.view,
.listing-table thead tr th .table-action .actn.view,
.listing-table thead tr td .table-action .actn.view,
.listing-table tbody tr th .table-action .actn.view,
.listing-table tbody tr td .table-action .actn.view,
.listing-table tfoot tr th .table-action .actn.view,
.listing-table tfoot tr td .table-action .actn.view,
.table.dataTable th .table-action .actn.view,
.table.dataTable td .table-action .actn.view {
  color: #755fee;
}

.text-table table thead td .table-action a.email,
.text-table table tbody td .table-action a.email,
.text-table table tfoot td .table-action a.email,
.listing-table thead tr th .table-action a.email,
.listing-table thead tr td .table-action a.email,
.listing-table tbody tr th .table-action a.email,
.listing-table tbody tr td .table-action a.email,
.listing-table tfoot tr th .table-action a.email,
.listing-table tfoot tr td .table-action a.email,
.table.dataTable th .table-action a.email,
.table.dataTable td .table-action a.email,
.text-table table thead td .table-action .actn.email,
.text-table table tbody td .table-action .actn.email,
.text-table table tfoot td .table-action .actn.email,
.listing-table thead tr th .table-action .actn.email,
.listing-table thead tr td .table-action .actn.email,
.listing-table tbody tr th .table-action .actn.email,
.listing-table tbody tr td .table-action .actn.email,
.listing-table tfoot tr th .table-action .actn.email,
.listing-table tfoot tr td .table-action .actn.email,
.table.dataTable th .table-action .actn.email,
.table.dataTable td .table-action .actn.email {
  color: #f35a4c;
}

.text-table table thead td .table-action a.email:hover,
.text-table table tbody td .table-action a.email:hover,
.text-table table tfoot td .table-action a.email:hover,
.listing-table thead tr th .table-action a.email:hover,
.listing-table thead tr td .table-action a.email:hover,
.listing-table tbody tr th .table-action a.email:hover,
.listing-table tbody tr td .table-action a.email:hover,
.listing-table tfoot tr th .table-action a.email:hover,
.listing-table tfoot tr td .table-action a.email:hover,
.table.dataTable th .table-action a.email:hover,
.table.dataTable td .table-action a.email:hover,
.text-table table thead td .table-action .actn.email:hover,
.text-table table tbody td .table-action .actn.email:hover,
.text-table table tfoot td .table-action .actn.email:hover,
.listing-table thead tr th .table-action .actn.email:hover,
.listing-table thead tr td .table-action .actn.email:hover,
.listing-table tbody tr th .table-action .actn.email:hover,
.listing-table tbody tr td .table-action .actn.email:hover,
.listing-table tfoot tr th .table-action .actn.email:hover,
.listing-table tfoot tr td .table-action .actn.email:hover,
.table.dataTable th .table-action .actn.email:hover,
.table.dataTable td .table-action .actn.email:hover {
  color: #f35a4c;
}

.text-table table thead td .table-action a.delete,
.text-table table tbody td .table-action a.delete,
.text-table table tfoot td .table-action a.delete,
.listing-table thead tr th .table-action a.delete,
.listing-table thead tr td .table-action a.delete,
.listing-table tbody tr th .table-action a.delete,
.listing-table tbody tr td .table-action a.delete,
.listing-table tfoot tr th .table-action a.delete,
.listing-table tfoot tr td .table-action a.delete,
.table.dataTable th .table-action a.delete,
.table.dataTable td .table-action a.delete,
.text-table table thead td .table-action a.danger,
.text-table table tbody td .table-action a.danger,
.text-table table tfoot td .table-action a.danger,
.listing-table thead tr th .table-action a.danger,
.listing-table thead tr td .table-action a.danger,
.listing-table tbody tr th .table-action a.danger,
.listing-table tbody tr td .table-action a.danger,
.listing-table tfoot tr th .table-action a.danger,
.listing-table tfoot tr td .table-action a.danger,
.table.dataTable th .table-action a.danger,
.table.dataTable td .table-action a.danger,
.text-table table thead td .table-action .actn.delete,
.text-table table tbody td .table-action .actn.delete,
.text-table table tfoot td .table-action .actn.delete,
.listing-table thead tr th .table-action .actn.delete,
.listing-table thead tr td .table-action .actn.delete,
.listing-table tbody tr th .table-action .actn.delete,
.listing-table tbody tr td .table-action .actn.delete,
.listing-table tfoot tr th .table-action .actn.delete,
.listing-table tfoot tr td .table-action .actn.delete,
.table.dataTable th .table-action .actn.delete,
.table.dataTable td .table-action .actn.delete,
.text-table table thead td .table-action .actn.danger,
.text-table table tbody td .table-action .actn.danger,
.text-table table tfoot td .table-action .actn.danger,
.listing-table thead tr th .table-action .actn.danger,
.listing-table thead tr td .table-action .actn.danger,
.listing-table tbody tr th .table-action .actn.danger,
.listing-table tbody tr td .table-action .actn.danger,
.listing-table tfoot tr th .table-action .actn.danger,
.listing-table tfoot tr td .table-action .actn.danger,
.table.dataTable th .table-action .actn.danger,
.table.dataTable td .table-action .actn.danger {
  color: #ff3636;
}

.text-table table thead td .table-action a.delete:hover,
.text-table table tbody td .table-action a.delete:hover,
.text-table table tfoot td .table-action a.delete:hover,
.listing-table thead tr th .table-action a.delete:hover,
.listing-table thead tr td .table-action a.delete:hover,
.listing-table tbody tr th .table-action a.delete:hover,
.listing-table tbody tr td .table-action a.delete:hover,
.listing-table tfoot tr th .table-action a.delete:hover,
.listing-table tfoot tr td .table-action a.delete:hover,
.table.dataTable th .table-action a.delete:hover,
.table.dataTable td .table-action a.delete:hover,
.text-table table thead td .table-action a.danger:hover,
.text-table table tbody td .table-action a.danger:hover,
.text-table table tfoot td .table-action a.danger:hover,
.listing-table thead tr th .table-action a.danger:hover,
.listing-table thead tr td .table-action a.danger:hover,
.listing-table tbody tr th .table-action a.danger:hover,
.listing-table tbody tr td .table-action a.danger:hover,
.listing-table tfoot tr th .table-action a.danger:hover,
.listing-table tfoot tr td .table-action a.danger:hover,
.table.dataTable th .table-action a.danger:hover,
.table.dataTable td .table-action a.danger:hover,
.text-table table thead td .table-action .actn.delete:hover,
.text-table table tbody td .table-action .actn.delete:hover,
.text-table table tfoot td .table-action .actn.delete:hover,
.listing-table thead tr th .table-action .actn.delete:hover,
.listing-table thead tr td .table-action .actn.delete:hover,
.listing-table tbody tr th .table-action .actn.delete:hover,
.listing-table tbody tr td .table-action .actn.delete:hover,
.listing-table tfoot tr th .table-action .actn.delete:hover,
.listing-table tfoot tr td .table-action .actn.delete:hover,
.table.dataTable th .table-action .actn.delete:hover,
.table.dataTable td .table-action .actn.delete:hover,
.text-table table thead td .table-action .actn.danger:hover,
.text-table table tbody td .table-action .actn.danger:hover,
.text-table table tfoot td .table-action .actn.danger:hover,
.listing-table thead tr th .table-action .actn.danger:hover,
.listing-table thead tr td .table-action .actn.danger:hover,
.listing-table tbody tr th .table-action .actn.danger:hover,
.listing-table tbody tr td .table-action .actn.danger:hover,
.listing-table tfoot tr th .table-action .actn.danger:hover,
.listing-table tfoot tr td .table-action .actn.danger:hover,
.table.dataTable th .table-action .actn.danger:hover,
.table.dataTable td .table-action .actn.danger:hover {
  color: #ff3636;
}

.text-table table thead td .table-action a.delete:hover .fa-trash-alt:before,
.text-table table tbody td .table-action a.delete:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action a.delete:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action a.delete:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action a.delete:hover .fa-trash-alt:before,
.table.dataTable th .table-action a.delete:hover .fa-trash-alt:before,
.table.dataTable td .table-action a.delete:hover .fa-trash-alt:before,
.text-table table thead td .table-action a.danger:hover .fa-trash-alt:before,
.text-table table tbody td .table-action a.danger:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action a.danger:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action a.danger:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action a.danger:hover .fa-trash-alt:before,
.table.dataTable th .table-action a.danger:hover .fa-trash-alt:before,
.table.dataTable td .table-action a.danger:hover .fa-trash-alt:before,
.text-table table thead td .table-action .actn.delete:hover .fa-trash-alt:before,
.text-table table tbody td .table-action .actn.delete:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action .actn.delete:hover .fa-trash-alt:before,
.table.dataTable th .table-action .actn.delete:hover .fa-trash-alt:before,
.table.dataTable td .table-action .actn.delete:hover .fa-trash-alt:before,
.text-table table thead td .table-action .actn.danger:hover .fa-trash-alt:before,
.text-table table tbody td .table-action .actn.danger:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action .actn.danger:hover .fa-trash-alt:before,
.table.dataTable th .table-action .actn.danger:hover .fa-trash-alt:before,
.table.dataTable td .table-action .actn.danger:hover .fa-trash-alt:before {
  font-weight: 600;
}

.text-table table thead td .table-action a.user,
.text-table table tbody td .table-action a.user,
.text-table table tfoot td .table-action a.user,
.listing-table thead tr th .table-action a.user,
.listing-table thead tr td .table-action a.user,
.listing-table tbody tr th .table-action a.user,
.listing-table tbody tr td .table-action a.user,
.listing-table tfoot tr th .table-action a.user,
.listing-table tfoot tr td .table-action a.user,
.table.dataTable th .table-action a.user,
.table.dataTable td .table-action a.user,
.text-table table thead td .table-action a.info,
.text-table table tbody td .table-action a.info,
.text-table table tfoot td .table-action a.info,
.listing-table thead tr th .table-action a.info,
.listing-table thead tr td .table-action a.info,
.listing-table tbody tr th .table-action a.info,
.listing-table tbody tr td .table-action a.info,
.listing-table tfoot tr th .table-action a.info,
.listing-table tfoot tr td .table-action a.info,
.table.dataTable th .table-action a.info,
.table.dataTable td .table-action a.info,
.text-table table thead td .table-action .actn.user,
.text-table table tbody td .table-action .actn.user,
.text-table table tfoot td .table-action .actn.user,
.listing-table thead tr th .table-action .actn.user,
.listing-table thead tr td .table-action .actn.user,
.listing-table tbody tr th .table-action .actn.user,
.listing-table tbody tr td .table-action .actn.user,
.listing-table tfoot tr th .table-action .actn.user,
.listing-table tfoot tr td .table-action .actn.user,
.table.dataTable th .table-action .actn.user,
.table.dataTable td .table-action .actn.user,
.text-table table thead td .table-action .actn.info,
.text-table table tbody td .table-action .actn.info,
.text-table table tfoot td .table-action .actn.info,
.listing-table thead tr th .table-action .actn.info,
.listing-table thead tr td .table-action .actn.info,
.listing-table tbody tr th .table-action .actn.info,
.listing-table tbody tr td .table-action .actn.info,
.listing-table tfoot tr th .table-action .actn.info,
.listing-table tfoot tr td .table-action .actn.info,
.table.dataTable th .table-action .actn.info,
.table.dataTable td .table-action .actn.info {
  color: #ac4dff;
}

.text-table table thead td .table-action a.user:hover,
.text-table table tbody td .table-action a.user:hover,
.text-table table tfoot td .table-action a.user:hover,
.listing-table thead tr th .table-action a.user:hover,
.listing-table thead tr td .table-action a.user:hover,
.listing-table tbody tr th .table-action a.user:hover,
.listing-table tbody tr td .table-action a.user:hover,
.listing-table tfoot tr th .table-action a.user:hover,
.listing-table tfoot tr td .table-action a.user:hover,
.table.dataTable th .table-action a.user:hover,
.table.dataTable td .table-action a.user:hover,
.text-table table thead td .table-action a.info:hover,
.text-table table tbody td .table-action a.info:hover,
.text-table table tfoot td .table-action a.info:hover,
.listing-table thead tr th .table-action a.info:hover,
.listing-table thead tr td .table-action a.info:hover,
.listing-table tbody tr th .table-action a.info:hover,
.listing-table tbody tr td .table-action a.info:hover,
.listing-table tfoot tr th .table-action a.info:hover,
.listing-table tfoot tr td .table-action a.info:hover,
.table.dataTable th .table-action a.info:hover,
.table.dataTable td .table-action a.info:hover,
.text-table table thead td .table-action .actn.user:hover,
.text-table table tbody td .table-action .actn.user:hover,
.text-table table tfoot td .table-action .actn.user:hover,
.listing-table thead tr th .table-action .actn.user:hover,
.listing-table thead tr td .table-action .actn.user:hover,
.listing-table tbody tr th .table-action .actn.user:hover,
.listing-table tbody tr td .table-action .actn.user:hover,
.listing-table tfoot tr th .table-action .actn.user:hover,
.listing-table tfoot tr td .table-action .actn.user:hover,
.table.dataTable th .table-action .actn.user:hover,
.table.dataTable td .table-action .actn.user:hover,
.text-table table thead td .table-action .actn.info:hover,
.text-table table tbody td .table-action .actn.info:hover,
.text-table table tfoot td .table-action .actn.info:hover,
.listing-table thead tr th .table-action .actn.info:hover,
.listing-table thead tr td .table-action .actn.info:hover,
.listing-table tbody tr th .table-action .actn.info:hover,
.listing-table tbody tr td .table-action .actn.info:hover,
.listing-table tfoot tr th .table-action .actn.info:hover,
.listing-table tfoot tr td .table-action .actn.info:hover,
.table.dataTable th .table-action .actn.info:hover,
.table.dataTable td .table-action .actn.info:hover {
  color: #ac4dff;
}

.text-table table thead td .table-action a.success,
.text-table table tbody td .table-action a.success,
.text-table table tfoot td .table-action a.success,
.listing-table thead tr th .table-action a.success,
.listing-table thead tr td .table-action a.success,
.listing-table tbody tr th .table-action a.success,
.listing-table tbody tr td .table-action a.success,
.listing-table tfoot tr th .table-action a.success,
.listing-table tfoot tr td .table-action a.success,
.table.dataTable th .table-action a.success,
.table.dataTable td .table-action a.success,
.text-table table thead td .table-action .actn.success,
.text-table table tbody td .table-action .actn.success,
.text-table table tfoot td .table-action .actn.success,
.listing-table thead tr th .table-action .actn.success,
.listing-table thead tr td .table-action .actn.success,
.listing-table tbody tr th .table-action .actn.success,
.listing-table tbody tr td .table-action .actn.success,
.listing-table tfoot tr th .table-action .actn.success,
.listing-table tfoot tr td .table-action .actn.success,
.table.dataTable th .table-action .actn.success,
.table.dataTable td .table-action .actn.success {
  color: #28a745;
}

.text-table table thead td .table-action a.success:hover,
.text-table table tbody td .table-action a.success:hover,
.text-table table tfoot td .table-action a.success:hover,
.listing-table thead tr th .table-action a.success:hover,
.listing-table thead tr td .table-action a.success:hover,
.listing-table tbody tr th .table-action a.success:hover,
.listing-table tbody tr td .table-action a.success:hover,
.listing-table tfoot tr th .table-action a.success:hover,
.listing-table tfoot tr td .table-action a.success:hover,
.table.dataTable th .table-action a.success:hover,
.table.dataTable td .table-action a.success:hover,
.text-table table thead td .table-action .actn.success:hover,
.text-table table tbody td .table-action .actn.success:hover,
.text-table table tfoot td .table-action .actn.success:hover,
.listing-table thead tr th .table-action .actn.success:hover,
.listing-table thead tr td .table-action .actn.success:hover,
.listing-table tbody tr th .table-action .actn.success:hover,
.listing-table tbody tr td .table-action .actn.success:hover,
.listing-table tfoot tr th .table-action .actn.success:hover,
.listing-table tfoot tr td .table-action .actn.success:hover,
.table.dataTable th .table-action .actn.success:hover,
.table.dataTable td .table-action .actn.success:hover {
  color: #8BC34A;
}

.text-table table thead td .table-action a.rss,
.text-table table tbody td .table-action a.rss,
.text-table table tfoot td .table-action a.rss,
.listing-table thead tr th .table-action a.rss,
.listing-table thead tr td .table-action a.rss,
.listing-table tbody tr th .table-action a.rss,
.listing-table tbody tr td .table-action a.rss,
.listing-table tfoot tr th .table-action a.rss,
.listing-table tfoot tr td .table-action a.rss,
.table.dataTable th .table-action a.rss,
.table.dataTable td .table-action a.rss,
.text-table table thead td .table-action a.warning,
.text-table table tbody td .table-action a.warning,
.text-table table tfoot td .table-action a.warning,
.listing-table thead tr th .table-action a.warning,
.listing-table thead tr td .table-action a.warning,
.listing-table tbody tr th .table-action a.warning,
.listing-table tbody tr td .table-action a.warning,
.listing-table tfoot tr th .table-action a.warning,
.listing-table tfoot tr td .table-action a.warning,
.table.dataTable th .table-action a.warning,
.table.dataTable td .table-action a.warning,
.text-table table thead td .table-action .actn.rss,
.text-table table tbody td .table-action .actn.rss,
.text-table table tfoot td .table-action .actn.rss,
.listing-table thead tr th .table-action .actn.rss,
.listing-table thead tr td .table-action .actn.rss,
.listing-table tbody tr th .table-action .actn.rss,
.listing-table tbody tr td .table-action .actn.rss,
.listing-table tfoot tr th .table-action .actn.rss,
.listing-table tfoot tr td .table-action .actn.rss,
.table.dataTable th .table-action .actn.rss,
.table.dataTable td .table-action .actn.rss,
.text-table table thead td .table-action .actn.warning,
.text-table table tbody td .table-action .actn.warning,
.text-table table tfoot td .table-action .actn.warning,
.listing-table thead tr th .table-action .actn.warning,
.listing-table thead tr td .table-action .actn.warning,
.listing-table tbody tr th .table-action .actn.warning,
.listing-table tbody tr td .table-action .actn.warning,
.listing-table tfoot tr th .table-action .actn.warning,
.listing-table tfoot tr td .table-action .actn.warning,
.table.dataTable th .table-action .actn.warning,
.table.dataTable td .table-action .actn.warning {
  color: #ff821c;
}

.text-table table thead td .table-action a.rss:hover,
.text-table table tbody td .table-action a.rss:hover,
.text-table table tfoot td .table-action a.rss:hover,
.listing-table thead tr th .table-action a.rss:hover,
.listing-table thead tr td .table-action a.rss:hover,
.listing-table tbody tr th .table-action a.rss:hover,
.listing-table tbody tr td .table-action a.rss:hover,
.listing-table tfoot tr th .table-action a.rss:hover,
.listing-table tfoot tr td .table-action a.rss:hover,
.table.dataTable th .table-action a.rss:hover,
.table.dataTable td .table-action a.rss:hover,
.text-table table thead td .table-action a.warning:hover,
.text-table table tbody td .table-action a.warning:hover,
.text-table table tfoot td .table-action a.warning:hover,
.listing-table thead tr th .table-action a.warning:hover,
.listing-table thead tr td .table-action a.warning:hover,
.listing-table tbody tr th .table-action a.warning:hover,
.listing-table tbody tr td .table-action a.warning:hover,
.listing-table tfoot tr th .table-action a.warning:hover,
.listing-table tfoot tr td .table-action a.warning:hover,
.table.dataTable th .table-action a.warning:hover,
.table.dataTable td .table-action a.warning:hover,
.text-table table thead td .table-action .actn.rss:hover,
.text-table table tbody td .table-action .actn.rss:hover,
.text-table table tfoot td .table-action .actn.rss:hover,
.listing-table thead tr th .table-action .actn.rss:hover,
.listing-table thead tr td .table-action .actn.rss:hover,
.listing-table tbody tr th .table-action .actn.rss:hover,
.listing-table tbody tr td .table-action .actn.rss:hover,
.listing-table tfoot tr th .table-action .actn.rss:hover,
.listing-table tfoot tr td .table-action .actn.rss:hover,
.table.dataTable th .table-action .actn.rss:hover,
.table.dataTable td .table-action .actn.rss:hover,
.text-table table thead td .table-action .actn.warning:hover,
.text-table table tbody td .table-action .actn.warning:hover,
.text-table table tfoot td .table-action .actn.warning:hover,
.listing-table thead tr th .table-action .actn.warning:hover,
.listing-table thead tr td .table-action .actn.warning:hover,
.listing-table tbody tr th .table-action .actn.warning:hover,
.listing-table tbody tr td .table-action .actn.warning:hover,
.listing-table tfoot tr th .table-action .actn.warning:hover,
.listing-table tfoot tr td .table-action .actn.warning:hover,
.table.dataTable th .table-action .actn.warning:hover,
.table.dataTable td .table-action .actn.warning:hover {
  color: #e06c0d;
}

.text-table table thead td .table-action a.comment,
.text-table table tbody td .table-action a.comment,
.text-table table tfoot td .table-action a.comment,
.listing-table thead tr th .table-action a.comment,
.listing-table thead tr td .table-action a.comment,
.listing-table tbody tr th .table-action a.comment,
.listing-table tbody tr td .table-action a.comment,
.listing-table tfoot tr th .table-action a.comment,
.listing-table tfoot tr td .table-action a.comment,
.table.dataTable th .table-action a.comment,
.table.dataTable td .table-action a.comment,
.text-table table thead td .table-action a.restore,
.text-table table tbody td .table-action a.restore,
.text-table table tfoot td .table-action a.restore,
.listing-table thead tr th .table-action a.restore,
.listing-table thead tr td .table-action a.restore,
.listing-table tbody tr th .table-action a.restore,
.listing-table tbody tr td .table-action a.restore,
.listing-table tfoot tr th .table-action a.restore,
.listing-table tfoot tr td .table-action a.restore,
.table.dataTable th .table-action a.restore,
.table.dataTable td .table-action a.restore,
.text-table table thead td .table-action .actn.comment,
.text-table table tbody td .table-action .actn.comment,
.text-table table tfoot td .table-action .actn.comment,
.listing-table thead tr th .table-action .actn.comment,
.listing-table thead tr td .table-action .actn.comment,
.listing-table tbody tr th .table-action .actn.comment,
.listing-table tbody tr td .table-action .actn.comment,
.listing-table tfoot tr th .table-action .actn.comment,
.listing-table tfoot tr td .table-action .actn.comment,
.table.dataTable th .table-action .actn.comment,
.table.dataTable td .table-action .actn.comment,
.text-table table thead td .table-action .actn.restore,
.text-table table tbody td .table-action .actn.restore,
.text-table table tfoot td .table-action .actn.restore,
.listing-table thead tr th .table-action .actn.restore,
.listing-table thead tr td .table-action .actn.restore,
.listing-table tbody tr th .table-action .actn.restore,
.listing-table tbody tr td .table-action .actn.restore,
.listing-table tfoot tr th .table-action .actn.restore,
.listing-table tfoot tr td .table-action .actn.restore,
.table.dataTable th .table-action .actn.restore,
.table.dataTable td .table-action .actn.restore {
  color: #28a745;
  position: relative;
}

.text-table table thead td .table-action a.comment .count,
.text-table table tbody td .table-action a.comment .count,
.text-table table tfoot td .table-action a.comment .count,
.listing-table thead tr th .table-action a.comment .count,
.listing-table thead tr td .table-action a.comment .count,
.listing-table tbody tr th .table-action a.comment .count,
.listing-table tbody tr td .table-action a.comment .count,
.listing-table tfoot tr th .table-action a.comment .count,
.listing-table tfoot tr td .table-action a.comment .count,
.table.dataTable th .table-action a.comment .count,
.table.dataTable td .table-action a.comment .count,
.text-table table thead td .table-action a.restore .count,
.text-table table tbody td .table-action a.restore .count,
.text-table table tfoot td .table-action a.restore .count,
.listing-table thead tr th .table-action a.restore .count,
.listing-table thead tr td .table-action a.restore .count,
.listing-table tbody tr th .table-action a.restore .count,
.listing-table tbody tr td .table-action a.restore .count,
.listing-table tfoot tr th .table-action a.restore .count,
.listing-table tfoot tr td .table-action a.restore .count,
.table.dataTable th .table-action a.restore .count,
.table.dataTable td .table-action a.restore .count,
.text-table table thead td .table-action .actn.comment .count,
.text-table table tbody td .table-action .actn.comment .count,
.text-table table tfoot td .table-action .actn.comment .count,
.listing-table thead tr th .table-action .actn.comment .count,
.listing-table thead tr td .table-action .actn.comment .count,
.listing-table tbody tr th .table-action .actn.comment .count,
.listing-table tbody tr td .table-action .actn.comment .count,
.listing-table tfoot tr th .table-action .actn.comment .count,
.listing-table tfoot tr td .table-action .actn.comment .count,
.table.dataTable th .table-action .actn.comment .count,
.table.dataTable td .table-action .actn.comment .count,
.text-table table thead td .table-action .actn.restore .count,
.text-table table tbody td .table-action .actn.restore .count,
.text-table table tfoot td .table-action .actn.restore .count,
.listing-table thead tr th .table-action .actn.restore .count,
.listing-table thead tr td .table-action .actn.restore .count,
.listing-table tbody tr th .table-action .actn.restore .count,
.listing-table tbody tr td .table-action .actn.restore .count,
.listing-table tfoot tr th .table-action .actn.restore .count,
.listing-table tfoot tr td .table-action .actn.restore .count,
.table.dataTable th .table-action .actn.restore .count,
.table.dataTable td .table-action .actn.restore .count {
  display: block;
  min-width: 16px;
  color: #747d93;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  text-align: center;
  padding: 0;
  margin: 0px 0 0 0;
}

.text-table table thead td .table-action a.comment.sl,
.text-table table tbody td .table-action a.comment.sl,
.text-table table tfoot td .table-action a.comment.sl,
.listing-table thead tr th .table-action a.comment.sl,
.listing-table thead tr td .table-action a.comment.sl,
.listing-table tbody tr th .table-action a.comment.sl,
.listing-table tbody tr td .table-action a.comment.sl,
.listing-table tfoot tr th .table-action a.comment.sl,
.listing-table tfoot tr td .table-action a.comment.sl,
.table.dataTable th .table-action a.comment.sl,
.table.dataTable td .table-action a.comment.sl,
.text-table table thead td .table-action a.comment.active,
.text-table table tbody td .table-action a.comment.active,
.text-table table tfoot td .table-action a.comment.active,
.listing-table thead tr th .table-action a.comment.active,
.listing-table thead tr td .table-action a.comment.active,
.listing-table tbody tr th .table-action a.comment.active,
.listing-table tbody tr td .table-action a.comment.active,
.listing-table tfoot tr th .table-action a.comment.active,
.listing-table tfoot tr td .table-action a.comment.active,
.table.dataTable th .table-action a.comment.active,
.table.dataTable td .table-action a.comment.active,
.text-table table thead td .table-action a.comment:hover,
.text-table table tbody td .table-action a.comment:hover,
.text-table table tfoot td .table-action a.comment:hover,
.listing-table thead tr th .table-action a.comment:hover,
.listing-table thead tr td .table-action a.comment:hover,
.listing-table tbody tr th .table-action a.comment:hover,
.listing-table tbody tr td .table-action a.comment:hover,
.listing-table tfoot tr th .table-action a.comment:hover,
.listing-table tfoot tr td .table-action a.comment:hover,
.table.dataTable th .table-action a.comment:hover,
.table.dataTable td .table-action a.comment:hover,
.text-table table thead td .table-action a.restore.sl,
.text-table table tbody td .table-action a.restore.sl,
.text-table table tfoot td .table-action a.restore.sl,
.listing-table thead tr th .table-action a.restore.sl,
.listing-table thead tr td .table-action a.restore.sl,
.listing-table tbody tr th .table-action a.restore.sl,
.listing-table tbody tr td .table-action a.restore.sl,
.listing-table tfoot tr th .table-action a.restore.sl,
.listing-table tfoot tr td .table-action a.restore.sl,
.table.dataTable th .table-action a.restore.sl,
.table.dataTable td .table-action a.restore.sl,
.text-table table thead td .table-action a.restore.active,
.text-table table tbody td .table-action a.restore.active,
.text-table table tfoot td .table-action a.restore.active,
.listing-table thead tr th .table-action a.restore.active,
.listing-table thead tr td .table-action a.restore.active,
.listing-table tbody tr th .table-action a.restore.active,
.listing-table tbody tr td .table-action a.restore.active,
.listing-table tfoot tr th .table-action a.restore.active,
.listing-table tfoot tr td .table-action a.restore.active,
.table.dataTable th .table-action a.restore.active,
.table.dataTable td .table-action a.restore.active,
.text-table table thead td .table-action a.restore:hover,
.text-table table tbody td .table-action a.restore:hover,
.text-table table tfoot td .table-action a.restore:hover,
.listing-table thead tr th .table-action a.restore:hover,
.listing-table thead tr td .table-action a.restore:hover,
.listing-table tbody tr th .table-action a.restore:hover,
.listing-table tbody tr td .table-action a.restore:hover,
.listing-table tfoot tr th .table-action a.restore:hover,
.listing-table tfoot tr td .table-action a.restore:hover,
.table.dataTable th .table-action a.restore:hover,
.table.dataTable td .table-action a.restore:hover,
.text-table table thead td .table-action .actn.comment.sl,
.text-table table tbody td .table-action .actn.comment.sl,
.text-table table tfoot td .table-action .actn.comment.sl,
.listing-table thead tr th .table-action .actn.comment.sl,
.listing-table thead tr td .table-action .actn.comment.sl,
.listing-table tbody tr th .table-action .actn.comment.sl,
.listing-table tbody tr td .table-action .actn.comment.sl,
.listing-table tfoot tr th .table-action .actn.comment.sl,
.listing-table tfoot tr td .table-action .actn.comment.sl,
.table.dataTable th .table-action .actn.comment.sl,
.table.dataTable td .table-action .actn.comment.sl,
.text-table table thead td .table-action .actn.comment.active,
.text-table table tbody td .table-action .actn.comment.active,
.text-table table tfoot td .table-action .actn.comment.active,
.listing-table thead tr th .table-action .actn.comment.active,
.listing-table thead tr td .table-action .actn.comment.active,
.listing-table tbody tr th .table-action .actn.comment.active,
.listing-table tbody tr td .table-action .actn.comment.active,
.listing-table tfoot tr th .table-action .actn.comment.active,
.listing-table tfoot tr td .table-action .actn.comment.active,
.table.dataTable th .table-action .actn.comment.active,
.table.dataTable td .table-action .actn.comment.active,
.text-table table thead td .table-action .actn.comment:hover,
.text-table table tbody td .table-action .actn.comment:hover,
.text-table table tfoot td .table-action .actn.comment:hover,
.listing-table thead tr th .table-action .actn.comment:hover,
.listing-table thead tr td .table-action .actn.comment:hover,
.listing-table tbody tr th .table-action .actn.comment:hover,
.listing-table tbody tr td .table-action .actn.comment:hover,
.listing-table tfoot tr th .table-action .actn.comment:hover,
.listing-table tfoot tr td .table-action .actn.comment:hover,
.table.dataTable th .table-action .actn.comment:hover,
.table.dataTable td .table-action .actn.comment:hover,
.text-table table thead td .table-action .actn.restore.sl,
.text-table table tbody td .table-action .actn.restore.sl,
.text-table table tfoot td .table-action .actn.restore.sl,
.listing-table thead tr th .table-action .actn.restore.sl,
.listing-table thead tr td .table-action .actn.restore.sl,
.listing-table tbody tr th .table-action .actn.restore.sl,
.listing-table tbody tr td .table-action .actn.restore.sl,
.listing-table tfoot tr th .table-action .actn.restore.sl,
.listing-table tfoot tr td .table-action .actn.restore.sl,
.table.dataTable th .table-action .actn.restore.sl,
.table.dataTable td .table-action .actn.restore.sl,
.text-table table thead td .table-action .actn.restore.active,
.text-table table tbody td .table-action .actn.restore.active,
.text-table table tfoot td .table-action .actn.restore.active,
.listing-table thead tr th .table-action .actn.restore.active,
.listing-table thead tr td .table-action .actn.restore.active,
.listing-table tbody tr th .table-action .actn.restore.active,
.listing-table tbody tr td .table-action .actn.restore.active,
.listing-table tfoot tr th .table-action .actn.restore.active,
.listing-table tfoot tr td .table-action .actn.restore.active,
.table.dataTable th .table-action .actn.restore.active,
.table.dataTable td .table-action .actn.restore.active,
.text-table table thead td .table-action .actn.restore:hover,
.text-table table tbody td .table-action .actn.restore:hover,
.text-table table tfoot td .table-action .actn.restore:hover,
.listing-table thead tr th .table-action .actn.restore:hover,
.listing-table thead tr td .table-action .actn.restore:hover,
.listing-table tbody tr th .table-action .actn.restore:hover,
.listing-table tbody tr td .table-action .actn.restore:hover,
.listing-table tfoot tr th .table-action .actn.restore:hover,
.listing-table tfoot tr td .table-action .actn.restore:hover,
.table.dataTable th .table-action .actn.restore:hover,
.table.dataTable td .table-action .actn.restore:hover {
  color: #1e7e34;
  text-decoration: none;
}

.text-table table thead td .table-action a.comment.circle,
.text-table table tbody td .table-action a.comment.circle,
.text-table table tfoot td .table-action a.comment.circle,
.listing-table thead tr th .table-action a.comment.circle,
.listing-table thead tr td .table-action a.comment.circle,
.listing-table tbody tr th .table-action a.comment.circle,
.listing-table tbody tr td .table-action a.comment.circle,
.listing-table tfoot tr th .table-action a.comment.circle,
.listing-table tfoot tr td .table-action a.comment.circle,
.table.dataTable th .table-action a.comment.circle,
.table.dataTable td .table-action a.comment.circle,
.text-table table thead td .table-action a.restore.circle,
.text-table table tbody td .table-action a.restore.circle,
.text-table table tfoot td .table-action a.restore.circle,
.listing-table thead tr th .table-action a.restore.circle,
.listing-table thead tr td .table-action a.restore.circle,
.listing-table tbody tr th .table-action a.restore.circle,
.listing-table tbody tr td .table-action a.restore.circle,
.listing-table tfoot tr th .table-action a.restore.circle,
.listing-table tfoot tr td .table-action a.restore.circle,
.table.dataTable th .table-action a.restore.circle,
.table.dataTable td .table-action a.restore.circle,
.text-table table thead td .table-action .actn.comment.circle,
.text-table table tbody td .table-action .actn.comment.circle,
.text-table table tfoot td .table-action .actn.comment.circle,
.listing-table thead tr th .table-action .actn.comment.circle,
.listing-table thead tr td .table-action .actn.comment.circle,
.listing-table tbody tr th .table-action .actn.comment.circle,
.listing-table tbody tr td .table-action .actn.comment.circle,
.listing-table tfoot tr th .table-action .actn.comment.circle,
.listing-table tfoot tr td .table-action .actn.comment.circle,
.table.dataTable th .table-action .actn.comment.circle,
.table.dataTable td .table-action .actn.comment.circle,
.text-table table thead td .table-action .actn.restore.circle,
.text-table table tbody td .table-action .actn.restore.circle,
.text-table table tfoot td .table-action .actn.restore.circle,
.listing-table thead tr th .table-action .actn.restore.circle,
.listing-table thead tr td .table-action .actn.restore.circle,
.listing-table tbody tr th .table-action .actn.restore.circle,
.listing-table tbody tr td .table-action .actn.restore.circle,
.listing-table tfoot tr th .table-action .actn.restore.circle,
.listing-table tfoot tr td .table-action .actn.restore.circle,
.table.dataTable th .table-action .actn.restore.circle,
.table.dataTable td .table-action .actn.restore.circle {
  background-color: #28a745;
  color: #fff;
  width: 28px;
  height: 28px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.text-table table thead td .table-action a.comment.circle i,
.text-table table tbody td .table-action a.comment.circle i,
.text-table table tfoot td .table-action a.comment.circle i,
.listing-table thead tr th .table-action a.comment.circle i,
.listing-table thead tr td .table-action a.comment.circle i,
.listing-table tbody tr th .table-action a.comment.circle i,
.listing-table tbody tr td .table-action a.comment.circle i,
.listing-table tfoot tr th .table-action a.comment.circle i,
.listing-table tfoot tr td .table-action a.comment.circle i,
.table.dataTable th .table-action a.comment.circle i,
.table.dataTable td .table-action a.comment.circle i,
.text-table table thead td .table-action a.restore.circle i,
.text-table table tbody td .table-action a.restore.circle i,
.text-table table tfoot td .table-action a.restore.circle i,
.listing-table thead tr th .table-action a.restore.circle i,
.listing-table thead tr td .table-action a.restore.circle i,
.listing-table tbody tr th .table-action a.restore.circle i,
.listing-table tbody tr td .table-action a.restore.circle i,
.listing-table tfoot tr th .table-action a.restore.circle i,
.listing-table tfoot tr td .table-action a.restore.circle i,
.table.dataTable th .table-action a.restore.circle i,
.table.dataTable td .table-action a.restore.circle i,
.text-table table thead td .table-action .actn.comment.circle i,
.text-table table tbody td .table-action .actn.comment.circle i,
.text-table table tfoot td .table-action .actn.comment.circle i,
.listing-table thead tr th .table-action .actn.comment.circle i,
.listing-table thead tr td .table-action .actn.comment.circle i,
.listing-table tbody tr th .table-action .actn.comment.circle i,
.listing-table tbody tr td .table-action .actn.comment.circle i,
.listing-table tfoot tr th .table-action .actn.comment.circle i,
.listing-table tfoot tr td .table-action .actn.comment.circle i,
.table.dataTable th .table-action .actn.comment.circle i,
.table.dataTable td .table-action .actn.comment.circle i,
.text-table table thead td .table-action .actn.restore.circle i,
.text-table table tbody td .table-action .actn.restore.circle i,
.text-table table tfoot td .table-action .actn.restore.circle i,
.listing-table thead tr th .table-action .actn.restore.circle i,
.listing-table thead tr td .table-action .actn.restore.circle i,
.listing-table tbody tr th .table-action .actn.restore.circle i,
.listing-table tbody tr td .table-action .actn.restore.circle i,
.listing-table tfoot tr th .table-action .actn.restore.circle i,
.listing-table tfoot tr td .table-action .actn.restore.circle i,
.table.dataTable th .table-action .actn.restore.circle i,
.table.dataTable td .table-action .actn.restore.circle i {
  display: block;
}

.text-table table thead td .table-action a.comment.circle.sl,
.text-table table tbody td .table-action a.comment.circle.sl,
.text-table table tfoot td .table-action a.comment.circle.sl,
.listing-table thead tr th .table-action a.comment.circle.sl,
.listing-table thead tr td .table-action a.comment.circle.sl,
.listing-table tbody tr th .table-action a.comment.circle.sl,
.listing-table tbody tr td .table-action a.comment.circle.sl,
.listing-table tfoot tr th .table-action a.comment.circle.sl,
.listing-table tfoot tr td .table-action a.comment.circle.sl,
.table.dataTable th .table-action a.comment.circle.sl,
.table.dataTable td .table-action a.comment.circle.sl,
.text-table table thead td .table-action a.comment.circle.active,
.text-table table tbody td .table-action a.comment.circle.active,
.text-table table tfoot td .table-action a.comment.circle.active,
.listing-table thead tr th .table-action a.comment.circle.active,
.listing-table thead tr td .table-action a.comment.circle.active,
.listing-table tbody tr th .table-action a.comment.circle.active,
.listing-table tbody tr td .table-action a.comment.circle.active,
.listing-table tfoot tr th .table-action a.comment.circle.active,
.listing-table tfoot tr td .table-action a.comment.circle.active,
.table.dataTable th .table-action a.comment.circle.active,
.table.dataTable td .table-action a.comment.circle.active,
.text-table table thead td .table-action a.comment.circle:hover,
.text-table table tbody td .table-action a.comment.circle:hover,
.text-table table tfoot td .table-action a.comment.circle:hover,
.listing-table thead tr th .table-action a.comment.circle:hover,
.listing-table thead tr td .table-action a.comment.circle:hover,
.listing-table tbody tr th .table-action a.comment.circle:hover,
.listing-table tbody tr td .table-action a.comment.circle:hover,
.listing-table tfoot tr th .table-action a.comment.circle:hover,
.listing-table tfoot tr td .table-action a.comment.circle:hover,
.table.dataTable th .table-action a.comment.circle:hover,
.table.dataTable td .table-action a.comment.circle:hover,
.text-table table thead td .table-action a.restore.circle.sl,
.text-table table tbody td .table-action a.restore.circle.sl,
.text-table table tfoot td .table-action a.restore.circle.sl,
.listing-table thead tr th .table-action a.restore.circle.sl,
.listing-table thead tr td .table-action a.restore.circle.sl,
.listing-table tbody tr th .table-action a.restore.circle.sl,
.listing-table tbody tr td .table-action a.restore.circle.sl,
.listing-table tfoot tr th .table-action a.restore.circle.sl,
.listing-table tfoot tr td .table-action a.restore.circle.sl,
.table.dataTable th .table-action a.restore.circle.sl,
.table.dataTable td .table-action a.restore.circle.sl,
.text-table table thead td .table-action a.restore.circle.active,
.text-table table tbody td .table-action a.restore.circle.active,
.text-table table tfoot td .table-action a.restore.circle.active,
.listing-table thead tr th .table-action a.restore.circle.active,
.listing-table thead tr td .table-action a.restore.circle.active,
.listing-table tbody tr th .table-action a.restore.circle.active,
.listing-table tbody tr td .table-action a.restore.circle.active,
.listing-table tfoot tr th .table-action a.restore.circle.active,
.listing-table tfoot tr td .table-action a.restore.circle.active,
.table.dataTable th .table-action a.restore.circle.active,
.table.dataTable td .table-action a.restore.circle.active,
.text-table table thead td .table-action a.restore.circle:hover,
.text-table table tbody td .table-action a.restore.circle:hover,
.text-table table tfoot td .table-action a.restore.circle:hover,
.listing-table thead tr th .table-action a.restore.circle:hover,
.listing-table thead tr td .table-action a.restore.circle:hover,
.listing-table tbody tr th .table-action a.restore.circle:hover,
.listing-table tbody tr td .table-action a.restore.circle:hover,
.listing-table tfoot tr th .table-action a.restore.circle:hover,
.listing-table tfoot tr td .table-action a.restore.circle:hover,
.table.dataTable th .table-action a.restore.circle:hover,
.table.dataTable td .table-action a.restore.circle:hover,
.text-table table thead td .table-action .actn.comment.circle.sl,
.text-table table tbody td .table-action .actn.comment.circle.sl,
.text-table table tfoot td .table-action .actn.comment.circle.sl,
.listing-table thead tr th .table-action .actn.comment.circle.sl,
.listing-table thead tr td .table-action .actn.comment.circle.sl,
.listing-table tbody tr th .table-action .actn.comment.circle.sl,
.listing-table tbody tr td .table-action .actn.comment.circle.sl,
.listing-table tfoot tr th .table-action .actn.comment.circle.sl,
.listing-table tfoot tr td .table-action .actn.comment.circle.sl,
.table.dataTable th .table-action .actn.comment.circle.sl,
.table.dataTable td .table-action .actn.comment.circle.sl,
.text-table table thead td .table-action .actn.comment.circle.active,
.text-table table tbody td .table-action .actn.comment.circle.active,
.text-table table tfoot td .table-action .actn.comment.circle.active,
.listing-table thead tr th .table-action .actn.comment.circle.active,
.listing-table thead tr td .table-action .actn.comment.circle.active,
.listing-table tbody tr th .table-action .actn.comment.circle.active,
.listing-table tbody tr td .table-action .actn.comment.circle.active,
.listing-table tfoot tr th .table-action .actn.comment.circle.active,
.listing-table tfoot tr td .table-action .actn.comment.circle.active,
.table.dataTable th .table-action .actn.comment.circle.active,
.table.dataTable td .table-action .actn.comment.circle.active,
.text-table table thead td .table-action .actn.comment.circle:hover,
.text-table table tbody td .table-action .actn.comment.circle:hover,
.text-table table tfoot td .table-action .actn.comment.circle:hover,
.listing-table thead tr th .table-action .actn.comment.circle:hover,
.listing-table thead tr td .table-action .actn.comment.circle:hover,
.listing-table tbody tr th .table-action .actn.comment.circle:hover,
.listing-table tbody tr td .table-action .actn.comment.circle:hover,
.listing-table tfoot tr th .table-action .actn.comment.circle:hover,
.listing-table tfoot tr td .table-action .actn.comment.circle:hover,
.table.dataTable th .table-action .actn.comment.circle:hover,
.table.dataTable td .table-action .actn.comment.circle:hover,
.text-table table thead td .table-action .actn.restore.circle.sl,
.text-table table tbody td .table-action .actn.restore.circle.sl,
.text-table table tfoot td .table-action .actn.restore.circle.sl,
.listing-table thead tr th .table-action .actn.restore.circle.sl,
.listing-table thead tr td .table-action .actn.restore.circle.sl,
.listing-table tbody tr th .table-action .actn.restore.circle.sl,
.listing-table tbody tr td .table-action .actn.restore.circle.sl,
.listing-table tfoot tr th .table-action .actn.restore.circle.sl,
.listing-table tfoot tr td .table-action .actn.restore.circle.sl,
.table.dataTable th .table-action .actn.restore.circle.sl,
.table.dataTable td .table-action .actn.restore.circle.sl,
.text-table table thead td .table-action .actn.restore.circle.active,
.text-table table tbody td .table-action .actn.restore.circle.active,
.text-table table tfoot td .table-action .actn.restore.circle.active,
.listing-table thead tr th .table-action .actn.restore.circle.active,
.listing-table thead tr td .table-action .actn.restore.circle.active,
.listing-table tbody tr th .table-action .actn.restore.circle.active,
.listing-table tbody tr td .table-action .actn.restore.circle.active,
.listing-table tfoot tr th .table-action .actn.restore.circle.active,
.listing-table tfoot tr td .table-action .actn.restore.circle.active,
.table.dataTable th .table-action .actn.restore.circle.active,
.table.dataTable td .table-action .actn.restore.circle.active,
.text-table table thead td .table-action .actn.restore.circle:hover,
.text-table table tbody td .table-action .actn.restore.circle:hover,
.text-table table tfoot td .table-action .actn.restore.circle:hover,
.listing-table thead tr th .table-action .actn.restore.circle:hover,
.listing-table thead tr td .table-action .actn.restore.circle:hover,
.listing-table tbody tr th .table-action .actn.restore.circle:hover,
.listing-table tbody tr td .table-action .actn.restore.circle:hover,
.listing-table tfoot tr th .table-action .actn.restore.circle:hover,
.listing-table tfoot tr td .table-action .actn.restore.circle:hover,
.table.dataTable th .table-action .actn.restore.circle:hover,
.table.dataTable td .table-action .actn.restore.circle:hover {
  color: #fff;
  background-color: #1e7e34;
  text-decoration: none;
}

.listing-table thead tr th .table-action.with-circle a,
.listing-table thead tr td .table-action.with-circle a,
.listing-table tbody tr th .table-action.with-circle a,
.listing-table tbody tr td .table-action.with-circle a,
.listing-table tfoot tr th .table-action.with-circle a,
.listing-table tfoot tr td .table-action.with-circle a,
.table.dataTable th .table-action.with-circle a,
.table.dataTable td .table-action.with-circle a,
.listing-table thead tr th .table-action.with-circle .actn,
.listing-table thead tr td .table-action.with-circle .actn,
.listing-table tbody tr th .table-action.with-circle .actn,
.listing-table tbody tr td .table-action.with-circle .actn,
.listing-table tfoot tr th .table-action.with-circle .actn,
.listing-table tfoot tr td .table-action.with-circle .actn,
.table.dataTable th .table-action.with-circle .actn,
.table.dataTable td .table-action.with-circle .actn {
  width: 26px;
  height: 26px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  margin: 0 1px 0 0;
  font-size: 14px;
  line-height: 16px;
}

.listing-table thead tr th .table-action.with-circle a:last-child,
.listing-table thead tr td .table-action.with-circle a:last-child,
.listing-table tbody tr th .table-action.with-circle a:last-child,
.listing-table tbody tr td .table-action.with-circle a:last-child,
.listing-table tfoot tr th .table-action.with-circle a:last-child,
.listing-table tfoot tr td .table-action.with-circle a:last-child,
.table.dataTable th .table-action.with-circle a:last-child,
.table.dataTable td .table-action.with-circle a:last-child,
.listing-table thead tr th .table-action.with-circle .actn:last-child,
.listing-table thead tr td .table-action.with-circle .actn:last-child,
.listing-table tbody tr th .table-action.with-circle .actn:last-child,
.listing-table tbody tr td .table-action.with-circle .actn:last-child,
.listing-table tfoot tr th .table-action.with-circle .actn:last-child,
.listing-table tfoot tr td .table-action.with-circle .actn:last-child,
.table.dataTable th .table-action.with-circle .actn:last-child,
.table.dataTable td .table-action.with-circle .actn:last-child {
  margin-right: 0;
}

.listing-table thead tr th .table-action.with-circle a.edit:hover,
.listing-table thead tr td .table-action.with-circle a.edit:hover,
.listing-table tbody tr th .table-action.with-circle a.edit:hover,
.listing-table tbody tr td .table-action.with-circle a.edit:hover,
.listing-table tfoot tr th .table-action.with-circle a.edit:hover,
.listing-table tfoot tr td .table-action.with-circle a.edit:hover,
.table.dataTable th .table-action.with-circle a.edit:hover,
.table.dataTable td .table-action.with-circle a.edit:hover,
.listing-table thead tr th .table-action.with-circle a.share:hover,
.listing-table thead tr td .table-action.with-circle a.share:hover,
.listing-table tbody tr th .table-action.with-circle a.share:hover,
.listing-table tbody tr td .table-action.with-circle a.share:hover,
.listing-table tfoot tr th .table-action.with-circle a.share:hover,
.listing-table tfoot tr td .table-action.with-circle a.share:hover,
.table.dataTable th .table-action.with-circle a.share:hover,
.table.dataTable td .table-action.with-circle a.share:hover,
.listing-table thead tr th .table-action.with-circle .actn.edit:hover,
.listing-table thead tr td .table-action.with-circle .actn.edit:hover,
.listing-table tbody tr th .table-action.with-circle .actn.edit:hover,
.listing-table tbody tr td .table-action.with-circle .actn.edit:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.edit:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.edit:hover,
.table.dataTable th .table-action.with-circle .actn.edit:hover,
.table.dataTable td .table-action.with-circle .actn.edit:hover,
.listing-table thead tr th .table-action.with-circle .actn.share:hover,
.listing-table thead tr td .table-action.with-circle .actn.share:hover,
.listing-table tbody tr th .table-action.with-circle .actn.share:hover,
.listing-table tbody tr td .table-action.with-circle .actn.share:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.share:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.share:hover,
.table.dataTable th .table-action.with-circle .actn.share:hover,
.table.dataTable td .table-action.with-circle .actn.share:hover {
  background-color: rgba(41, 97, 255, 0.12);
}

.listing-table thead tr th .table-action.with-circle a.view:hover,
.listing-table thead tr td .table-action.with-circle a.view:hover,
.listing-table tbody tr th .table-action.with-circle a.view:hover,
.listing-table tbody tr td .table-action.with-circle a.view:hover,
.listing-table tfoot tr th .table-action.with-circle a.view:hover,
.listing-table tfoot tr td .table-action.with-circle a.view:hover,
.table.dataTable th .table-action.with-circle a.view:hover,
.table.dataTable td .table-action.with-circle a.view:hover,
.listing-table thead tr th .table-action.with-circle .actn.view:hover,
.listing-table thead tr td .table-action.with-circle .actn.view:hover,
.listing-table tbody tr th .table-action.with-circle .actn.view:hover,
.listing-table tbody tr td .table-action.with-circle .actn.view:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.view:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.view:hover,
.table.dataTable th .table-action.with-circle .actn.view:hover,
.table.dataTable td .table-action.with-circle .actn.view:hover {
  background-color: rgba(117, 95, 238, 0.12);
}

.listing-table thead tr th .table-action.with-circle a.email:hover,
.listing-table thead tr td .table-action.with-circle a.email:hover,
.listing-table tbody tr th .table-action.with-circle a.email:hover,
.listing-table tbody tr td .table-action.with-circle a.email:hover,
.listing-table tfoot tr th .table-action.with-circle a.email:hover,
.listing-table tfoot tr td .table-action.with-circle a.email:hover,
.table.dataTable th .table-action.with-circle a.email:hover,
.table.dataTable td .table-action.with-circle a.email:hover,
.listing-table thead tr th .table-action.with-circle .actn.email:hover,
.listing-table thead tr td .table-action.with-circle .actn.email:hover,
.listing-table tbody tr th .table-action.with-circle .actn.email:hover,
.listing-table tbody tr td .table-action.with-circle .actn.email:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.email:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.email:hover,
.table.dataTable th .table-action.with-circle .actn.email:hover,
.table.dataTable td .table-action.with-circle .actn.email:hover {
  background-color: rgba(243, 90, 76, 0.12);
}

.listing-table thead tr th .table-action.with-circle a.delete:hover,
.listing-table thead tr td .table-action.with-circle a.delete:hover,
.listing-table tbody tr th .table-action.with-circle a.delete:hover,
.listing-table tbody tr td .table-action.with-circle a.delete:hover,
.listing-table tfoot tr th .table-action.with-circle a.delete:hover,
.listing-table tfoot tr td .table-action.with-circle a.delete:hover,
.table.dataTable th .table-action.with-circle a.delete:hover,
.table.dataTable td .table-action.with-circle a.delete:hover,
.listing-table thead tr th .table-action.with-circle a.danger:hover,
.listing-table thead tr td .table-action.with-circle a.danger:hover,
.listing-table tbody tr th .table-action.with-circle a.danger:hover,
.listing-table tbody tr td .table-action.with-circle a.danger:hover,
.listing-table tfoot tr th .table-action.with-circle a.danger:hover,
.listing-table tfoot tr td .table-action.with-circle a.danger:hover,
.table.dataTable th .table-action.with-circle a.danger:hover,
.table.dataTable td .table-action.with-circle a.danger:hover,
.listing-table thead tr th .table-action.with-circle .actn.delete:hover,
.listing-table thead tr td .table-action.with-circle .actn.delete:hover,
.listing-table tbody tr th .table-action.with-circle .actn.delete:hover,
.listing-table tbody tr td .table-action.with-circle .actn.delete:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.delete:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.delete:hover,
.table.dataTable th .table-action.with-circle .actn.delete:hover,
.table.dataTable td .table-action.with-circle .actn.delete:hover,
.listing-table thead tr th .table-action.with-circle .actn.danger:hover,
.listing-table thead tr td .table-action.with-circle .actn.danger:hover,
.listing-table tbody tr th .table-action.with-circle .actn.danger:hover,
.listing-table tbody tr td .table-action.with-circle .actn.danger:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.danger:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.danger:hover,
.table.dataTable th .table-action.with-circle .actn.danger:hover,
.table.dataTable td .table-action.with-circle .actn.danger:hover {
  background-color: rgba(255, 54, 54, 0.12);
}

.listing-table thead tr th .table-action.with-circle a.user:hover,
.listing-table thead tr td .table-action.with-circle a.user:hover,
.listing-table tbody tr th .table-action.with-circle a.user:hover,
.listing-table tbody tr td .table-action.with-circle a.user:hover,
.listing-table tfoot tr th .table-action.with-circle a.user:hover,
.listing-table tfoot tr td .table-action.with-circle a.user:hover,
.table.dataTable th .table-action.with-circle a.user:hover,
.table.dataTable td .table-action.with-circle a.user:hover,
.listing-table thead tr th .table-action.with-circle a.info:hover,
.listing-table thead tr td .table-action.with-circle a.info:hover,
.listing-table tbody tr th .table-action.with-circle a.info:hover,
.listing-table tbody tr td .table-action.with-circle a.info:hover,
.listing-table tfoot tr th .table-action.with-circle a.info:hover,
.listing-table tfoot tr td .table-action.with-circle a.info:hover,
.table.dataTable th .table-action.with-circle a.info:hover,
.table.dataTable td .table-action.with-circle a.info:hover,
.listing-table thead tr th .table-action.with-circle .actn.user:hover,
.listing-table thead tr td .table-action.with-circle .actn.user:hover,
.listing-table tbody tr th .table-action.with-circle .actn.user:hover,
.listing-table tbody tr td .table-action.with-circle .actn.user:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.user:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.user:hover,
.table.dataTable th .table-action.with-circle .actn.user:hover,
.table.dataTable td .table-action.with-circle .actn.user:hover,
.listing-table thead tr th .table-action.with-circle .actn.info:hover,
.listing-table thead tr td .table-action.with-circle .actn.info:hover,
.listing-table tbody tr th .table-action.with-circle .actn.info:hover,
.listing-table tbody tr td .table-action.with-circle .actn.info:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.info:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.info:hover,
.table.dataTable th .table-action.with-circle .actn.info:hover,
.table.dataTable td .table-action.with-circle .actn.info:hover {
  background-color: rgba(172, 77, 255, 0.12);
}

.listing-table thead tr th .table-action.with-circle a.success:hover,
.listing-table thead tr td .table-action.with-circle a.success:hover,
.listing-table tbody tr th .table-action.with-circle a.success:hover,
.listing-table tbody tr td .table-action.with-circle a.success:hover,
.listing-table tfoot tr th .table-action.with-circle a.success:hover,
.listing-table tfoot tr td .table-action.with-circle a.success:hover,
.table.dataTable th .table-action.with-circle a.success:hover,
.table.dataTable td .table-action.with-circle a.success:hover,
.listing-table thead tr th .table-action.with-circle .actn.success:hover,
.listing-table thead tr td .table-action.with-circle .actn.success:hover,
.listing-table tbody tr th .table-action.with-circle .actn.success:hover,
.listing-table tbody tr td .table-action.with-circle .actn.success:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.success:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.success:hover,
.table.dataTable th .table-action.with-circle .actn.success:hover,
.table.dataTable td .table-action.with-circle .actn.success:hover {
  background-color: rgba(40, 167, 69, 0.12);
}

.listing-table thead tr th .table-action.with-circle a.rss:hover,
.listing-table thead tr td .table-action.with-circle a.rss:hover,
.listing-table tbody tr th .table-action.with-circle a.rss:hover,
.listing-table tbody tr td .table-action.with-circle a.rss:hover,
.listing-table tfoot tr th .table-action.with-circle a.rss:hover,
.listing-table tfoot tr td .table-action.with-circle a.rss:hover,
.table.dataTable th .table-action.with-circle a.rss:hover,
.table.dataTable td .table-action.with-circle a.rss:hover,
.listing-table thead tr th .table-action.with-circle a.warning:hover,
.listing-table thead tr td .table-action.with-circle a.warning:hover,
.listing-table tbody tr th .table-action.with-circle a.warning:hover,
.listing-table tbody tr td .table-action.with-circle a.warning:hover,
.listing-table tfoot tr th .table-action.with-circle a.warning:hover,
.listing-table tfoot tr td .table-action.with-circle a.warning:hover,
.table.dataTable th .table-action.with-circle a.warning:hover,
.table.dataTable td .table-action.with-circle a.warning:hover,
.listing-table thead tr th .table-action.with-circle .actn.rss:hover,
.listing-table thead tr td .table-action.with-circle .actn.rss:hover,
.listing-table tbody tr th .table-action.with-circle .actn.rss:hover,
.listing-table tbody tr td .table-action.with-circle .actn.rss:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.rss:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.rss:hover,
.table.dataTable th .table-action.with-circle .actn.rss:hover,
.table.dataTable td .table-action.with-circle .actn.rss:hover,
.listing-table thead tr th .table-action.with-circle .actn.warning:hover,
.listing-table thead tr td .table-action.with-circle .actn.warning:hover,
.listing-table tbody tr th .table-action.with-circle .actn.warning:hover,
.listing-table tbody tr td .table-action.with-circle .actn.warning:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.warning:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.warning:hover,
.table.dataTable th .table-action.with-circle .actn.warning:hover,
.table.dataTable td .table-action.with-circle .actn.warning:hover {
  background-color: rgba(255, 130, 28, 0.12);
}

.listing-table {
  border-bottom: 1px solid #dee2e6;
}

.listing-table caption {
  caption-side: initial;
}

.listing-table thead tr,
.listing-table tbody tr,
.listing-table tfoot tr {
  background: transparent !important;
}

.listing-table thead tr th,
.listing-table thead tr td,
.listing-table tbody tr th,
.listing-table tbody tr td,
.listing-table tfoot tr th,
.listing-table tfoot tr td {
  color: #747d93;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  padding: 10px 8px;
  font-weight: 500;
  background: transparent !important;
}

.listing-table thead tr th:first-child,
.listing-table thead tr td:first-child,
.listing-table tbody tr th:first-child,
.listing-table tbody tr td:first-child,
.listing-table tfoot tr th:first-child,
.listing-table tfoot tr td:first-child {
  padding-left: 0;
}

.listing-table thead tr th:last-child,
.listing-table thead tr td:last-child,
.listing-table tbody tr th:last-child,
.listing-table tbody tr td:last-child,
.listing-table tfoot tr th:last-child,
.listing-table tfoot tr td:last-child {
  padding-right: 0;
}

.listing-table thead tr th.photo-td a,
.listing-table thead tr td.photo-td a,
.listing-table tbody tr th.photo-td a,
.listing-table tbody tr td.photo-td a,
.listing-table tfoot tr th.photo-td a,
.listing-table tfoot tr td.photo-td a {
  display: inline-flex;
  align-items: center;
  float: left;
  position: relative;
}

.listing-table thead tr th.photo-td a .status,
.listing-table thead tr td.photo-td a .status,
.listing-table tbody tr th.photo-td a .status,
.listing-table tbody tr td.photo-td a .status,
.listing-table tfoot tr th.photo-td a .status,
.listing-table tfoot tr td.photo-td a .status {
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  width: 15px;
  height: 15px;
  background-color: #bbc5cc;
  border: 2px solid #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.listing-table thead tr th.photo-td a .status.active,
.listing-table thead tr td.photo-td a .status.active,
.listing-table tbody tr th.photo-td a .status.active,
.listing-table tbody tr td.photo-td a .status.active,
.listing-table tfoot tr th.photo-td a .status.active,
.listing-table tfoot tr td.photo-td a .status.active {
  background-color: #0bbd15;
}

@media (max-width : 767px) {
  .listing-table thead tr th.photo-td a .status,
  .listing-table thead tr td.photo-td a .status,
  .listing-table tbody tr th.photo-td a .status,
  .listing-table tbody tr td.photo-td a .status,
  .listing-table tfoot tr th.photo-td a .status,
  .listing-table tfoot tr td.photo-td a .status {
    top: 1px;
    right: 1px;
    width: 16px;
    height: 16px;
  }
}

@media (max-width : 480px) {
  .listing-table thead tr th.photo-td a .status,
  .listing-table thead tr td.photo-td a .status,
  .listing-table tbody tr th.photo-td a .status,
  .listing-table tbody tr td.photo-td a .status,
  .listing-table tfoot tr th.photo-td a .status,
  .listing-table tfoot tr td.photo-td a .status {
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
  }
}

.listing-table thead tr th .tbl-ico,
.listing-table thead tr td .tbl-ico,
.listing-table tbody tr th .tbl-ico,
.listing-table tbody tr td .tbl-ico,
.listing-table tfoot tr th .tbl-ico,
.listing-table tfoot tr td .tbl-ico {
  display: inline-block;
  font-size: 16px;
}

.listing-table thead tr th .custom-checkbox,
.listing-table thead tr th .custom-radio,
.listing-table thead tr td .custom-checkbox,
.listing-table thead tr td .custom-radio,
.listing-table tbody tr th .custom-checkbox,
.listing-table tbody tr th .custom-radio,
.listing-table tbody tr td .custom-checkbox,
.listing-table tbody tr td .custom-radio,
.listing-table tfoot tr th .custom-checkbox,
.listing-table tfoot tr th .custom-radio,
.listing-table tfoot tr td .custom-checkbox,
.listing-table tfoot tr td .custom-radio {
  margin: 0;
  min-height: 16px;
  padding-left: 18px;
}

.listing-table thead tr th .custom-checkbox .custom-control-label,
.listing-table thead tr th .custom-radio .custom-control-label,
.listing-table thead tr td .custom-checkbox .custom-control-label,
.listing-table thead tr td .custom-radio .custom-control-label,
.listing-table tbody tr th .custom-checkbox .custom-control-label,
.listing-table tbody tr th .custom-radio .custom-control-label,
.listing-table tbody tr td .custom-checkbox .custom-control-label,
.listing-table tbody tr td .custom-radio .custom-control-label,
.listing-table tfoot tr th .custom-checkbox .custom-control-label,
.listing-table tfoot tr th .custom-radio .custom-control-label,
.listing-table tfoot tr td .custom-checkbox .custom-control-label,
.listing-table tfoot tr td .custom-radio .custom-control-label {
  padding-top: 0;
}

.listing-table thead tr th .custom-checkbox .custom-control-label:after,
.listing-table thead tr th .custom-checkbox .custom-control-label:before,
.listing-table thead tr th .custom-radio .custom-control-label:after,
.listing-table thead tr th .custom-radio .custom-control-label:before,
.listing-table thead tr td .custom-checkbox .custom-control-label:after,
.listing-table thead tr td .custom-checkbox .custom-control-label:before,
.listing-table thead tr td .custom-radio .custom-control-label:after,
.listing-table thead tr td .custom-radio .custom-control-label:before,
.listing-table tbody tr th .custom-checkbox .custom-control-label:after,
.listing-table tbody tr th .custom-checkbox .custom-control-label:before,
.listing-table tbody tr th .custom-radio .custom-control-label:after,
.listing-table tbody tr th .custom-radio .custom-control-label:before,
.listing-table tbody tr td .custom-checkbox .custom-control-label:after,
.listing-table tbody tr td .custom-checkbox .custom-control-label:before,
.listing-table tbody tr td .custom-radio .custom-control-label:after,
.listing-table tbody tr td .custom-radio .custom-control-label:before,
.listing-table tfoot tr th .custom-checkbox .custom-control-label:after,
.listing-table tfoot tr th .custom-checkbox .custom-control-label:before,
.listing-table tfoot tr th .custom-radio .custom-control-label:after,
.listing-table tfoot tr th .custom-radio .custom-control-label:before,
.listing-table tfoot tr td .custom-checkbox .custom-control-label:after,
.listing-table tfoot tr td .custom-checkbox .custom-control-label:before,
.listing-table tfoot tr td .custom-radio .custom-control-label:after,
.listing-table tfoot tr td .custom-radio .custom-control-label:before {
  top: 0 !important;
  left: -16px !important;
}

.listing-table thead tr th .prop-img,
.listing-table thead tr td .prop-img,
.listing-table tbody tr th .prop-img,
.listing-table tbody tr td .prop-img,
.listing-table tfoot tr th .prop-img,
.listing-table tfoot tr td .prop-img {
  display: block;
  overflow: hidden;
  width: 124px;
}

.listing-table thead tr th .prop-img.sm,
.listing-table thead tr td .prop-img.sm,
.listing-table tbody tr th .prop-img.sm,
.listing-table tbody tr td .prop-img.sm,
.listing-table tfoot tr th .prop-img.sm,
.listing-table tfoot tr td .prop-img.sm {
  width: 98px;
}

.listing-table thead tr th .prop-img .image,
.listing-table thead tr td .prop-img .image,
.listing-table tbody tr th .prop-img .image,
.listing-table tbody tr td .prop-img .image,
.listing-table tfoot tr th .prop-img .image,
.listing-table tfoot tr td .prop-img .image {
  display: block;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
}

.listing-table thead tr th .prop-img .image img,
.listing-table thead tr td .prop-img .image img,
.listing-table tbody tr th .prop-img .image img,
.listing-table tbody tr td .prop-img .image img,
.listing-table tfoot tr th .prop-img .image img,
.listing-table tfoot tr td .prop-img .image img {
  display: block;
  width: 100%;
  height: auto;
}

.listing-table thead tr th .prop-img:hover .image,
.listing-table thead tr td .prop-img:hover .image,
.listing-table tbody tr th .prop-img:hover .image,
.listing-table tbody tr td .prop-img:hover .image,
.listing-table tfoot tr th .prop-img:hover .image,
.listing-table tfoot tr td .prop-img:hover .image {
  transform: scale(1.12);
  -ms-transform: scale(1.12);
  -webkit-transform: scale(1.12);
  -o-transform: scale(1.12);
  -moz-transform: scale(1.12);
}

.listing-table thead tr th .shortIcon,
.listing-table thead tr td .shortIcon,
.listing-table tbody tr th .shortIcon,
.listing-table tbody tr td .shortIcon,
.listing-table tfoot tr th .shortIcon,
.listing-table tfoot tr td .shortIcon {
  display: inline-block;
  padding: 6px;
  cursor: move;
}

.listing-table thead tr th .collapsClick,
.listing-table thead tr td .collapsClick,
.listing-table tbody tr th .collapsClick,
.listing-table tbody tr td .collapsClick,
.listing-table tfoot tr th .collapsClick,
.listing-table tfoot tr td .collapsClick {
  display: block;
  float: left;
  font-size: 12px;
  width: 24px;
  height: 24px;
  background-color: #2961ff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  position: relative;
  cursor: pointer;
}

.listing-table thead tr th .collapsClick i,
.listing-table thead tr td .collapsClick i,
.listing-table tbody tr th .collapsClick i,
.listing-table tbody tr td .collapsClick i,
.listing-table tfoot tr th .collapsClick i,
.listing-table tfoot tr td .collapsClick i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #fff;
}

.listing-table thead tr th .collapsClick.collapsed i:before,
.listing-table thead tr td .collapsClick.collapsed i:before,
.listing-table tbody tr th .collapsClick.collapsed i:before,
.listing-table tbody tr td .collapsClick.collapsed i:before,
.listing-table tfoot tr th .collapsClick.collapsed i:before,
.listing-table tfoot tr td .collapsClick.collapsed i:before {
  content: "\f067";
}

.listing-table thead tr th .collapsClick:hover,
.listing-table thead tr td .collapsClick:hover,
.listing-table tbody tr th .collapsClick:hover,
.listing-table tbody tr td .collapsClick:hover,
.listing-table tfoot tr th .collapsClick:hover,
.listing-table tfoot tr td .collapsClick:hover {
  opacity: 0.9;
}

.listing-table thead tr th .feature-list,
.listing-table thead tr td .feature-list,
.listing-table tbody tr th .feature-list,
.listing-table tbody tr td .feature-list,
.listing-table tfoot tr th .feature-list,
.listing-table tfoot tr td .feature-list {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 0;
  flex-wrap: nowrap;
}

.listing-table thead tr th .feature-list .li,
.listing-table thead tr td .feature-list .li,
.listing-table tbody tr th .feature-list .li,
.listing-table tbody tr td .feature-list .li,
.listing-table tfoot tr th .feature-list .li,
.listing-table tfoot tr td .feature-list .li {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  cursor: default;
  font-size: 20px;
  line-height: 24px;
}

.listing-table thead tr th .feature-list .li:last-child,
.listing-table thead tr td .feature-list .li:last-child,
.listing-table tbody tr th .feature-list .li:last-child,
.listing-table tbody tr td .feature-list .li:last-child,
.listing-table tfoot tr th .feature-list .li:last-child,
.listing-table tfoot tr td .feature-list .li:last-child {
  margin-right: 0;
}

.listing-table thead tr th .feature-list .li img,
.listing-table thead tr td .feature-list .li img,
.listing-table tbody tr th .feature-list .li img,
.listing-table tbody tr td .feature-list .li img,
.listing-table tfoot tr th .feature-list .li img,
.listing-table tfoot tr td .feature-list .li img {
  display: block;
  height: 22px;
  width: auto;
}

.listing-table thead tr th h5,
.listing-table thead tr td h5,
.listing-table tbody tr th h5,
.listing-table tbody tr td h5,
.listing-table tfoot tr th h5,
.listing-table tfoot tr td h5 {
  font-size: 17px !important;
  margin: 0;
}

.listing-table thead tr th,
.listing-table tbody tr th,
.listing-table tfoot tr th {
  border: none !important;
  font-weight: 700;
  position: relative;
}

.listing-table thead tr th .sort-opt,
.listing-table tbody tr th .sort-opt,
.listing-table tfoot tr th .sort-opt {
  color: #747d93;
}

.listing-table thead tr th .sort-opt:hover,
.listing-table tbody tr th .sort-opt:hover,
.listing-table tfoot tr th .sort-opt:hover {
  color: #333;
  text-decoration: none;
}

.listing-table thead tr th .status,
.listing-table tbody tr th .status,
.listing-table tfoot tr th .status {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #a1a9ba;
  color: #a1a9ba;
  font-size: 10px;
  line-height: 24px;
  font-weight: 500;
  transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  -webkit-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
}

.listing-table thead tr th .status.sl,
.listing-table tbody tr th .status.sl,
.listing-table tfoot tr th .status.sl {
  background-color: #00c662;
  border-color: #00c662;
  color: #fff;
}

.listing-table thead tr th .status.sl .fa-question:before,
.listing-table tbody tr th .status.sl .fa-question:before,
.listing-table tfoot tr th .status.sl .fa-question:before {
  content: "\f00c";
}

.listing-table thead tr td a,
.listing-table tbody tr td a,
.listing-table tfoot tr td a {
  color: #747d93;
}

.listing-table thead tr td a:hover,
.listing-table tbody tr td a:hover,
.listing-table tfoot tr td a:hover {
  color: #2961ff;
  text-decoration: underline;
}

.listing-table thead tr td a.remove,
.listing-table tbody tr td a.remove,
.listing-table tfoot tr td a.remove {
  color: #fa6966;
}

.listing-table thead tr td a.remove:hover,
.listing-table tbody tr td a.remove:hover,
.listing-table tfoot tr td a.remove:hover {
  color: #fa6966;
  text-decoration: underline;
}

.listing-table thead tr td .u-circle-image,
.listing-table tbody tr td .u-circle-image,
.listing-table tfoot tr td .u-circle-image {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: 1px solid #ddd;
  background-color: #fff !important;
}

.listing-table thead tr td .doc,
.listing-table tbody tr td .doc,
.listing-table tfoot tr td .doc {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 3px 0 2px 24px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listing-table thead tr td .doc img,
.listing-table tbody tr td .doc img,
.listing-table tfoot tr td .doc img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: auto;
}

.listing-table thead tr.align-middle td,
.listing-table tbody tr.align-middle td,
.listing-table tfoot tr.align-middle td {
  vertical-align: middle;
}

.listing-table thead tr.collapsHead td,
.listing-table tbody tr.collapsHead td,
.listing-table tfoot tr.collapsHead td {
  vertical-align: middle;
}

@media (max-width : 767px) {
  .listing-table thead tr.collapsHead + tr,
  .listing-table tbody tr.collapsHead + tr,
  .listing-table tfoot tr.collapsHead + tr {
    margin-top: 0 !important;
    border-top: 3px solid #2961ff;
  }
}

@media (min-width : 768px) {
  .listing-table thead tr.collapsHead th,
  .listing-table thead tr.collapsHead td,
  .listing-table tbody tr.collapsHead th,
  .listing-table tbody tr.collapsHead td,
  .listing-table tfoot tr.collapsHead th,
  .listing-table tfoot tr.collapsHead td {
    background-color: #fff !important;
  }

  .listing-table thead tr.collapsHead:hover th,
  .listing-table thead tr.collapsHead:hover td,
  .listing-table tbody tr.collapsHead:hover th,
  .listing-table tbody tr.collapsHead:hover td,
  .listing-table tfoot tr.collapsHead:hover th,
  .listing-table tfoot tr.collapsHead:hover td {
    background-color: #ecf0f3 !important;
  }
}

.listing-table thead tr.template-download .name,
.listing-table thead tr.template-upload .name,
.listing-table tbody tr.template-download .name,
.listing-table tbody tr.template-upload .name,
.listing-table tfoot tr.template-download .name,
.listing-table tfoot tr.template-upload .name {
  width: 220px;
  white-space: normal;
  word-break: break-word;
}

.listing-table thead tr.template-download .btn.btn-xs,
.listing-table thead tr.template-upload .btn.btn-xs,
.listing-table tbody tr.template-download .btn.btn-xs,
.listing-table tbody tr.template-upload .btn.btn-xs,
.listing-table tfoot tr.template-download .btn.btn-xs,
.listing-table tfoot tr.template-upload .btn.btn-xs {
  min-width: 1px;
}

@media (max-width : 767px) {
  .listing-table thead tr.template-download,
  .listing-table thead tr.template-upload,
  .listing-table tbody tr.template-download,
  .listing-table tbody tr.template-upload,
  .listing-table tfoot tr.template-download,
  .listing-table tfoot tr.template-upload {
    text-align: center;
  }

  .listing-table thead tr.template-download td a,
  .listing-table thead tr.template-upload td a,
  .listing-table tbody tr.template-download td a,
  .listing-table tbody tr.template-upload td a,
  .listing-table tfoot tr.template-download td a,
  .listing-table tfoot tr.template-upload td a {
    display: inline-block;
  }

  .listing-table thead tr.template-download .name,
  .listing-table thead tr.template-upload .name,
  .listing-table tbody tr.template-download .name,
  .listing-table tbody tr.template-upload .name,
  .listing-table tfoot tr.template-download .name,
  .listing-table tfoot tr.template-upload .name {
    width: 100%;
  }
}

.listing-table.listing-table-xs th,
.listing-table.listing-table-xs td,
.listing-table.listing-table-xs th:first-child,
.listing-table.listing-table-xs td:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
}

.listing-table.listing-table-xs .prop-img {
  width: 64px;
}

.listing-table.listing-table-xs .table-action a {
  font-size: 17px;
  line-height: 19px;
  margin-right: 8px;
}

@media (min-width : 768px) {
  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td {
    min-height: 46px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td:first-child {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    position: relative;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 4px);
    opacity: 0;
    visibility: visible;
    border-left: 3.5px solid #2961ff;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td:last-child {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover {
    box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
    background-color: #fff !important;
    transform: scale(1.0015);
    position: relative;
    z-index: 1;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover.collapsHead th,
  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover.collapsHead td {
    background: transparent !important;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover td:first-child:before {
    opacity: 1;
    visibility: visible;
  }

  .listing-table:not(.info-data-table).listing-table thead tr th:first-child {
    padding-left: 12px;
  }

  .listing-table:not(.info-data-table).listing-table thead tr th:last-child {
    padding-right: 12px;
  }

  .listing-table:not(.info-data-table).listing-table tbody tr td:first-child {
    padding-left: 12px;
  }

  .listing-table:not(.info-data-table).listing-table tbody tr td:last-child {
    padding-right: 12px;
  }
}

.info-data-table {
  border: none;
  width: auto;
  margin: 0 auto;
}

.info-data-table tbody tr th,
.info-data-table tbody tr td {
  border: none;
  padding: 5px 8px;
  white-space: inherit !important;
  vertical-align: top;
}

.info-data-table tbody tr th:first-child,
.info-data-table tbody tr td:first-child {
  font-weight: 700;
  color: #5e6475;
  width: 100px;
  text-align: right;
}

.info-data-table.text-left tbody tr td {
  text-align: left;
}

.custom-pagination {
  display: block;
  text-align: right;
  margin: 10px 0 0 0;
}

.custom-pagination ul {
  display: inline-block;
  vertical-align: top;
  font-size: 0px;
  margin: 0;
  padding: 0;
}

.custom-pagination ul li {
  display: inline-block;
  vertical-align: top;
}

.custom-pagination ul li:first-child a {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
}

.custom-pagination ul li:last-child a {
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
}

.custom-pagination ul li.disabled a,
.custom-pagination ul li.disabled a:hover {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.custom-pagination ul li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  font-size: 14px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.custom-pagination ul li a:hover {
  background-color: #e9ecef;
}

.custom-pagination ul li.active a {
  color: #fff;
  background-color: #2961ff;
}

.listing_view,
.mainSection .wh-box .wh-body.listing_view {
  display: none;
}

.propertyGridView {
  display: block;
}

.propertyGridView .owl-item {
  padding: 7px;
}

.propertyGridView .rw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -11px;
  font-size: 0px;
}

@media (max-width : 899px) {
  .propertyGridView .rw {
    margin: 0 -8px;
  }
}

.propertyGridView .rw .colm {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 14px;
  padding: 11px;
}

.propertyGridView .rw .colm.full {
  width: 100% !important;
}

@media (max-width : 1400px) {
  .propertyGridView .rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 899px) {
  .propertyGridView .rw .colm {
    width: 50%;
    padding: 8px;
  }
}

@media (max-width : 575px) {
  .propertyGridView .rw .colm {
    width: 100%;
  }
}

.propertyGridView .rw.two-colm .colm {
  width: 50%;
}

@media (max-width : 575px) {
  .propertyGridView .rw.two-colm .colm {
    width: 100%;
  }
}

.propertyGridView.colm-4 .rw .colm {
  width: 25%;
}

@media (max-width : 1199px) {
  .propertyGridView.colm-4 .rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 899px) {
  .propertyGridView.colm-4 .rw .colm {
    width: 50%;
    padding: 8px;
  }
}

@media (max-width : 575px) {
  .propertyGridView.colm-4 .rw .colm {
    width: 100%;
  }
}

.grid-property-box {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100%;
  position: relative;
  background-color: #e8eef3;
}

.grid-property-box:hover {
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
}

.grid-property-box:hover .prop-img .image {
  transform: scale(1.12);
  -ms-transform: scale(1.12);
  -webkit-transform: scale(1.12);
  -o-transform: scale(1.12);
  -moz-transform: scale(1.12);
}

.grid-property-box .grid-prop-image-c {
  display: block;
  position: relative;
}

.grid-property-box .prop-img {
  display: block;
  overflow: hidden;
}

.grid-property-box .prop-img .image {
  display: block;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  position: relative;
}

.grid-property-box .prop-img .image img {
  display: block;
  width: 100%;
  height: auto;
}

.grid-property-box .prop-img .image img.img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.grid-property-box .prop-img .image img.file-img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: 72px;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.grid-property-box .fav {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  cursor: pointer;
  color: #949494;
  background-color: #fff;
  position: absolute;
  top: 12px;
  right: 14px;
  width: 30px;
  height: 30px;
  font-size: 16px;
}

@media (max-width : 599px) {
  .grid-property-box .fav {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }
}

.grid-property-box .fav i {
  display: block;
  font-weight: 600;
}

.grid-property-box .fav.sl {
  background-color: #fc4b6c;
  color: #fff;
}

.grid-property-box .prop-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  top: 12px;
  right: 14px;
}

.grid-property-box .prop-actions .action-ico,
.grid-property-box .prop-actions .fav {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  cursor: pointer;
  color: #949494;
  background-color: #fff;
  position: relative;
  top: auto;
  right: auto;
  width: 30px;
  height: 30px;
  font-size: 16px;
}

@media (max-width : 599px) {
  .grid-property-box .prop-actions .action-ico,
  .grid-property-box .prop-actions .fav {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }
}

.grid-property-box .prop-actions .action-ico.sl,
.grid-property-box .prop-actions .fav.sl {
  background-color: #fc4b6c;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.success.sl,
.grid-property-box .prop-actions .fav.success.sl {
  background-color: #28a745;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.success.sl i,
.grid-property-box .prop-actions .fav.success.sl i {
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico.warning.sl,
.grid-property-box .prop-actions .fav.warning.sl {
  background-color: #ff821c;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.warning.sl i,
.grid-property-box .prop-actions .fav.warning.sl i {
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico.danger.sl,
.grid-property-box .prop-actions .fav.danger.sl {
  background-color: #fa6767;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.danger.sl i,
.grid-property-box .prop-actions .fav.danger.sl i {
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico.info.sl,
.grid-property-box .prop-actions .fav.info.sl {
  background-color: #634fdc;
  color: #fff;
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico i,
.grid-property-box .prop-actions .fav i {
  display: block;
}

.grid-property-box .prop-actions .action-ico:not(:last-child),
.grid-property-box .prop-actions .fav:not(:last-child) {
  margin-right: 4px;
}

.grid-property-box .prop-type,
.grid-property-box .grid-check {
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
  background-color: #596a84;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 7px 10px;
  text-align: center;
  min-width: 94px;
  min-height: 30px;
}

.grid-property-box .prop-type ~ .prop-type,
.grid-property-box .grid-check ~ .prop-type {
  left: auto;
  top: auto;
  bottom: 12px;
  right: 14px;
  min-height: 28px;
  padding-top: 6px;
  padding-top: 6px;
}

.grid-property-box .prop-type.grid-check,
.grid-property-box .grid-check.grid-check {
  padding: 4px 8px 0 28px;
  width: auto;
  min-width: 1px;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  min-height: 24px;
  background-color: rgba(31, 31, 31, 0.5);
}

.grid-property-box .prop-type.grid-check:hover,
.grid-property-box .grid-check.grid-check:hover {
  background-color: rgba(31, 31, 31, 0.8);
}

.grid-property-box .prop-type.grid-check input,
.grid-property-box .grid-check.grid-check input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.grid-property-box .prop-type.grid-check .ico,
.grid-property-box .grid-check.grid-check .ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  color: #fff;
  font-size: 16px;
}

.grid-property-box .prop-type.grid-check input:checked + .ico i:before,
.grid-property-box .grid-check.grid-check input:checked + .ico i:before {
  content: "\f14a";
}

.grid-property-box .prop-tag {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 6px;
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  background-color: #2961ff;
  padding: 5px 6px 3px 6px;
  max-width: calc(100% - 12px);
}

.grid-property-box .descBox {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  flex: 1;
  border: 1px solid #dee2e6;
  background-color: #fff;
  border-top: none;
}

.grid-property-box .descBox .headInfo {
  display: block;
}

@media (max-width : 480px) {
  .grid-property-box .descBox .headInfo {
    min-height: 1px !important;
  }
}

.grid-property-box .descBox .head {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  flex: 1;
  padding: 15px;
}

.grid-property-box .descBox .head h3,
.grid-property-box .descBox .head h4 {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 19px;
  font-weight: 700;
  margin: 6px 0 0 0;
}

.grid-property-box .descBox .head h3:first-child,
.grid-property-box .descBox .head h4:first-child {
  margin: 0;
}

.grid-property-box .descBox .head h3 a,
.grid-property-box .descBox .head h4 a {
  color: #414755;
}

.grid-property-box .descBox .head h3 a:hover,
.grid-property-box .descBox .head h4 a:hover {
  color: #2961ff;
  text-decoration: none;
}

.grid-property-box .descBox .head h4 {
  font-size: 13px;
  line-height: 17px;
}

.grid-property-box .descBox .head p {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
  padding: 0;
}

.grid-property-box .descBox .head ul,
.grid-property-box .descBox .head ol {
  padding: 0 0 0 16px;
}

.grid-property-box .descBox .head ul li,
.grid-property-box .descBox .head ol li {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
  padding: 0;
}

.grid-property-box .descBox .foot {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  padding: 10px 15px;
  border-top: 1px solid #dee2e6;
}

.grid-property-box .descBox .foot .prc {
  display: block;
  float: left;
  color: #3f3f3f;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  align-self: center;
}

.grid-property-box .descBox .foot .prc:not(:last-child) {
  padding-right: 12px;
}

.grid-property-box .descBox .foot .sqm {
  display: block;
  float: left;
  color: #878d9e;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 3px 0 0 0;
  padding: 0;
}

.grid-property-box .descBox .foot .list-no {
  display: flex;
  float: left;
  color: #2961ff;
  font-size: 13.5px;
  line-height: 16px;
  font-weight: 600;
  margin: 2px 0;
}

.grid-property-box .descBox .foot .list-no:hover {
  text-decoration: underline;
}

.grid-property-box .descBox .foot .list-no:not(.ico):not(:last-child) {
  margin-right: 6px;
}

.grid-property-box .descBox .foot .list-no.ico {
  width: 26px;
  height: 26px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.grid-property-box .descBox .foot .list-no.ico:hover {
  text-decoration: none;
  background-color: rgba(41, 97, 255, 0.12);
}

.grid-property-box .descBox .foot .list-no.red,
.grid-property-box .descBox .foot .list-no.danger {
  color: #fa6767;
}

.grid-property-box .descBox .foot .list-no.red:hover,
.grid-property-box .descBox .foot .list-no.danger:hover {
  background-color: rgba(250, 103, 103, 0.12);
}

.grid-property-box .descBox .foot .list-no.green,
.grid-property-box .descBox .foot .list-no.success {
  color: #0dc136;
}

.grid-property-box .descBox .foot .list-no.green:hover,
.grid-property-box .descBox .foot .list-no.success:hover {
  background-color: rgba(30, 126, 52, 0.12);
}

.grid-property-box .descBox .foot .list-no.info {
  color: #7460ee;
}

.grid-property-box .descBox .foot .list-no.info:hover {
  background-color: rgba(116, 96, 238, 0.12);
}

.grid-property-box .descBox .foot .foot-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.grid-property-box .descBox .foot .foot-left,
.grid-property-box .descBox .foot .foot-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  float: right;
  margin-left: auto;
}

.grid-property-box .descBox .foot .foot-left.foot-left,
.grid-property-box .descBox .foot .foot-right.foot-left {
  margin-left: 0;
}

.grid-property-box .descBox .foot .foot-left.foot-left:not(:last-child),
.grid-property-box .descBox .foot .foot-right.foot-left:not(:last-child) {
  padding-right: 12px;
}

.grid-property-box .descBox .foot.new-foot {
  border-top: inherit;
  padding-bottom: 10px;
}

.grid-property-box .descBox .foot.new-foot .feature-list {
  padding: 10px 16px 0 16px;
  border-top: 1px solid #dee2e6;
  margin: 12px -16px 0 -16px;
}

@media (max-width : 899px) {
  .grid-property-box .descBox .foot.new-foot .feature-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width : 599px) {
  .grid-property-box .descBox .head,
  .grid-property-box .descBox .foot {
    padding: 10px;
  }

  .grid-property-box .descBox .head .prc,
  .grid-property-box .descBox .foot .prc {
    font-size: 15px;
  }
}

.feature-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: auto -4px 0 -4px;
  padding-top: 14px;
  font-size: 0;
  position: relative;
}

.feature-list .li {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0;
  padding: 2px 4px;
  font-size: 19px;
  line-height: 23px;
}

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

.feature-list .li a {
  display: inline-block;
}

.feature-list .li.chat-ico,
.feature-list .li.edt-ico,
.feature-list .li.del-ico,
.feature-list .li.info-ico {
  width: 26px;
  height: 26px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 13.5px;
}

.feature-list .li.chat-ico:hover,
.feature-list .li.edt-ico:hover,
.feature-list .li.del-ico:hover,
.feature-list .li.info-ico:hover {
  text-decoration: none;
  background-color: rgba(41, 97, 255, 0.12);
}

.feature-list .li.del-ico {
  color: #fa6767;
}

.feature-list .li.del-ico:hover {
  background-color: rgba(250, 103, 103, 0.12);
}

.feature-list .li.edt-ico {
  color: #0dc136;
}

.feature-list .li.edt-ico:hover {
  background-color: rgba(30, 126, 52, 0.12);
}

.feature-list .li.info-ico {
  color: #7460ee;
}

.feature-list .li.info-ico:hover {
  background-color: rgba(116, 96, 238, 0.12);
}

.feature-list .li.fetured,
.feature-list .li.published {
  cursor: pointer !important;
}

.feature-list .li.fetured.sl,
.feature-list .li.published.sl {
  color: #28a745;
}

.feature-list .li.fetured.sl i,
.feature-list .li.published.sl i {
  font-weight: 600;
}

.feature-list .li.fetured.published.sl,
.feature-list .li.published.published.sl {
  color: #634fdc;
}

.feature-list .li img {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: auto;
  margin: 0 3px 0 0;
}

.feature-list .li .fa {
  font-size: 14px;
}

.feature-list .li > span {
  display: inline-block;
  vertical-align: middle;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
}

@media (max-width : 599px) {
  .feature-list .li img {
    height: 20px;
  }

  .feature-list .li > span {
    margin-left: 4px;
  }
}

.feature-list .li.tooltip-li:before {
  content: "";
  display: block;
  border-top: 11px solid #444444;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: 22px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}

.feature-list .li.tooltip-li .c-tooltip {
  bottom: 30px;
}

.feature-list .li.tooltip-li:hover .c-tooltip,
.feature-list .li.tooltip-li:hover:before {
  visibility: visible;
  opacity: 1;
}

.mapView-property {
  display: block;
  margin-top: 16px;
}

@media (min-width : 768px) {
  .mapView-property {
    margin-top: 0;
    max-height: 670px;
    overflow: auto;
  }

  .mapView-property .propertyGridView .rw {
    margin-left: 0;
    margin-right: 0;
  }

  .mapView-property .propertyGridView .rw .colm {
    width: 100%;
    padding-left: 0;
    margin-right: 0;
  }

  .mapView-property .propertyGridView .rw .colm:first-child {
    padding-top: 0;
  }

  .mapView-property .propertyGridView .rw .colm:last-child {
    padding-bottom: 0;
  }
}

.property-map {
  display: block;
  height: 340px;
}

@media (min-width : 768px) {
  .property-map {
    height: 100%;
  }
}

@media (max-width : 599px) {
  .property-map {
    height: 220px;
  }
}

.p-map-img {
  display: block;
  height: 340px;
}

@media (min-width : 768px) {
  .p-map-img {
    height: 670px;
  }
}

@media (max-width : 599px) {
  .p-map-img {
    height: 220px;
  }
}

.alert {
  padding: 0.5rem 1rem;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  font-size: 13px;
}

.alert p {
  margin: 0 0 6px 0;
}

.alert p:last-child {
  margin: 0;
}

.alert strong i {
  font-size: 14px;
  margin: 0 3px 0 0;
  position: relative;
}

.alert.alert-dismissible {
  padding-right: 2rem;
}

.alert.alert-dismissible .close {
  padding: 0.5rem;
  font-size: 1.2rem;
  opacity: 1;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none;
}

.alert.alert-danger {
  background-color: #f8d8d9;
  color: #d90126;
}

.prop-details-view {
  display: block;
  padding-bottom: 15px;
  border-bottom: 3px solid #edf3f7;
}

.prop-details-view .largeWithThumb {
  display: block;
}

.prop-details-view .largeWithThumb .thumb-view {
  display: block;
  float: left;
  width: 40%;
  height: 220px;
  min-height: 25vh;
  position: relative;
  border-left: 2px solid #fff;
  cursor: pointer;
}

@media (max-width : 1023px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 180px;
  }
}

@media (max-width : 767px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 140px;
    min-height: 1px;
  }
}

@media (max-width : 599px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 115px;
  }
}

@media (max-width : 480px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 90px;
  }
}

.prop-details-view .largeWithThumb .thumb-view:first-child {
  width: 60%;
  border: none;
}

.prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(3) {
  border-bottom: 1px solid #fff;
}

.prop-details-view .largeWithThumb .thumb-view:nth-child(3) {
  border-top: 1px solid #fff;
}

.prop-details-view .largeWithThumb .thumb-view:first-child,
.prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
  height: 440px;
  min-height: 50vh;
}

@media (max-width : 1023px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 360px;
  }
}

@media (max-width : 767px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 280px;
    min-height: 1px;
  }
}

@media (max-width : 599px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 230px;
  }
}

@media (max-width : 480px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 180px;
  }
}

.prop-details-view .largeWithThumb .thumb-view:first-child:nth-last-child(2) {
  width: 100%;
}

.prop-details-view .largeWithThumb .thumb-view img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.prop-details-view .largeWithThumb .thumb-view .total {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.prop-details-view .largeWithThumb .thumb-view .total span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
  padding: 16px 20px;
}

@media (max-width : 1023px) {
  .prop-details-view .largeWithThumb .thumb-view .total span {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width : 767px) {
  .prop-details-view .largeWithThumb .thumb-view .total span {
    font-size: 22px;
    line-height: 26px;
  }
}

.prop-details-view .details-large-view {
  display: block;
  position: relative;
}

.prop-details-view .details-large-view .viewArea {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.prop-details-view .details-large-view .viewArea .image {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-position: top center !important;
  background-color: #f2f2f2;
  align-items: center;
  justify-content: center;
}

.prop-details-view .details-large-view .viewArea .image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.prop-details-view .details-large-view .viewArea iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.prop-details-view .details-large-view .blank-image {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width : 768px) {
  .prop-details-view .details-large-view .blank-image {
    height: 400px;
  }
}

.prop-details-view .details-thumbs-view {
  display: block;
  margin: 15px 0 0 0;
  padding: 0 31px;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-prev,
.prop-details-view .details-thumbs-view .owl-nav .owl-next {
  display: block;
  position: absolute;
  top: 50%;
  left: -31px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 2;
  width: 26px;
  height: 100%;
  background: url(/images/prev-arrow.png?83413a6dbe1ecc2188b6e5566611a0ca) no-repeat center;
  background-size: 12px auto;
  background-color: #3d4046;
  color: #fff;
  font-size: 0px;
  border: none !important;
  outline: none !important;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-prev.disabled,
.prop-details-view .details-thumbs-view .owl-nav .owl-next.disabled {
  opacity: 0.6;
  cursor: default;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-prev:hover:not(.disabled),
.prop-details-view .details-thumbs-view .owl-nav .owl-next:hover:not(.disabled) {
  background-color: #282829;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-next {
  background: url(/images/next-arrow.png?c950d62b00f86e584ae6cea5332419e6) no-repeat center;
  background-size: 12px auto;
  background-color: #3d4046;
  left: auto;
  right: -31px;
}

.prop-details-view .details-thumbs-view .prop-thumb-box {
  display: block;
  width: 100%;
  height: auto;
  background-position: top center !important;
  cursor: pointer;
  position: relative;
}

.prop-details-view .details-thumbs-view .prop-thumb-box > .play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background-color: rgb(41, 97, 255);
  width: 32px;
  height: 32px;
}

.prop-details-view .details-thumbs-view .prop-thumb-box > .play i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 0 1px;
}

.prop-details-view .details-thumbs-view .prop-thumb-box:before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 2px solid #2962ff;
}

.prop-details-view .details-thumbs-view .prop-thumb-box:hover:before {
  display: block;
}

.prop-details-view .details-thumbs-view .prop-thumb-box.sl {
  cursor: default;
}

.prop-details-view .details-thumbs-view .prop-thumb-box.sl:before {
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
}

.prop-details-features {
  display: block;
  padding: 20px 0;
  border-bottom: 3px solid #edf3f7;
}

.prop-details-features .rw {
  display: block;
  margin: 0 -10px;
  font-size: 0px;
}

.prop-details-features .rw .colm {
  display: inline-block;
  vertical-align: top;
  width: 14.28%;
  padding: 10px;
  font-size: 14px;
}

@media (max-width : 1023px) {
  .prop-details-features .rw .colm {
    width: 16.666666%;
  }
}

@media (max-width : 767px) {
  .prop-details-features .rw .colm {
    width: 20%;
  }
}

@media (max-width : 599px) {
  .prop-details-features .rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 480px) {
  .prop-details-features .rw .colm {
    width: 50%;
  }
}

.prop-details-features h4,
.prop-details-features h5 {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.prop-details-features h4:not(:first-child),
.prop-details-features h5:not(:first-child) {
  padding: 14px 0 0 0;
}

.prop-details-features h4:not(:last-child),
.prop-details-features h5:not(:last-child) {
  margin: 0 0 16px 0;
}

@media (max-width : 767px) {
  .prop-details-features h4,
  .prop-details-features h5 {
    font-size: 18px;
  }
}

.prop-details-features h4 span,
.prop-details-features h5 span {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
}

.prop-details-features h4 span:last-child,
.prop-details-features h5 span:last-child {
  margin-right: 0;
}

.prop-details-features h4 span .form-group,
.prop-details-features h5 span .form-group {
  margin: 0;
}

.prop-details-features h4 span .form-control.cur,
.prop-details-features h5 span .form-control.cur {
  width: 156px;
}

@media (max-width : 599px) {
  .prop-details-features h4 .tl,
  .prop-details-features h5 .tl {
    display: block;
    margin: 0 0 16px 0;
  }
}

.prop-details-features .fe-box {
  display: block;
  text-align: center;
  padding: 26px 0 0 0;
}

.prop-details-features .fe-box img {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: auto;
}

.prop-details-features .fe-box .t,
.prop-details-features .fe-box .n {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  margin: 7px 0 0 0;
}

.prop-details-features .fe-box .n {
  color: #2961ff;
  margin: 5px 0 0 0;
}

.prop-feature-view {
  display: block;
  margin: 16px 0 0 0;
}

.prop-feature-view .sel-rent-view {
  display: block;
}

.tl-with-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tl-with-btn:not(:last-child) {
  margin-bottom: 16px;
}

.tl-with-btn .float-right {
  margin-left: auto;
}

.tl-with-btn > h1,
.tl-with-btn > h2,
.tl-with-btn > h3,
.tl-with-btn > h4,
.tl-with-btn > h5,
.tl-with-btn > h6 {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

.tl-with-btn .btns {
  display: block;
  padding: 5px 0 0 184px;
  font-size: 0;
  margin: 0 -4px;
}

@media (max-width : 1199px) {
  .tl-with-btn .btns {
    clear: both;
    padding-left: 0;
  }
}

.tl-with-btn .btns .li {
  display: inline-block;
  vertical-align: top;
  padding: 4px;
}

.tl-with-btn .btns .li .btn {
  display: block;
}

.tl-with-btn .btns .li .btn .btn-light {
  color: #778092;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #edeff2;
}

.tl-with-btn .btns .li .btn .btn-light:hover,
.tl-with-btn .btns .li .btn .btn-light.sl {
  background-color: #755fee !important;
  color: #fff !important;
}

@media (max-width : 1023px) {
  .tl-with-btn .btns .li {
    width: auto;
  }
}

.sorting-field {
  display: inline-block;
}

.sorting-field .t {
  display: inline-block;
  vertical-align: middle;
  color: #686868;
  font-size: 11px;
  line-height: 13px;
  margin: 0 8px 0 0;
}

.sorting-field .form-control {
  display: inline-block;
  vertical-align: middle;
  height: 26px !important;
  width: 72px;
  font-size: 12px;
  margin: 0;
  padding: 2px 18px 2px 10px;
}

.sorting-cont {
  display: block;
  text-align: right;
}

.tab-with-sorting {
  display: block;
  position: relative;
  padding: 0 160px 0 0;
}

.tab-with-sorting.with-search {
  padding-right: 480px;
}

.tab-with-sorting:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #edf3f7;
  z-index: 1;
}

.tab-with-sorting .sorting-field {
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
}

.tab-with-sorting .navtabContainer:after {
  display: none;
}

.tab-with-sorting .right-s {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width : 1023px) {
  .tab-with-sorting {
    padding-right: 0;
  }

  .tab-with-sorting .sorting-field {
    position: static;
    float: right;
    margin: 10px 0;
  }
}

.prop-feature-location {
  display: block;
  position: relative;
}

.prop-feature-location .prop-feature-locationCont {
  position: relative;
  border: 1px solid #dee2e6;
}

.prop-feature-location .prop-feature-locationCont .l-side {
  display: block;
  position: relative;
  padding: 0 30% 0 0;
  min-height: 390px;
}

@media (max-width : 1023px) {
  .prop-feature-location .prop-feature-locationCont .l-side {
    padding-right: 0;
  }

  .prop-feature-location .prop-feature-locationCont .l-side .map {
    border-right: none;
    border-bottom: 1px solid #dee2e6;
  }
}

.prop-feature-location .prop-feature-locationCont .l-side .map {
  display: block;
  border-right: 1px solid #dee2e6;
  position: relative;
}

.prop-feature-location .prop-feature-locationCont .l-side .map .map-pic {
  display: block;
  background-position: bottom center !important;
  width: 100%;
  height: 390px;
}

@media (min-width : 1024px) {
  .prop-feature-location .prop-feature-locationCont .l-side .map .map-pic {
    height: 450px;
  }
}

.prop-feature-location .prop-feature-locationCont .l-side .map .mp-btns {
  display: block;
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 10px;
}

@media (max-width : 599px) {
  .prop-feature-location .prop-feature-locationCont .l-side .map .mp-btns {
    bottom: 10px;
  }
}

.prop-feature-location .prop-feature-locationCont .l-side .map .mp-btns .btn {
  min-width: 160px;
  margin: 2px;
}

.prop-feature-location .prop-feature-locationCont .r-side {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
}

@media (max-width : 1023px) {
  .prop-feature-location .prop-feature-locationCont .r-side {
    position: static;
    width: 100%;
  }
}

.prop-feature-location .prop-feature-locationCont .r-side .headr {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #dee2e6;
}

.prop-feature-location .prop-feature-locationCont .r-side .headr .form-control {
  display: block;
  width: 100%;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list {
  display: block;
  max-height: 326px;
  overflow: auto;
  padding: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul {
  display: block;
  padding: 0;
  margin: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li {
  display: block;
  padding: 0;
  margin: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box {
  display: block;
  padding: 12px 12px 12px 68px;
  position: relative;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}

@media (max-width : 599px) {
  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box {
    padding: 8px 8px 8px 62px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .icon {
    width: 40px;
    height: 40px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .icon img {
    width: 20px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .det-box h5 {
    font-size: 16px;
    line-height: 18px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .det-box span {
    font-size: 13px;
    line-height: 15px;
    margin: 3px 0 0 0;
  }
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .icon {
  display: block;
  width: 46px;
  height: 46px;
  background-color: #c39acd;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 24px;
  height: auto;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .det-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 44px;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .det-box h5 {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .det-box span {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 4px 0 0 0;
  padding: 0;
}

@media (min-width : 1024px) {
  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list {
    max-height: 388px;
  }
}

.prop-feature-Description {
  display: block;
  margin: 16px 0 0 0;
}

.prop-feature-Description .desc-box {
  display: block;
  max-height: 280px;
  overflow: hidden;
  position: relative;
}

.prop-feature-Description .desc-box .desc-box-data {
  display: block;
}

.prop-feature-Description .desc-box.show-all {
  max-height: inherit;
}

.prop-feature-Description .desc-box.show-all:after {
  display: none;
}

.prop-feature-Description .desc-box.show-all + .desc-moreLess .more-click i:before {
  content: "\f0d8";
}

.prop-feature-Description .desc-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), white);
}

.prop-feature-Description .desc-box.no-shadow {
  max-height: inherit;
}

.prop-feature-Description .desc-box.no-shadow:after {
  display: none;
}

.prop-feature-Description .desc-box h5 {
  margin: 0 0 16px 0;
}

.prop-feature-Description .desc-box h5:first-child {
  margin-top: 0;
}

.prop-feature-Description .desc-box p {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  margin: 12px 0 0 0;
}

.prop-feature-Description .desc-box p:first-child {
  margin: 0;
}

.prop-feature-Description .desc-box p a {
  color: #2961ff;
}

.prop-feature-Description .desc-box p a:hover {
  text-decoration: underline;
}

.prop-feature-Description .desc-box strong {
  font-weight: bold !important;
}

.prop-feature-Description .desc-box ul:not(.select2-selection__rendered):not(.nav),
.prop-feature-Description .desc-box ol:not(.select2-selection__rendered):not(.nav) {
  padding: 0 0 0 16px;
  list-style-position: inside;
}

.prop-feature-Description .desc-box ul:not(.select2-selection__rendered):not(.nav) li,
.prop-feature-Description .desc-box ol:not(.select2-selection__rendered):not(.nav) li {
  color: #414755;
  font-weight: 600;
  margin: 6px 0 0 0;
}

.prop-feature-Description .desc-moreLess {
  display: block;
  margin: 20px 0 0 0;
  text-align: left;
}

.prop-feature-Description .desc-moreLess .more-click {
  display: inline-block;
  color: #2961ff;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
}

.prop-feature-Description .desc-moreLess .more-click i {
  margin-right: 4px;
  font-size: 15px;
  position: relative;
  top: 1px;
}

.prop-feature-Description .desc-moreLess .more-click:hover {
  text-decoration: underline;
}

.basic-info {
  display: block;
  background-color: #f6f9fb;
  padding: 22px 30px;
  margin: 16px 0 0 0;
}

.basic-info:first-child {
  margin: 0;
}

.basic-info.h-100 {
  min-height: 100% !important;
  height: auto !important;
}

.basic-info.h-50 {
  min-height: calc(50% - 8px) !important;
  height: auto !important;
}

.basic-info .opportunitiesMap {
  height: 100%;
  width: 100%;
  border: 2px solid #ff0000;
  display: block;
  position: relative;
  overflow: hidden;
}

.basic-info .opportunitySmallMap {
  display: block;
  max-height: 134px;
  overflow: hidden;
  position: relative;
}

.basic-info .opportunitySmallMap img {
  display: block;
  width: 100%;
  height: auto;
}

.basic-info .opportunitySmallMap .btn {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

@media (max-width : 899px) {
  .basic-info {
    padding: 16px 14px;
  }
}

.basic-info.basic-info-new {
  display: flex;
  flex-flow: column;
  background: transparent;
  padding: 0px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.basic-info.basic-info-new .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  padding: 8px 16px;
  border-bottom: 1px solid #d8d8d8;
  min-height: 43px;
}

.basic-info.basic-info-new .head h2,
.basic-info.basic-info-new .head h3,
.basic-info.basic-info-new .head h4,
.basic-info.basic-info-new .head h5,
.basic-info.basic-info-new .head h6 {
  padding: 0;
  margin: 0;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
}

.basic-info.basic-info-new .head h2:not(:last-child),
.basic-info.basic-info-new .head h3:not(:last-child),
.basic-info.basic-info-new .head h4:not(:last-child),
.basic-info.basic-info-new .head h5:not(:last-child),
.basic-info.basic-info-new .head h6:not(:last-child) {
  padding-right: 10px !important;
}

.basic-info.basic-info-new .head a:hover {
  color: #2961ff;
}

.basic-info.basic-info-new.bg-white {
  background-color: #fff;
}

.basic-info.basic-info-new .body {
  display: flex;
  flex-flow: column;
  padding: 16px;
  min-height: 100%;
  flex: 1;
}

.basicinfo-table {
  display: block;
}

.basicinfo-table:not(:first-child) {
  margin: 16px 0 0 0;
}

.basicinfo-table table {
  width: 100%;
}

.basicinfo-table table tr {
  background: transparent !important;
}

.basicinfo-table table tr td {
  color: #212121;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 6px 0 6px 8px;
  border: none !important;
  background: transparent !important;
  min-height: 20px;
  white-space: normal !important;
}

.basicinfo-table table tr td:first-child {
  padding-left: 0;
  padding-right: 8px;
  color: #9098ac;
  font-weight: 500;
  width: 260px;
}

.basicinfo-table table tr td a:not(.badge) {
  color: #2961ff;
}

.basicinfo-table table tr td a:not(.badge):hover {
  text-decoration: underline;
}

.basicinfo-table table tr td a:not(.badge).emailrmv {
  color: #fa6767;
  display: inline;
  margin: 0 0 0 2px;
  position: relative;
  top: 1px;
}

.basicinfo-table table tr td a:not(.badge).emailrmv:hover {
  color: #f74444;
  text-decoration: none;
}

.basicinfo-table table.sm tr td:first-child {
  width: 120px;
}

@media (min-width : 768px) {
  .basicinfo-table.colm-view .table {
    display: block;
  }

  .basicinfo-table.colm-view .table tbody {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }

  .basicinfo-table.colm-view .table tr {
    display: flex;
    flex-wrap: wrap;
    float: left;
    padding: 0 10px;
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media (min-width : 768px) and (min-width : 1920px) {
  .basicinfo-table.colm-view .table tr {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
}

@media (min-width : 768px) {
  .basicinfo-table.colm-view .table tr td {
    display: block;
    float: left;
  }

  .basicinfo-table.colm-view .table tr td:first-child {
    width: 160px;
  }

  .basicinfo-table.colm-view .table tr td:last-child {
    flex: 1;
  }
}

@media (max-width : 480px) {
  .basicinfo-table.xs-full table {
    display: block;
  }

  .basicinfo-table.xs-full table tr {
    display: block;
  }

  .basicinfo-table.xs-full table tr td {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .basicinfo-table.xs-full table tr td:first-child {
    padding-bottom: 0;
  }
}

.basicinfo-table.list-view .table {
  display: flex;
  flex-flow: column;
}

.basicinfo-table.list-view .table tbody {
  display: flex;
  flex-wrap: wrap;
}

.basicinfo-table.list-view .table tr {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  position: relative;
  padding: 0 10px 6px 44px;
  width: 100%;
}

.basicinfo-table.list-view .table tr:last-child {
  padding-bottom: 0;
}

.basicinfo-table.list-view .table tr.half {
  width: 50%;
  float: left;
}

@media (max-width : 480px) {
  .basicinfo-table.list-view .table tr.half {
    width: 100%;
  }

  .basicinfo-table.list-view .table tr.half td {
    padding-right: 0;
  }
}

.basicinfo-table.list-view .table tr.three-col {
  width: 33.333333%;
  float: left;
}

@media (max-width : 767px) {
  .basicinfo-table.list-view .table tr.three-col {
    width: 50%;
  }
}

@media (max-width : 480px) {
  .basicinfo-table.list-view .table tr.three-col {
    width: 100%;
  }

  .basicinfo-table.list-view .table tr.three-col td {
    padding-right: 0;
  }
}

.basicinfo-table.list-view .table tr td {
  display: block;
  width: 100%;
  padding: 2px 0;
  font-size: 13.5px;
  white-space: normal;
  word-break: break-word;
}

.basicinfo-table.list-view .table tr td:first-child {
  width: 100%;
  padding-bottom: 0;
}

.basicinfo-table.list-view .table tr td:last-child {
  font-weight: 700;
}

.basicinfo-table.list-view .table tr td .material-icons,
.basicinfo-table.list-view .table tr td .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  position: absolute;
  top: 2px;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #f1f1f1;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  color: #858585;
}

.basicinfo-table.list-view .table tr td .icon {
  font-size: 12px;
}

.basic-info-no-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  flex: 1;
}

.basic-info-no-data .msg-box {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.basic-info-no-data .msg-box img {
  display: block;
  max-height: 56px;
  margin: 0 0 8px 0;
  opacity: 0.4;
}

.basic-info-no-data .msg-box .txt {
  display: block;
  color: #bfbfbf;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}

.desc-language {
  display: block;
  text-align: right;
}

.prop-feature-financial {
  display: block;
  margin: 16px 0 0 0;
  padding: 0 0 28px 0;
  border-bottom: 3px solid #edf3f7;
}

.prop-feature-financial .financialInfo-rw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  font-size: 0px;
}

.prop-feature-financial .financialInfo-rw .colm {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  vertical-align: top;
  width: 20%;
  padding: 10px;
  font-size: 14px;
}

@media (max-width : 1023px) {
  .prop-feature-financial .financialInfo-rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 599px) {
  .prop-feature-financial .financialInfo-rw .colm {
    width: 50%;
  }
}

@media (max-width : 480px) {
  .prop-feature-financial .financialInfo-rw .colm {
    width: 100%;
    text-align: center;
  }
}

.prop-feature-financial .financialInfo-rw .colm .t {
  display: block;
  color: #9098ac;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.prop-feature-financial .financialInfo-rw .colm .l-t {
  display: block;
  color: #414755;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 10px 0 0 0;
  padding: 0;
}

.prop-feature-financial .financialInfo-rw .colm .l-t img {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: auto;
  margin: 0 5px 0 0;
}

.prop-feature-historyGraph {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
  border-bottom: 3px solid #edf3f7;
}

.prop-feature-historyGraph .historyGraph {
  display: block;
  margin: 12px 0 0 0;
}

.prop-feature-buildingAround {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
}

.prop-feature-relatedContacts {
  display: block;
  margin: 0;
  padding: 0;
}

.relatedContactsList {
  display: block;
}

.relatedContactsList .rw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

@media (max-width : 767px) {
  .relatedContactsList .rw {
    margin: 0 -5px;
  }
}

.relatedContactsList .rw .colm {
  width: 33.333333%;
  padding: 12px;
}

@media (max-width : 1023px) {
  .relatedContactsList .rw .colm {
    width: 50%;
  }
}

@media (max-width : 767px) {
  .relatedContactsList .rw .colm {
    width: 100%;
    padding: 5px;
  }
}

.relatedContactsList .contactBX {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  background-color: #f6f9fb;
  min-height: 100%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.relatedContactsList .contactBX .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100px;
  min-height: 106px;
  background-position: top center !important;
  background-color: #e4e7e9;
  font-size: 42px;
  line-height: 28px;
  font-weight: 700;
  color: #747474;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.relatedContactsList .contactBX .pic ~ .dec {
  padding: 0 0 0 12px;
  max-width: calc(100% - 112px);
}

.relatedContactsList .contactBX .dec {
  display: block;
}

.relatedContactsList .contactBX .dec .nm {
  display: inline-flex;
  flex-wrap: wrap;
  color: #414755;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0 0 7px 0;
}

.relatedContactsList .contactBX .dec .nm:last-child {
  margin: 0;
}

.relatedContactsList .contactBX .dec .nm.with-share {
  position: relative;
  padding: 0 28px 0 0;
}

.relatedContactsList .contactBX .dec .nm.with-share .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 0;
  border: none;
  font-size: 10px;
  line-height: 16px;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.relatedContactsList .contactBX .dec .nm.with-share .btn .fa {
  position: relative;
  left: -1px;
}

.relatedContactsList .contactBX .dec .info {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 5px 0;
  word-break: break-all;
}

.relatedContactsList .contactBX .dec .info:last-child {
  margin: 0;
}

.relatedContactsList .contactBX .dec .info a {
  color: #2961ff;
  text-decoration: none;
}

.relatedContactsList .contactBX .dec .info a:hover {
  color: #2961ff;
  text-decoration: underline;
}

.relatedContactsList .contactBX .dec .info a:hover .body-spiner-main-cls {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  z-index: 9;
  transition: 600ms;
}

.relatedContactsList .contactBX .dec .info a:hover .loaded .body-spiner-main-cls {
  opacity: 0;
  visibility: hidden;
}

.relatedContactsList .contactBX .dec .contact-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.relatedContactsList .contactBX .dec .contact-list a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  width: 26px;
  height: 26px;
  margin: 8px 8px 0 0;
  border: 1px solid #545454;
  color: #545454;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  transition: 500ms;
}

.relatedContactsList .contactBX .dec .contact-list a .fa-whatsapp {
  font-size: 13px;
}

.relatedContactsList .contactBX .dec .contact-list a:last-child {
  margin-right: 0;
}

.relatedContactsList .contactBX .dec .contact-list a.call {
  border-color: #3F51B5;
  color: #3F51B5;
}

.relatedContactsList .contactBX .dec .contact-list a.call:hover {
  background-color: #3F51B5;
  color: #fff;
}

.relatedContactsList .contactBX .dec .contact-list a.email {
  border-color: #ff821c;
  color: #ff821c;
}

.relatedContactsList .contactBX .dec .contact-list a.email:hover {
  background-color: #ff821c;
  color: #fff;
}

.relatedContactsList .contactBX .dec .contact-list a.whatsapp {
  border-color: #00ab83;
  color: #00ab83;
}

.relatedContactsList .contactBX .dec .contact-list a.whatsapp:hover {
  background-color: #00ab83;
  color: #fff;
}

@media (max-width : 480px) {
  .relatedContactsList .contactBX .pic {
    width: 60px;
    height: 60px;
  }

  .relatedContactsList .contactBX .dec {
    padding: 0 0 0 66px;
  }

  .relatedContactsList .contactBX .dec .nm {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
  }

  .relatedContactsList .contactBX .dec .info {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 3px;
  }
}

.units-layout-table {
  display: block;
  margin: 4px 0 0 0;
}

.text-table {
  display: block;
}

.text-table.gray {
  background-color: #f6f9fb;
  padding: 10px;
}

.text-table table thead {
  background-color: #ffffff;
}

.text-table table thead th,
.text-table table thead th:first-child,
.text-table table thead th:last-child,
.text-table table thead td,
.text-table table thead td:first-child,
.text-table table thead td:last-child,
.text-table table tbody th,
.text-table table tbody th:first-child,
.text-table table tbody th:last-child,
.text-table table tbody td,
.text-table table tbody td:first-child,
.text-table table tbody td:last-child,
.text-table table tfoot th,
.text-table table tfoot th:first-child,
.text-table table tfoot th:last-child,
.text-table table tfoot td,
.text-table table tfoot td:first-child,
.text-table table tfoot td:last-child {
  padding: 14px 8px;
  line-height: 18px;
}

.text-table table thead td > i,
.text-table table tbody td > i,
.text-table table tfoot td > i {
  font-size: 17px;
  vertical-align: top;
  margin: -2px 4px 0 0;
}

.add_listing_modal .modal-dialog {
  width: 680px;
  max-width: 100%;
}

.imap_smtp_modal .modal-dialog {
  width: 498px;
  max-width: 100%;
}

.applyTask .modal-dialog,
.open_ai_modal .modal-dialog {
  width: 800px;
  max-width: 100%;
}

.archive_modal .modal-dialog,
.email_provider .modal-dialog,
.others_email_modal .modal-dialog,
.create_event_modal .modal-dialog,
.template-view-modal .modal-dialog {
  width: 600px;
  max-width: 100%;
}

.callModal .modal-dialog {
  width: 400px;
  max-width: 100%;
}

.callModal .modal-dialog .modal-content .modal-header {
  background-color: #2961ff;
  color: #ffffff;
  padding-top: 12px;
  padding-bottom: 12px;
}

.callModal .modal-dialog .modal-content .modal-header .close {
  filter: brightness(0) invert(1);
}

.callModal .modal-dialog .modal-footer {
  border: none !important;
}

.addFldTxt {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.addFldTxt a {
  display: inline-block;
  color: #414755;
  text-decoration: none;
}

.addFldTxt a:hover {
  color: #2961ff;
}

.addFldTxt i {
  color: #2961ff;
}

.addFldTxt i.fa-plus {
  position: relative;
  font-size: 13px;
}

.addListListing {
  display: block;
  max-height: 296px;
  overflow: auto;
}

.addListListing ul {
  display: block;
  padding: 0;
  margin: 0;
}

.addListListing ul li {
  display: block;
}

.addListListing ul li .custom-control {
  padding-left: 42px;
}

.addListListing ul li:first-child .custom-control {
  margin: 0;
}

.send_email_modal {
  display: none;
}

.send_email_modal h3 {
  display: block;
}

.send_email_modal .modal-dialog {
  width: 1000px;
  max-width: 100%;
}

.send_email_modal .select2 {
  display: block !important;
  width: 100% !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple {
  border: 1px solid #edeff2 !important;
  color: #9098ac !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple .form-control {
  color: #9098ac !important;
  font-size: 14px !important;
}

.send_email_modal .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2961ff !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 5px !important;
  color: #fff !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #153180 !important;
  border: 1px solid #153180 !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  font-size: 14px !important;
  color: #fff !important;
}

.emailEditorCont {
  display: block;
  background-color: #edeff2;
  overflow: auto;
  padding: 12px;
}

.tl-with-sort {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0;
}

.tl-with-sort h4,
.mainSection .wh-box .tl-with-sort h4 {
  display: block;
  float: left;
  color: #111;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 10px;
}

.tl-with-sort h4 {
  display: block;
  float: left;
}

.tl-with-sort .sorting-field {
  display: block;
  float: left;
  margin: 0 0 0 auto;
}

.mylisting_details_modal .modal-dialog {
  width: 990px;
  max-width: 100%;
}

.bestPropertiesArea {
  display: block;
  max-height: 800px;
  overflow: auto;
}

.bestPropertiesArea .bestPropertiesCont {
  display: block;
  overflow: hidden;
}

.mainSection .wh-box.contact-u-header,
.contact-u-header {
  display: block;
  padding: 16px;
}

.mainSection .wh-box.contact-u-header .u-image,
.contact-u-header .u-image {
  display: block;
  float: left;
  width: 148px;
  max-width: 100%;
  background-position: top center;
  position: relative;
  background-color: #eef3f7 !important;
  margin: 0 0 30px 0;
}

.mainSection .wh-box.contact-u-header .u-image img,
.contact-u-header .u-image img {
  display: block;
  width: 100%;
  height: auto;
}

.mainSection .wh-box.contact-u-header .u-image img.u-img,
.contact-u-header .u-image img.u-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.mainSection .wh-box.contact-u-header .u-image .upload-box,
.contact-u-header .u-image .upload-box {
  display: block;
  position: relative;
}

.mainSection .wh-box.contact-u-header .u-image .upload-box .blank-img,
.contact-u-header .u-image .upload-box .blank-img {
  display: block;
  width: 100%;
  height: auto;
}

.mainSection .wh-box.contact-u-header .u-image .upload-box .upload-img,
.contact-u-header .u-image .upload-box .upload-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 7px;
}

.mainSection .wh-box.contact-u-header .u-image .del,
.contact-u-header .u-image .del {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #fff;
  color: #f12121;
  font-size: 12px;
  line-height: 16px;
  width: 22px;
  height: 22px;
}

.mainSection .wh-box.contact-u-header .u-image .del i,
.contact-u-header .u-image .del i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.mainSection .wh-box.contact-u-header .u-image .del:hover,
.contact-u-header .u-image .del:hover {
  background-color: #f12121;
  color: #fff;
}

.mainSection .wh-box.contact-u-header .u-image .btn-uploader,
.contact-u-header .u-image .btn-uploader {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.mainSection .wh-box.contact-u-header .u-image:hover .del,
.contact-u-header .u-image:hover .del {
  visibility: visible;
  opacity: 1;
}

@media (max-width : 899px) {
  .mainSection .wh-box.contact-u-header .u-image .del,
  .contact-u-header .u-image .del {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-image,
  .contact-u-header .u-image {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 38px;
    width: 140px;
  }
}

.mainSection .wh-box.contact-u-header .u-info,
.contact-u-header .u-info {
  display: block;
  padding: 0 0 0 164px;
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-info,
  .contact-u-header .u-info {
    padding: 14px 0 0 0;
    text-align: center;
  }
}

.mainSection .wh-box.contact-u-header .u-info .u-name,
.contact-u-header .u-info .u-name {
  display: block;
  color: #9098ac;
  font-size: 21px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-name .pic-btn,
.contact-u-header .u-info .u-name .pic-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 22px;
  margin: 2px 0 0 3px;
}

.mainSection .wh-box.contact-u-header .u-info .u-designation,
.contact-u-header .u-info .u-designation {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 14px 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info,
.contact-u-header .u-info .u-cont-info {
  display: block;
  padding: 0;
  margin: 0 0 2px 0;
  font-size: 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info:last-child,
.contact-u-header .u-info .u-cont-info:last-child {
  margin-bottom: 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li,
.contact-u-header .u-info .u-cont-info li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 18px 8px 0;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  max-width: 100%;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .flag-icon,
.contact-u-header .u-info .u-cont-info li .flag-icon {
  margin: 0 0 0 4px;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .fa-phone,
.contact-u-header .u-info .u-cont-info li .fa-phone {
  color: #91dc5a;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .fa-envelope,
.contact-u-header .u-info .u-cont-info li .fa-envelope {
  color: #e3ca64;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .fa-map-marker-alt,
.contact-u-header .u-info .u-cont-info li .fa-map-marker-alt {
  color: #ee3840;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li a,
.contact-u-header .u-info .u-cont-info li a {
  color: #2961ff;
  text-decoration: underline;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li a:hover,
.contact-u-header .u-info .u-cont-info li a:hover {
  text-decoration: none;
}

.mainSection .wh-box.contact-u-header .u-info .u-btns,
.contact-u-header .u-info .u-btns {
  display: block;
}

.mainSection .wh-box.contact-u-header .u-info .u-btns .btn-sm,
.contact-u-header .u-info .u-btns .btn-sm,
.contact-u-header .u-info .u-btns .btn-group-sm > .btn {
  font-size: 12px;
  line-height: 14px;
}

.mainSection .wh-box.contact-u-header .u-info .u-btns .btn-sm .del,
.contact-u-header .u-info .u-btns .btn-sm .del,
.contact-u-header .u-info .u-btns .btn-group-sm > .btn .del {
  font-size: 10px;
  font-weight: 700;
  padding: 0 0 0 3px;
}

.mainSection .wh-box.contact-u-header .u-cont-btns,
.contact-u-header .u-cont-btns {
  display: block;
  margin: 0 0 16px 0;
}

.mainSection .wh-box.contact-u-header .u-cont-btns:last-child,
.contact-u-header .u-cont-btns:last-child {
  margin-bottom: 0;
}

.mainSection .wh-box.contact-u-header .u-cont-btns .btn,
.contact-u-header .u-cont-btns .btn {
  margin: 0 0 8px 6px;
}

.mainSection .wh-box.contact-u-header .u-cont-btns .btn:not(.btn-ico),
.contact-u-header .u-cont-btns .btn:not(.btn-ico) {
  min-width: 68px;
}

.mainSection .wh-box.contact-u-header .u-cont-btns .btn.btn-sm,
.contact-u-header .u-cont-btns .btn.btn-sm,
.contact-u-header .u-cont-btns .btn-group-sm > .btn {
  font-size: 12px;
  line-height: 14px;
}

@media (max-width : 992px) {
  .mainSection .wh-box.contact-u-header .u-cont-btns .btn,
  .contact-u-header .u-cont-btns .btn {
    margin: 0 10px 8px 0;
  }
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-cont-btns .btn,
  .contact-u-header .u-cont-btns .btn {
    margin: 0 4px 8px 4px;
  }
}

.mainSection .wh-box.contact-u-header .u-last-cont,
.contact-u-header .u-last-cont {
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  padding: 2px 4px;
}

.mainSection .wh-box.contact-u-header .u-info-c,
.contact-u-header .u-info-c {
  display: flex;
}

@media (max-width : 992px) {
  .mainSection .wh-box.contact-u-header .u-info-c,
  .contact-u-header .u-info-c {
    padding-top: 20px;
    text-align: left;
  }
}

@media (max-width : 991px) {
  .mainSection .wh-box.contact-u-header .u-info-c,
  .contact-u-header .u-info-c {
    text-align: left;
    display: block;
  }

  .mainSection .wh-box.contact-u-header .u-info-c:first-child,
  .contact-u-header .u-info-c:first-child {
    padding: 0;
  }

  .mainSection .wh-box.contact-u-header .u-info-c .u-cont-btns,
  .contact-u-header .u-info-c .u-cont-btns {
    text-align: left !important;
  }
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-info-c,
  .contact-u-header .u-info-c {
    text-align: center;
    display: block;
  }

  .mainSection .wh-box.contact-u-header .u-info-c:first-child,
  .contact-u-header .u-info-c:first-child {
    padding: 0;
  }

  .mainSection .wh-box.contact-u-header .u-info-c .u-cont-btns,
  .contact-u-header .u-info-c .u-cont-btns {
    text-align: center !important;
  }
}

.mainSection .wh-box.contact-u-header .u-info-c .u-info-l,
.contact-u-header .u-info-c .u-info-l {
  display: block;
  width: 100%;
  padding: 0;
}

.mainSection .wh-box.contact-u-header .u-info-c .u-info-l:not(:last-child),
.contact-u-header .u-info-c .u-info-l:not(:last-child) {
  padding-right: 10px;
}

.mainSection .wh-box.contact-u-header .u-info-c .hot-no-box,
.contact-u-header .u-info-c .hot-no-box {
  display: block;
  float: right;
  width: 130px;
  height: auto;
  min-height: 130px;
  background-color: #f57f1f;
  color: #fff;
  font-size: 44px;
  line-height: 54px;
  text-align: center;
  font-weight: 800;
  padding: 9px 10px;
}

.mainSection .wh-box.contact-u-header .u-info-c .hot-no-box span,
.contact-u-header .u-info-c .hot-no-box span {
  display: block;
  font-size: 58px;
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-info-c .hot-no-box,
  .contact-u-header .u-info-c .hot-no-box {
    float: left;
    margin: 14px 0 0 0;
    width: 100%;
    min-height: 100px;
    font-size: 32px;
    line-height: 44px;
  }

  .mainSection .wh-box.contact-u-header .u-info-c .hot-no-box span,
  .contact-u-header .u-info-c .hot-no-box span {
    font-size: 48px;
  }
}

.mainSection .wh-box.contact-u-header.wh-text .u-info .u-name,
.mainSection .wh-box.contact-u-header.wh-text .u-info .u-designation,
.mainSection .wh-box.contact-u-header.wh-text .u-info .u-cont-info li,
.contact-u-header.wh-text .u-info .u-name,
.contact-u-header.wh-text .u-info .u-designation,
.contact-u-header.wh-text .u-info .u-cont-info li {
  color: #fff;
}

.multi-tag-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.multi-tag-container > .form-group {
  display: block;
  float: left;
  padding: 0 8px;
}

@media (min-width : 1681px) {
  .multi-tag-container > .form-group {
    max-width: 50%;
  }
}

.multi-tag-container > .form-group:last-child {
  width: 100%;
  max-width: 100%;
  flex: 1;
}

.u-cont-socialLinks {
  display: block;
  margin: 0 0 8px 0;
}

.u-cont-socialLinks:last-child {
  margin-bottom: 0;
}

.u-cont-socialLinks a {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 8px 10px;
}

.u-cont-socialLinks a img {
  display: block;
  width: 24px;
  height: auto;
}

@media (max-width : 992px) {
  .u-cont-socialLinks a {
    margin: 0 8px 8px 0;
  }
}

@media (max-width : 599px) {
  .u-cont-socialLinks a {
    margin: 0 4px 8px 4px;
  }
}

.details-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.details-header .u-image {
  margin-right: 16px !important;
}

.details-header .u-info {
  padding: 0 !important;
}

.details-header .u-details {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.details-header .u-details.with-img {
  width: calc(100% - 164px);
}

@media (max-width : 599px) {
  .details-header .u-details.with-img {
    width: 100%;
  }
}

.details-header .u-details .u-details-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.details-header .u-details .u-details-colm {
  display: block;
  float: left;
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0 8px;
}

@media (max-width : 991px) {
  .details-header .u-details .u-details-colm:not(:first-child) {
    padding-top: 12px;
  }
}

@media (min-width : 992px) {
  .details-header .u-details .u-details-colm:not(.full) {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

.c-tag {
  position: relative;
  padding-right: 80px;
}

.c-tag .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  text-align: center;
}

.gray-box,
.white-box {
  display: block;
  background-color: #fcfcfc;
  border: 1px solid #f4f4f4;
  padding: 12px;
  margin: 16px 0 0 0;
}

.gray-box:first-child,
.white-box:first-child {
  margin-top: 0;
}

.contactAddInfo .gray-box,
.contactAddInfo .white-box {
  display: flex;
  height: 100%;
}

.contactAddInfo .gray-box .block-c,
.contactAddInfo .white-box .block-c {
  width: 100%;
}

.gray-box.white-box,
.white-box.white-box {
  background-color: #fff;
  padding: 0px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  flex-flow: column;
}

.gray-box.white-box > .head,
.white-box.white-box > .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  padding: 8px 16px;
  border-bottom: 1px solid #d8d8d8;
  min-height: 44px;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
}

.gray-box.white-box > .head h2,
.gray-box.white-box > .head h3,
.gray-box.white-box > .head h4,
.gray-box.white-box > .head h5,
.gray-box.white-box > .head h6,
.white-box.white-box > .head h2,
.white-box.white-box > .head h3,
.white-box.white-box > .head h4,
.white-box.white-box > .head h5,
.white-box.white-box > .head h6 {
  padding: 0;
  margin: 0;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
}

.gray-box.white-box > .head h2:not(:last-child),
.gray-box.white-box > .head h3:not(:last-child),
.gray-box.white-box > .head h4:not(:last-child),
.gray-box.white-box > .head h5:not(:last-child),
.gray-box.white-box > .head h6:not(:last-child),
.white-box.white-box > .head h2:not(:last-child),
.white-box.white-box > .head h3:not(:last-child),
.white-box.white-box > .head h4:not(:last-child),
.white-box.white-box > .head h5:not(:last-child),
.white-box.white-box > .head h6:not(:last-child) {
  padding-right: 10px !important;
}

.gray-box.white-box > .head .form-control,
.white-box.white-box > .head .form-control {
  height: 28px;
  padding-top: 0.18rem;
  padding-bottom: 0.18rem;
}

.gray-box.white-box .body,
.white-box.white-box .body {
  display: block;
  padding: 16px;
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
}

.gray-box.white-box .body.wh,
.white-box.white-box .body.wh {
  background-color: #fff;
}

.gray-box.white-box .body .formAddress,
.white-box.white-box .body .formAddress {
  padding: 0;
  background: transparent;
  border: none;
}

.desc-rgt-sel .form-group {
  width: 180px;
}

.desc-rgt-sel .form-group.lang {
  width: 130px;
  flex: inherit;
}

@media (max-width : 599px) {
  .desc-rgt-sel {
    width: 100%;
    justify-content: space-between;
  }

  .desc-rgt-sel .form-group {
    width: 100%;
    flex: 1;
  }

  .desc-rgt-sel .form-group.lang {
    width: 120px;
  }
}

.contact-social-links {
  display: block;
  margin: 0;
  padding: 0 !important;
}

.contact-social-links li {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  padding: 0 0 0 24px;
  margin: 0 0 12px 0;
  position: relative;
  word-break: break-word;
}

.contact-social-links li:last-child {
  margin: 0;
}

.contact-social-links li a {
  color: #2961ff;
  text-decoration: underline;
}

.contact-social-links li a:hover {
  text-decoration: none;
}

.contact-social-links li img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: auto;
}

.relation-friends {
  display: block;
}

.relation-frnd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  min-height: 42px;
  padding: 2px 0 0 52px;
  margin: 0 0 16px 0;
}

.relation-frnd:last-child {
  margin-bottom: 0;
}

.relation-frnd .photo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  overflow: hidden;
}

.relation-frnd .photo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #2961ff;
  opacity: 0;
  visibility: hidden;
}

.relation-frnd .photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.relation-frnd .nm {
  display: block;
  width: 100%;
  color: #353636;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
}

.relation-frnd .rel-type {
  display: block;
  width: 100%;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin: 8px 0 0 0;
}

.relation-frnd .del {
  display: inline-block;
  vertical-align: top;
  color: #fa6767;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 5px 0 0 0;
}

.relation-frnd .del:hover {
  text-decoration: underline;
}

.doc-list-container {
  display: block;
  margin: 0 -8px;
  font-size: 0px;
  text-align: center;
}

.doc-list-container .doc-box {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 8px 8px 16px 8px;
  width: 152px;
}

.doc-list-container .doc-box .docIcon {
  display: inline-block;
  width: 120px;
  max-width: 100%;
  position: relative;
  overflow: auto;
}

.doc-list-container .doc-box .docIcon .blank {
  display: block;
  width: 100%;
  height: auto;
}

.doc-list-container .doc-box .docIcon .icon {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

@media (max-width : 480px) {
  .doc-list-container .doc-box {
    width: 50%;
  }
}

.doc-box {
  display: block;
  text-align: center;
}

.doc-box img {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  max-width: 100%;
  height: auto;
}

.doc-box .file-nm {
  display: block;
  margin: 12px 0 0 0;
  color: #414755;
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.doc-box:hover .file-nm {
  color: #2961ff;
}

html,
body {
  height: 100%;
}

.row {
  margin: 0 -8px !important;
}

.row > [class*=col-],
.row > .col {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.row > div:not([class*=col]) {
  width: 100%;
}

.o-visible {
  overflow: visible !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: 600;
}

.m-0 {
  margin: 0px !important;
}

.m-x-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.m-y-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-x-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.p-y-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.t-0 {
  top: 0px !important;
}

.t-n0 {
  top: 0px !important;
}

.r-0 {
  right: 0px !important;
}

.r-n0 {
  right: 0px !important;
}

.b-0 {
  bottom: 0px !important;
}

.b-n0 {
  bottom: 0px !important;
}

.l-0 {
  left: 0px !important;
}

.l-n0 {
  left: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.m-x-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.m-y-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.p-1 {
  padding: 1px !important;
}

.p-x-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.p-y-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.t-1 {
  top: 1px !important;
}

.t-n1 {
  top: -1px !important;
}

.r-1 {
  right: 1px !important;
}

.r-n1 {
  right: -1px !important;
}

.b-1 {
  bottom: 1px !important;
}

.b-n1 {
  bottom: -1px !important;
}

.l-1 {
  left: 1px !important;
}

.l-n1 {
  left: -1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-x-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.m-y-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-x-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.p-y-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.t-2 {
  top: 2px !important;
}

.t-n2 {
  top: -2px !important;
}

.r-2 {
  right: 2px !important;
}

.r-n2 {
  right: -2px !important;
}

.b-2 {
  bottom: 2px !important;
}

.b-n2 {
  bottom: -2px !important;
}

.l-2 {
  left: 2px !important;
}

.l-n2 {
  left: -2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-x-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.m-y-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-x-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.p-y-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.t-3 {
  top: 3px !important;
}

.t-n3 {
  top: -3px !important;
}

.r-3 {
  right: 3px !important;
}

.r-n3 {
  right: -3px !important;
}

.b-3 {
  bottom: 3px !important;
}

.b-n3 {
  bottom: -3px !important;
}

.l-3 {
  left: 3px !important;
}

.l-n3 {
  left: -3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-x-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.m-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.p-y-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.t-4 {
  top: 4px !important;
}

.t-n4 {
  top: -4px !important;
}

.r-4 {
  right: 4px !important;
}

.r-n4 {
  right: -4px !important;
}

.b-4 {
  bottom: 4px !important;
}

.b-n4 {
  bottom: -4px !important;
}

.l-4 {
  left: 4px !important;
}

.l-n4 {
  left: -4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-x-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.m-y-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-x-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.p-y-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.t-5 {
  top: 5px !important;
}

.t-n5 {
  top: -5px !important;
}

.r-5 {
  right: 5px !important;
}

.r-n5 {
  right: -5px !important;
}

.b-5 {
  bottom: 5px !important;
}

.b-n5 {
  bottom: -5px !important;
}

.l-5 {
  left: 5px !important;
}

.l-n5 {
  left: -5px !important;
}

.m-6 {
  margin: 6px !important;
}

.m-x-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.m-y-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-x-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.p-y-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.t-6 {
  top: 6px !important;
}

.t-n6 {
  top: -6px !important;
}

.r-6 {
  right: 6px !important;
}

.r-n6 {
  right: -6px !important;
}

.b-6 {
  bottom: 6px !important;
}

.b-n6 {
  bottom: -6px !important;
}

.l-6 {
  left: 6px !important;
}

.l-n6 {
  left: -6px !important;
}

.m-7 {
  margin: 7px !important;
}

.m-x-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.m-y-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-x-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.p-y-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.t-7 {
  top: 7px !important;
}

.t-n7 {
  top: -7px !important;
}

.r-7 {
  right: 7px !important;
}

.r-n7 {
  right: -7px !important;
}

.b-7 {
  bottom: 7px !important;
}

.b-n7 {
  bottom: -7px !important;
}

.l-7 {
  left: 7px !important;
}

.l-n7 {
  left: -7px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-x-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.m-y-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.p-y-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.t-8 {
  top: 8px !important;
}

.t-n8 {
  top: -8px !important;
}

.r-8 {
  right: 8px !important;
}

.r-n8 {
  right: -8px !important;
}

.b-8 {
  bottom: 8px !important;
}

.b-n8 {
  bottom: -8px !important;
}

.l-8 {
  left: 8px !important;
}

.l-n8 {
  left: -8px !important;
}

.m-9 {
  margin: 9px !important;
}

.m-x-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.m-y-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.p-9 {
  padding: 9px !important;
}

.p-x-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.p-y-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.t-9 {
  top: 9px !important;
}

.t-n9 {
  top: -9px !important;
}

.r-9 {
  right: 9px !important;
}

.r-n9 {
  right: -9px !important;
}

.b-9 {
  bottom: 9px !important;
}

.b-n9 {
  bottom: -9px !important;
}

.l-9 {
  left: 9px !important;
}

.l-n9 {
  left: -9px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.t-10 {
  top: 10px !important;
}

.t-n10 {
  top: -10px !important;
}

.r-10 {
  right: 10px !important;
}

.r-n10 {
  right: -10px !important;
}

.b-10 {
  bottom: 10px !important;
}

.b-n10 {
  bottom: -10px !important;
}

.l-10 {
  left: 10px !important;
}

.l-n10 {
  left: -10px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-x-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.t-15 {
  top: 15px !important;
}

.t-n15 {
  top: -15px !important;
}

.r-15 {
  right: 15px !important;
}

.r-n15 {
  right: -15px !important;
}

.b-15 {
  bottom: 15px !important;
}

.b-n15 {
  bottom: -15px !important;
}

.l-15 {
  left: 15px !important;
}

.l-n15 {
  left: -15px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-x-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.m-y-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-x-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.p-y-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.t-16 {
  top: 16px !important;
}

.t-n16 {
  top: -16px !important;
}

.r-16 {
  right: 16px !important;
}

.r-n16 {
  right: -16px !important;
}

.b-16 {
  bottom: 16px !important;
}

.b-n16 {
  bottom: -16px !important;
}

.l-16 {
  left: 16px !important;
}

.l-n16 {
  left: -16px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.t-20 {
  top: 20px !important;
}

.t-n20 {
  top: -20px !important;
}

.r-20 {
  right: 20px !important;
}

.r-n20 {
  right: -20px !important;
}

.b-20 {
  bottom: 20px !important;
}

.b-n20 {
  bottom: -20px !important;
}

.l-20 {
  left: 20px !important;
}

.l-n20 {
  left: -20px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-x-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.m-y-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-x-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.p-y-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.t-24 {
  top: 24px !important;
}

.t-n24 {
  top: -24px !important;
}

.r-24 {
  right: 24px !important;
}

.r-n24 {
  right: -24px !important;
}

.b-24 {
  bottom: 24px !important;
}

.b-n24 {
  bottom: -24px !important;
}

.l-24 {
  left: 24px !important;
}

.l-n24 {
  left: -24px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-x-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.m-y-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-x-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.p-y-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.t-25 {
  top: 25px !important;
}

.t-n25 {
  top: -25px !important;
}

.r-25 {
  right: 25px !important;
}

.r-n25 {
  right: -25px !important;
}

.b-25 {
  bottom: 25px !important;
}

.b-n25 {
  bottom: -25px !important;
}

.l-25 {
  left: 25px !important;
}

.l-n25 {
  left: -25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.t-30 {
  top: 30px !important;
}

.t-n30 {
  top: -30px !important;
}

.r-30 {
  right: 30px !important;
}

.r-n30 {
  right: -30px !important;
}

.b-30 {
  bottom: 30px !important;
}

.b-n30 {
  bottom: -30px !important;
}

.l-30 {
  left: 30px !important;
}

.l-n30 {
  left: -30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-x-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.m-y-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-x-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.p-y-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.t-35 {
  top: 35px !important;
}

.t-n35 {
  top: -35px !important;
}

.r-35 {
  right: 35px !important;
}

.r-n35 {
  right: -35px !important;
}

.b-35 {
  bottom: 35px !important;
}

.b-n35 {
  bottom: -35px !important;
}

.l-35 {
  left: 35px !important;
}

.l-n35 {
  left: -35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-x-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.m-y-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-x-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.p-y-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.t-40 {
  top: 40px !important;
}

.t-n40 {
  top: -40px !important;
}

.r-40 {
  right: 40px !important;
}

.r-n40 {
  right: -40px !important;
}

.b-40 {
  bottom: 40px !important;
}

.b-n40 {
  bottom: -40px !important;
}

.l-40 {
  left: 40px !important;
}

.l-n40 {
  left: -40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-x-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.m-y-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-x-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.p-y-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.t-45 {
  top: 45px !important;
}

.t-n45 {
  top: -45px !important;
}

.r-45 {
  right: 45px !important;
}

.r-n45 {
  right: -45px !important;
}

.b-45 {
  bottom: 45px !important;
}

.b-n45 {
  bottom: -45px !important;
}

.l-45 {
  left: 45px !important;
}

.l-n45 {
  left: -45px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-x-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.m-y-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-x-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.p-y-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.t-50 {
  top: 50px !important;
}

.t-n50 {
  top: -50px !important;
}

.r-50 {
  right: 50px !important;
}

.r-n50 {
  right: -50px !important;
}

.b-50 {
  bottom: 50px !important;
}

.b-n50 {
  bottom: -50px !important;
}

.l-50 {
  left: 50px !important;
}

.l-n50 {
  left: -50px !important;
}

.m-55 {
  margin: 55px !important;
}

.m-x-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.m-y-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.p-55 {
  padding: 55px !important;
}

.p-x-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}

.p-y-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.t-55 {
  top: 55px !important;
}

.t-n55 {
  top: -55px !important;
}

.r-55 {
  right: 55px !important;
}

.r-n55 {
  right: -55px !important;
}

.b-55 {
  bottom: 55px !important;
}

.b-n55 {
  bottom: -55px !important;
}

.l-55 {
  left: 55px !important;
}

.l-n55 {
  left: -55px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-x-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.m-y-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.p-x-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.p-y-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.t-60 {
  top: 60px !important;
}

.t-n60 {
  top: -60px !important;
}

.r-60 {
  right: 60px !important;
}

.r-n60 {
  right: -60px !important;
}

.b-60 {
  bottom: 60px !important;
}

.b-n60 {
  bottom: -60px !important;
}

.l-60 {
  left: 60px !important;
}

.l-n60 {
  left: -60px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-x-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.m-y-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.p-x-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

.p-y-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.t-70 {
  top: 70px !important;
}

.t-n70 {
  top: -70px !important;
}

.r-70 {
  right: 70px !important;
}

.r-n70 {
  right: -70px !important;
}

.b-70 {
  bottom: 70px !important;
}

.b-n70 {
  bottom: -70px !important;
}

.l-70 {
  left: 70px !important;
}

.l-n70 {
  left: -70px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-x-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.m-y-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.p-x-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.p-y-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.t-80 {
  top: 80px !important;
}

.t-n80 {
  top: -80px !important;
}

.r-80 {
  right: 80px !important;
}

.r-n80 {
  right: -80px !important;
}

.b-80 {
  bottom: 80px !important;
}

.b-n80 {
  bottom: -80px !important;
}

.l-80 {
  left: 80px !important;
}

.l-n80 {
  left: -80px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-x-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.m-y-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.p-90 {
  padding: 90px !important;
}

.p-x-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}

.p-y-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.t-90 {
  top: 90px !important;
}

.t-n90 {
  top: -90px !important;
}

.r-90 {
  right: 90px !important;
}

.r-n90 {
  right: -90px !important;
}

.b-90 {
  bottom: 90px !important;
}

.b-n90 {
  bottom: -90px !important;
}

.l-90 {
  left: 90px !important;
}

.l-n90 {
  left: -90px !important;
}

.m-100 {
  margin: 100px !important;
}

.m-x-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.m-y-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.p-x-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

.p-y-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.t-100 {
  top: 100px !important;
}

.t-n100 {
  top: -100px !important;
}

.r-100 {
  right: 100px !important;
}

.r-n100 {
  right: -100px !important;
}

.b-100 {
  bottom: 100px !important;
}

.b-n100 {
  bottom: -100px !important;
}

.l-100 {
  left: 100px !important;
}

.l-n100 {
  left: -100px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-x-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.m-y-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-x-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.p-y-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.t-120 {
  top: 120px !important;
}

.t-n120 {
  top: -120px !important;
}

.r-120 {
  right: 120px !important;
}

.r-n120 {
  right: -120px !important;
}

.b-120 {
  bottom: 120px !important;
}

.b-n120 {
  bottom: -120px !important;
}

.l-120 {
  left: 120px !important;
}

.l-n120 {
  left: -120px !important;
}

.m-140 {
  margin: 140px !important;
}

.m-x-140 {
  margin-left: 140px !important;
  margin-right: 140px !important;
}

.m-y-140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important;
}

.p-140 {
  padding: 140px !important;
}

.p-x-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}

.p-y-140 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

.t-140 {
  top: 140px !important;
}

.t-n140 {
  top: -140px !important;
}

.r-140 {
  right: 140px !important;
}

.r-n140 {
  right: -140px !important;
}

.b-140 {
  bottom: 140px !important;
}

.b-n140 {
  bottom: -140px !important;
}

.l-140 {
  left: 140px !important;
}

.l-n140 {
  left: -140px !important;
}

.m-150 {
  margin: 150px !important;
}

.m-x-150 {
  margin-left: 150px !important;
  margin-right: 150px !important;
}

.m-y-150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important;
}

.p-150 {
  padding: 150px !important;
}

.p-x-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}

.p-y-150 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.t-150 {
  top: 150px !important;
}

.t-n150 {
  top: -150px !important;
}

.r-150 {
  right: 150px !important;
}

.r-n150 {
  right: -150px !important;
}

.b-150 {
  bottom: 150px !important;
}

.b-n150 {
  bottom: -150px !important;
}

.l-150 {
  left: 150px !important;
}

.l-n150 {
  left: -150px !important;
}

.m-160 {
  margin: 160px !important;
}

.m-x-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.m-y-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.p-160 {
  padding: 160px !important;
}

.p-x-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.p-y-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.t-160 {
  top: 160px !important;
}

.t-n160 {
  top: -160px !important;
}

.r-160 {
  right: 160px !important;
}

.r-n160 {
  right: -160px !important;
}

.b-160 {
  bottom: 160px !important;
}

.b-n160 {
  bottom: -160px !important;
}

.l-160 {
  left: 160px !important;
}

.l-n160 {
  left: -160px !important;
}

.m-180 {
  margin: 180px !important;
}

.m-x-180 {
  margin-left: 180px !important;
  margin-right: 180px !important;
}

.m-y-180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important;
}

.p-180 {
  padding: 180px !important;
}

.p-x-180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}

.p-y-180 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}

.t-180 {
  top: 180px !important;
}

.t-n180 {
  top: -180px !important;
}

.r-180 {
  right: 180px !important;
}

.r-n180 {
  right: -180px !important;
}

.b-180 {
  bottom: 180px !important;
}

.b-n180 {
  bottom: -180px !important;
}

.l-180 {
  left: 180px !important;
}

.l-n180 {
  left: -180px !important;
}

.m-200 {
  margin: 200px !important;
}

.m-x-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.m-y-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.p-200 {
  padding: 200px !important;
}

.p-x-200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.p-y-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.t-200 {
  top: 200px !important;
}

.t-n200 {
  top: -200px !important;
}

.r-200 {
  right: 200px !important;
}

.r-n200 {
  right: -200px !important;
}

.b-200 {
  bottom: 200px !important;
}

.b-n200 {
  bottom: -200px !important;
}

.l-200 {
  left: 200px !important;
}

.l-n200 {
  left: -200px !important;
}

.m-210 {
  margin: 210px !important;
}

.m-x-210 {
  margin-left: 210px !important;
  margin-right: 210px !important;
}

.m-y-210 {
  margin-top: 210px !important;
  margin-bottom: 210px !important;
}

.p-210 {
  padding: 210px !important;
}

.p-x-210 {
  padding-left: 210px !important;
  padding-right: 210px !important;
}

.p-y-210 {
  padding-top: 210px !important;
  padding-bottom: 210px !important;
}

.t-210 {
  top: 210px !important;
}

.t-n210 {
  top: -210px !important;
}

.r-210 {
  right: 210px !important;
}

.r-n210 {
  right: -210px !important;
}

.b-210 {
  bottom: 210px !important;
}

.b-n210 {
  bottom: -210px !important;
}

.l-210 {
  left: 210px !important;
}

.l-n210 {
  left: -210px !important;
}

.m-220 {
  margin: 220px !important;
}

.m-x-220 {
  margin-left: 220px !important;
  margin-right: 220px !important;
}

.m-y-220 {
  margin-top: 220px !important;
  margin-bottom: 220px !important;
}

.p-220 {
  padding: 220px !important;
}

.p-x-220 {
  padding-left: 220px !important;
  padding-right: 220px !important;
}

.p-y-220 {
  padding-top: 220px !important;
  padding-bottom: 220px !important;
}

.t-220 {
  top: 220px !important;
}

.t-n220 {
  top: -220px !important;
}

.r-220 {
  right: 220px !important;
}

.r-n220 {
  right: -220px !important;
}

.b-220 {
  bottom: 220px !important;
}

.b-n220 {
  bottom: -220px !important;
}

.l-220 {
  left: 220px !important;
}

.l-n220 {
  left: -220px !important;
}

.m-230 {
  margin: 230px !important;
}

.m-x-230 {
  margin-left: 230px !important;
  margin-right: 230px !important;
}

.m-y-230 {
  margin-top: 230px !important;
  margin-bottom: 230px !important;
}

.p-230 {
  padding: 230px !important;
}

.p-x-230 {
  padding-left: 230px !important;
  padding-right: 230px !important;
}

.p-y-230 {
  padding-top: 230px !important;
  padding-bottom: 230px !important;
}

.t-230 {
  top: 230px !important;
}

.t-n230 {
  top: -230px !important;
}

.r-230 {
  right: 230px !important;
}

.r-n230 {
  right: -230px !important;
}

.b-230 {
  bottom: 230px !important;
}

.b-n230 {
  bottom: -230px !important;
}

.l-230 {
  left: 230px !important;
}

.l-n230 {
  left: -230px !important;
}

.m-240 {
  margin: 240px !important;
}

.m-x-240 {
  margin-left: 240px !important;
  margin-right: 240px !important;
}

.m-y-240 {
  margin-top: 240px !important;
  margin-bottom: 240px !important;
}

.p-240 {
  padding: 240px !important;
}

.p-x-240 {
  padding-left: 240px !important;
  padding-right: 240px !important;
}

.p-y-240 {
  padding-top: 240px !important;
  padding-bottom: 240px !important;
}

.t-240 {
  top: 240px !important;
}

.t-n240 {
  top: -240px !important;
}

.r-240 {
  right: 240px !important;
}

.r-n240 {
  right: -240px !important;
}

.b-240 {
  bottom: 240px !important;
}

.b-n240 {
  bottom: -240px !important;
}

.l-240 {
  left: 240px !important;
}

.l-n240 {
  left: -240px !important;
}

.m-250 {
  margin: 250px !important;
}

.m-x-250 {
  margin-left: 250px !important;
  margin-right: 250px !important;
}

.m-y-250 {
  margin-top: 250px !important;
  margin-bottom: 250px !important;
}

.p-250 {
  padding: 250px !important;
}

.p-x-250 {
  padding-left: 250px !important;
  padding-right: 250px !important;
}

.p-y-250 {
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}

.t-250 {
  top: 250px !important;
}

.t-n250 {
  top: -250px !important;
}

.r-250 {
  right: 250px !important;
}

.r-n250 {
  right: -250px !important;
}

.b-250 {
  bottom: 250px !important;
}

.b-n250 {
  bottom: -250px !important;
}

.l-250 {
  left: 250px !important;
}

.l-n250 {
  left: -250px !important;
}

.m-t-0 {
  margin-top: 0px !important;
}

.m-t-n0 {
  margin-top: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.m-r-n0 {
  margin-right: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.m-b-n0 {
  margin-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-l-n0 {
  margin-left: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.p-t-n0 {
  padding-top: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.p-r-n0 {
  padding-right: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.p-b-n0 {
  padding-bottom: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.p-l-n0 {
  padding-left: 0px !important;
}

.m-t-1 {
  margin-top: 1px !important;
}

.m-t-n1 {
  margin-top: -1px !important;
}

.m-r-1 {
  margin-right: 1px !important;
}

.m-r-n1 {
  margin-right: -1px !important;
}

.m-b-1 {
  margin-bottom: 1px !important;
}

.m-b-n1 {
  margin-bottom: -1px !important;
}

.m-l-1 {
  margin-left: 1px !important;
}

.m-l-n1 {
  margin-left: -1px !important;
}

.p-t-1 {
  padding-top: 1px !important;
}

.p-t-n1 {
  padding-top: -1px !important;
}

.p-r-1 {
  padding-right: 1px !important;
}

.p-r-n1 {
  padding-right: -1px !important;
}

.p-b-1 {
  padding-bottom: 1px !important;
}

.p-b-n1 {
  padding-bottom: -1px !important;
}

.p-l-1 {
  padding-left: 1px !important;
}

.p-l-n1 {
  padding-left: -1px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-n2 {
  margin-top: -2px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.m-r-n2 {
  margin-right: -2px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-n2 {
  margin-bottom: -2px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.m-l-n2 {
  margin-left: -2px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-t-n2 {
  padding-top: -2px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.p-r-n2 {
  padding-right: -2px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-b-n2 {
  padding-bottom: -2px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.p-l-n2 {
  padding-left: -2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-n3 {
  margin-top: -3px !important;
}

.m-r-3 {
  margin-right: 3px !important;
}

.m-r-n3 {
  margin-right: -3px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-n3 {
  margin-bottom: -3px !important;
}

.m-l-3 {
  margin-left: 3px !important;
}

.m-l-n3 {
  margin-left: -3px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-n3 {
  padding-top: -3px !important;
}

.p-r-3 {
  padding-right: 3px !important;
}

.p-r-n3 {
  padding-right: -3px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-b-n3 {
  padding-bottom: -3px !important;
}

.p-l-3 {
  padding-left: 3px !important;
}

.p-l-n3 {
  padding-left: -3px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-n4 {
  margin-top: -4px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.m-r-n4 {
  margin-right: -4px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-n4 {
  margin-bottom: -4px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.m-l-n4 {
  margin-left: -4px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-t-n4 {
  padding-top: -4px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.p-r-n4 {
  padding-right: -4px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-b-n4 {
  padding-bottom: -4px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.p-l-n4 {
  padding-left: -4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-n5 {
  margin-top: -5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-n5 {
  margin-right: -5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.m-b-n5 {
  margin-bottom: -5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-n5 {
  margin-left: -5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.p-t-n5 {
  padding-top: -5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-n5 {
  padding-right: -5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.p-b-n5 {
  padding-bottom: -5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.p-l-n5 {
  padding-left: -5px !important;
}

.m-t-6 {
  margin-top: 6px !important;
}

.m-t-n6 {
  margin-top: -6px !important;
}

.m-r-6 {
  margin-right: 6px !important;
}

.m-r-n6 {
  margin-right: -6px !important;
}

.m-b-6 {
  margin-bottom: 6px !important;
}

.m-b-n6 {
  margin-bottom: -6px !important;
}

.m-l-6 {
  margin-left: 6px !important;
}

.m-l-n6 {
  margin-left: -6px !important;
}

.p-t-6 {
  padding-top: 6px !important;
}

.p-t-n6 {
  padding-top: -6px !important;
}

.p-r-6 {
  padding-right: 6px !important;
}

.p-r-n6 {
  padding-right: -6px !important;
}

.p-b-6 {
  padding-bottom: 6px !important;
}

.p-b-n6 {
  padding-bottom: -6px !important;
}

.p-l-6 {
  padding-left: 6px !important;
}

.p-l-n6 {
  padding-left: -6px !important;
}

.m-t-7 {
  margin-top: 7px !important;
}

.m-t-n7 {
  margin-top: -7px !important;
}

.m-r-7 {
  margin-right: 7px !important;
}

.m-r-n7 {
  margin-right: -7px !important;
}

.m-b-7 {
  margin-bottom: 7px !important;
}

.m-b-n7 {
  margin-bottom: -7px !important;
}

.m-l-7 {
  margin-left: 7px !important;
}

.m-l-n7 {
  margin-left: -7px !important;
}

.p-t-7 {
  padding-top: 7px !important;
}

.p-t-n7 {
  padding-top: -7px !important;
}

.p-r-7 {
  padding-right: 7px !important;
}

.p-r-n7 {
  padding-right: -7px !important;
}

.p-b-7 {
  padding-bottom: 7px !important;
}

.p-b-n7 {
  padding-bottom: -7px !important;
}

.p-l-7 {
  padding-left: 7px !important;
}

.p-l-n7 {
  padding-left: -7px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-t-n8 {
  margin-top: -8px !important;
}

.m-r-8 {
  margin-right: 8px !important;
}

.m-r-n8 {
  margin-right: -8px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-b-n8 {
  margin-bottom: -8px !important;
}

.m-l-8 {
  margin-left: 8px !important;
}

.m-l-n8 {
  margin-left: -8px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-t-n8 {
  padding-top: -8px !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

.p-r-n8 {
  padding-right: -8px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-b-n8 {
  padding-bottom: -8px !important;
}

.p-l-8 {
  padding-left: 8px !important;
}

.p-l-n8 {
  padding-left: -8px !important;
}

.m-t-9 {
  margin-top: 9px !important;
}

.m-t-n9 {
  margin-top: -9px !important;
}

.m-r-9 {
  margin-right: 9px !important;
}

.m-r-n9 {
  margin-right: -9px !important;
}

.m-b-9 {
  margin-bottom: 9px !important;
}

.m-b-n9 {
  margin-bottom: -9px !important;
}

.m-l-9 {
  margin-left: 9px !important;
}

.m-l-n9 {
  margin-left: -9px !important;
}

.p-t-9 {
  padding-top: 9px !important;
}

.p-t-n9 {
  padding-top: -9px !important;
}

.p-r-9 {
  padding-right: 9px !important;
}

.p-r-n9 {
  padding-right: -9px !important;
}

.p-b-9 {
  padding-bottom: 9px !important;
}

.p-b-n9 {
  padding-bottom: -9px !important;
}

.p-l-9 {
  padding-left: 9px !important;
}

.p-l-n9 {
  padding-left: -9px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-n10 {
  margin-top: -10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-n10 {
  margin-right: -10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-n10 {
  margin-bottom: -10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-n10 {
  margin-left: -10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-n10 {
  padding-top: -10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.p-r-n10 {
  padding-right: -10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-n10 {
  padding-bottom: -10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-n10 {
  padding-left: -10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-n15 {
  margin-top: -15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-n15 {
  margin-right: -15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-n15 {
  margin-bottom: -15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-n15 {
  margin-left: -15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-n15 {
  padding-top: -15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.p-r-n15 {
  padding-right: -15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-n15 {
  padding-bottom: -15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.p-l-n15 {
  padding-left: -15px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-t-n16 {
  margin-top: -16px !important;
}

.m-r-16 {
  margin-right: 16px !important;
}

.m-r-n16 {
  margin-right: -16px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-b-n16 {
  margin-bottom: -16px !important;
}

.m-l-16 {
  margin-left: 16px !important;
}

.m-l-n16 {
  margin-left: -16px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-n16 {
  padding-top: -16px !important;
}

.p-r-16 {
  padding-right: 16px !important;
}

.p-r-n16 {
  padding-right: -16px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-n16 {
  padding-bottom: -16px !important;
}

.p-l-16 {
  padding-left: 16px !important;
}

.p-l-n16 {
  padding-left: -16px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-n20 {
  margin-top: -20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-n20 {
  margin-right: -20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-n20 {
  margin-bottom: -20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-n20 {
  margin-left: -20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-n20 {
  padding-top: -20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-n20 {
  padding-right: -20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-n20 {
  padding-bottom: -20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-l-n20 {
  padding-left: -20px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-n24 {
  margin-top: -24px !important;
}

.m-r-24 {
  margin-right: 24px !important;
}

.m-r-n24 {
  margin-right: -24px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-n24 {
  margin-bottom: -24px !important;
}

.m-l-24 {
  margin-left: 24px !important;
}

.m-l-n24 {
  margin-left: -24px !important;
}

.p-t-24 {
  padding-top: 24px !important;
}

.p-t-n24 {
  padding-top: -24px !important;
}

.p-r-24 {
  padding-right: 24px !important;
}

.p-r-n24 {
  padding-right: -24px !important;
}

.p-b-24 {
  padding-bottom: 24px !important;
}

.p-b-n24 {
  padding-bottom: -24px !important;
}

.p-l-24 {
  padding-left: 24px !important;
}

.p-l-n24 {
  padding-left: -24px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.m-t-n25 {
  margin-top: -25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.m-r-n25 {
  margin-right: -25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.m-b-n25 {
  margin-bottom: -25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.m-l-n25 {
  margin-left: -25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.p-t-n25 {
  padding-top: -25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.p-r-n25 {
  padding-right: -25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.p-b-n25 {
  padding-bottom: -25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.p-l-n25 {
  padding-left: -25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-n30 {
  margin-top: -30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-n30 {
  margin-right: -30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-n30 {
  margin-bottom: -30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-n30 {
  margin-left: -30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-n30 {
  padding-top: -30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-n30 {
  padding-right: -30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-n30 {
  padding-bottom: -30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.p-l-n30 {
  padding-left: -30px !important;
}

.m-t-35 {
  margin-top: 35px !important;
}

.m-t-n35 {
  margin-top: -35px !important;
}

.m-r-35 {
  margin-right: 35px !important;
}

.m-r-n35 {
  margin-right: -35px !important;
}

.m-b-35 {
  margin-bottom: 35px !important;
}

.m-b-n35 {
  margin-bottom: -35px !important;
}

.m-l-35 {
  margin-left: 35px !important;
}

.m-l-n35 {
  margin-left: -35px !important;
}

.p-t-35 {
  padding-top: 35px !important;
}

.p-t-n35 {
  padding-top: -35px !important;
}

.p-r-35 {
  padding-right: 35px !important;
}

.p-r-n35 {
  padding-right: -35px !important;
}

.p-b-35 {
  padding-bottom: 35px !important;
}

.p-b-n35 {
  padding-bottom: -35px !important;
}

.p-l-35 {
  padding-left: 35px !important;
}

.p-l-n35 {
  padding-left: -35px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-t-n40 {
  margin-top: -40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-r-n40 {
  margin-right: -40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.m-b-n40 {
  margin-bottom: -40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-l-n40 {
  margin-left: -40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.p-t-n40 {
  padding-top: -40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-r-n40 {
  padding-right: -40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.p-b-n40 {
  padding-bottom: -40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.p-l-n40 {
  padding-left: -40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.m-t-n45 {
  margin-top: -45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.m-r-n45 {
  margin-right: -45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.m-b-n45 {
  margin-bottom: -45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.m-l-n45 {
  margin-left: -45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.p-t-n45 {
  padding-top: -45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.p-r-n45 {
  padding-right: -45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.p-b-n45 {
  padding-bottom: -45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.p-l-n45 {
  padding-left: -45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.m-t-n50 {
  margin-top: -50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.m-r-n50 {
  margin-right: -50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.m-b-n50 {
  margin-bottom: -50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.m-l-n50 {
  margin-left: -50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.p-t-n50 {
  padding-top: -50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.p-r-n50 {
  padding-right: -50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.p-b-n50 {
  padding-bottom: -50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.p-l-n50 {
  padding-left: -50px !important;
}

.m-t-55 {
  margin-top: 55px !important;
}

.m-t-n55 {
  margin-top: -55px !important;
}

.m-r-55 {
  margin-right: 55px !important;
}

.m-r-n55 {
  margin-right: -55px !important;
}

.m-b-55 {
  margin-bottom: 55px !important;
}

.m-b-n55 {
  margin-bottom: -55px !important;
}

.m-l-55 {
  margin-left: 55px !important;
}

.m-l-n55 {
  margin-left: -55px !important;
}

.p-t-55 {
  padding-top: 55px !important;
}

.p-t-n55 {
  padding-top: -55px !important;
}

.p-r-55 {
  padding-right: 55px !important;
}

.p-r-n55 {
  padding-right: -55px !important;
}

.p-b-55 {
  padding-bottom: 55px !important;
}

.p-b-n55 {
  padding-bottom: -55px !important;
}

.p-l-55 {
  padding-left: 55px !important;
}

.p-l-n55 {
  padding-left: -55px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.m-t-n60 {
  margin-top: -60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.m-r-n60 {
  margin-right: -60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.m-b-n60 {
  margin-bottom: -60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.m-l-n60 {
  margin-left: -60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.p-t-n60 {
  padding-top: -60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.p-r-n60 {
  padding-right: -60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.p-b-n60 {
  padding-bottom: -60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.p-l-n60 {
  padding-left: -60px !important;
}

.m-t-70 {
  margin-top: 70px !important;
}

.m-t-n70 {
  margin-top: -70px !important;
}

.m-r-70 {
  margin-right: 70px !important;
}

.m-r-n70 {
  margin-right: -70px !important;
}

.m-b-70 {
  margin-bottom: 70px !important;
}

.m-b-n70 {
  margin-bottom: -70px !important;
}

.m-l-70 {
  margin-left: 70px !important;
}

.m-l-n70 {
  margin-left: -70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.p-t-n70 {
  padding-top: -70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.p-r-n70 {
  padding-right: -70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.p-b-n70 {
  padding-bottom: -70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.p-l-n70 {
  padding-left: -70px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.m-t-n80 {
  margin-top: -80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.m-r-n80 {
  margin-right: -80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.m-b-n80 {
  margin-bottom: -80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.m-l-n80 {
  margin-left: -80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.p-t-n80 {
  padding-top: -80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.p-r-n80 {
  padding-right: -80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.p-b-n80 {
  padding-bottom: -80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.p-l-n80 {
  padding-left: -80px !important;
}

.m-t-90 {
  margin-top: 90px !important;
}

.m-t-n90 {
  margin-top: -90px !important;
}

.m-r-90 {
  margin-right: 90px !important;
}

.m-r-n90 {
  margin-right: -90px !important;
}

.m-b-90 {
  margin-bottom: 90px !important;
}

.m-b-n90 {
  margin-bottom: -90px !important;
}

.m-l-90 {
  margin-left: 90px !important;
}

.m-l-n90 {
  margin-left: -90px !important;
}

.p-t-90 {
  padding-top: 90px !important;
}

.p-t-n90 {
  padding-top: -90px !important;
}

.p-r-90 {
  padding-right: 90px !important;
}

.p-r-n90 {
  padding-right: -90px !important;
}

.p-b-90 {
  padding-bottom: 90px !important;
}

.p-b-n90 {
  padding-bottom: -90px !important;
}

.p-l-90 {
  padding-left: 90px !important;
}

.p-l-n90 {
  padding-left: -90px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.m-t-n100 {
  margin-top: -100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.m-r-n100 {
  margin-right: -100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.m-b-n100 {
  margin-bottom: -100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.m-l-n100 {
  margin-left: -100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.p-t-n100 {
  padding-top: -100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.p-r-n100 {
  padding-right: -100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.p-b-n100 {
  padding-bottom: -100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.p-l-n100 {
  padding-left: -100px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-n120 {
  margin-top: -120px !important;
}

.m-r-120 {
  margin-right: 120px !important;
}

.m-r-n120 {
  margin-right: -120px !important;
}

.m-b-120 {
  margin-bottom: 120px !important;
}

.m-b-n120 {
  margin-bottom: -120px !important;
}

.m-l-120 {
  margin-left: 120px !important;
}

.m-l-n120 {
  margin-left: -120px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-t-n120 {
  padding-top: -120px !important;
}

.p-r-120 {
  padding-right: 120px !important;
}

.p-r-n120 {
  padding-right: -120px !important;
}

.p-b-120 {
  padding-bottom: 120px !important;
}

.p-b-n120 {
  padding-bottom: -120px !important;
}

.p-l-120 {
  padding-left: 120px !important;
}

.p-l-n120 {
  padding-left: -120px !important;
}

.m-t-140 {
  margin-top: 140px !important;
}

.m-t-n140 {
  margin-top: -140px !important;
}

.m-r-140 {
  margin-right: 140px !important;
}

.m-r-n140 {
  margin-right: -140px !important;
}

.m-b-140 {
  margin-bottom: 140px !important;
}

.m-b-n140 {
  margin-bottom: -140px !important;
}

.m-l-140 {
  margin-left: 140px !important;
}

.m-l-n140 {
  margin-left: -140px !important;
}

.p-t-140 {
  padding-top: 140px !important;
}

.p-t-n140 {
  padding-top: -140px !important;
}

.p-r-140 {
  padding-right: 140px !important;
}

.p-r-n140 {
  padding-right: -140px !important;
}

.p-b-140 {
  padding-bottom: 140px !important;
}

.p-b-n140 {
  padding-bottom: -140px !important;
}

.p-l-140 {
  padding-left: 140px !important;
}

.p-l-n140 {
  padding-left: -140px !important;
}

.m-t-150 {
  margin-top: 150px !important;
}

.m-t-n150 {
  margin-top: -150px !important;
}

.m-r-150 {
  margin-right: 150px !important;
}

.m-r-n150 {
  margin-right: -150px !important;
}

.m-b-150 {
  margin-bottom: 150px !important;
}

.m-b-n150 {
  margin-bottom: -150px !important;
}

.m-l-150 {
  margin-left: 150px !important;
}

.m-l-n150 {
  margin-left: -150px !important;
}

.p-t-150 {
  padding-top: 150px !important;
}

.p-t-n150 {
  padding-top: -150px !important;
}

.p-r-150 {
  padding-right: 150px !important;
}

.p-r-n150 {
  padding-right: -150px !important;
}

.p-b-150 {
  padding-bottom: 150px !important;
}

.p-b-n150 {
  padding-bottom: -150px !important;
}

.p-l-150 {
  padding-left: 150px !important;
}

.p-l-n150 {
  padding-left: -150px !important;
}

.m-t-160 {
  margin-top: 160px !important;
}

.m-t-n160 {
  margin-top: -160px !important;
}

.m-r-160 {
  margin-right: 160px !important;
}

.m-r-n160 {
  margin-right: -160px !important;
}

.m-b-160 {
  margin-bottom: 160px !important;
}

.m-b-n160 {
  margin-bottom: -160px !important;
}

.m-l-160 {
  margin-left: 160px !important;
}

.m-l-n160 {
  margin-left: -160px !important;
}

.p-t-160 {
  padding-top: 160px !important;
}

.p-t-n160 {
  padding-top: -160px !important;
}

.p-r-160 {
  padding-right: 160px !important;
}

.p-r-n160 {
  padding-right: -160px !important;
}

.p-b-160 {
  padding-bottom: 160px !important;
}

.p-b-n160 {
  padding-bottom: -160px !important;
}

.p-l-160 {
  padding-left: 160px !important;
}

.p-l-n160 {
  padding-left: -160px !important;
}

.m-t-180 {
  margin-top: 180px !important;
}

.m-t-n180 {
  margin-top: -180px !important;
}

.m-r-180 {
  margin-right: 180px !important;
}

.m-r-n180 {
  margin-right: -180px !important;
}

.m-b-180 {
  margin-bottom: 180px !important;
}

.m-b-n180 {
  margin-bottom: -180px !important;
}

.m-l-180 {
  margin-left: 180px !important;
}

.m-l-n180 {
  margin-left: -180px !important;
}

.p-t-180 {
  padding-top: 180px !important;
}

.p-t-n180 {
  padding-top: -180px !important;
}

.p-r-180 {
  padding-right: 180px !important;
}

.p-r-n180 {
  padding-right: -180px !important;
}

.p-b-180 {
  padding-bottom: 180px !important;
}

.p-b-n180 {
  padding-bottom: -180px !important;
}

.p-l-180 {
  padding-left: 180px !important;
}

.p-l-n180 {
  padding-left: -180px !important;
}

.m-t-200 {
  margin-top: 200px !important;
}

.m-t-n200 {
  margin-top: -200px !important;
}

.m-r-200 {
  margin-right: 200px !important;
}

.m-r-n200 {
  margin-right: -200px !important;
}

.m-b-200 {
  margin-bottom: 200px !important;
}

.m-b-n200 {
  margin-bottom: -200px !important;
}

.m-l-200 {
  margin-left: 200px !important;
}

.m-l-n200 {
  margin-left: -200px !important;
}

.p-t-200 {
  padding-top: 200px !important;
}

.p-t-n200 {
  padding-top: -200px !important;
}

.p-r-200 {
  padding-right: 200px !important;
}

.p-r-n200 {
  padding-right: -200px !important;
}

.p-b-200 {
  padding-bottom: 200px !important;
}

.p-b-n200 {
  padding-bottom: -200px !important;
}

.p-l-200 {
  padding-left: 200px !important;
}

.p-l-n200 {
  padding-left: -200px !important;
}

.m-t-210 {
  margin-top: 210px !important;
}

.m-t-n210 {
  margin-top: -210px !important;
}

.m-r-210 {
  margin-right: 210px !important;
}

.m-r-n210 {
  margin-right: -210px !important;
}

.m-b-210 {
  margin-bottom: 210px !important;
}

.m-b-n210 {
  margin-bottom: -210px !important;
}

.m-l-210 {
  margin-left: 210px !important;
}

.m-l-n210 {
  margin-left: -210px !important;
}

.p-t-210 {
  padding-top: 210px !important;
}

.p-t-n210 {
  padding-top: -210px !important;
}

.p-r-210 {
  padding-right: 210px !important;
}

.p-r-n210 {
  padding-right: -210px !important;
}

.p-b-210 {
  padding-bottom: 210px !important;
}

.p-b-n210 {
  padding-bottom: -210px !important;
}

.p-l-210 {
  padding-left: 210px !important;
}

.p-l-n210 {
  padding-left: -210px !important;
}

.m-t-220 {
  margin-top: 220px !important;
}

.m-t-n220 {
  margin-top: -220px !important;
}

.m-r-220 {
  margin-right: 220px !important;
}

.m-r-n220 {
  margin-right: -220px !important;
}

.m-b-220 {
  margin-bottom: 220px !important;
}

.m-b-n220 {
  margin-bottom: -220px !important;
}

.m-l-220 {
  margin-left: 220px !important;
}

.m-l-n220 {
  margin-left: -220px !important;
}

.p-t-220 {
  padding-top: 220px !important;
}

.p-t-n220 {
  padding-top: -220px !important;
}

.p-r-220 {
  padding-right: 220px !important;
}

.p-r-n220 {
  padding-right: -220px !important;
}

.p-b-220 {
  padding-bottom: 220px !important;
}

.p-b-n220 {
  padding-bottom: -220px !important;
}

.p-l-220 {
  padding-left: 220px !important;
}

.p-l-n220 {
  padding-left: -220px !important;
}

.m-t-230 {
  margin-top: 230px !important;
}

.m-t-n230 {
  margin-top: -230px !important;
}

.m-r-230 {
  margin-right: 230px !important;
}

.m-r-n230 {
  margin-right: -230px !important;
}

.m-b-230 {
  margin-bottom: 230px !important;
}

.m-b-n230 {
  margin-bottom: -230px !important;
}

.m-l-230 {
  margin-left: 230px !important;
}

.m-l-n230 {
  margin-left: -230px !important;
}

.p-t-230 {
  padding-top: 230px !important;
}

.p-t-n230 {
  padding-top: -230px !important;
}

.p-r-230 {
  padding-right: 230px !important;
}

.p-r-n230 {
  padding-right: -230px !important;
}

.p-b-230 {
  padding-bottom: 230px !important;
}

.p-b-n230 {
  padding-bottom: -230px !important;
}

.p-l-230 {
  padding-left: 230px !important;
}

.p-l-n230 {
  padding-left: -230px !important;
}

.m-t-240 {
  margin-top: 240px !important;
}

.m-t-n240 {
  margin-top: -240px !important;
}

.m-r-240 {
  margin-right: 240px !important;
}

.m-r-n240 {
  margin-right: -240px !important;
}

.m-b-240 {
  margin-bottom: 240px !important;
}

.m-b-n240 {
  margin-bottom: -240px !important;
}

.m-l-240 {
  margin-left: 240px !important;
}

.m-l-n240 {
  margin-left: -240px !important;
}

.p-t-240 {
  padding-top: 240px !important;
}

.p-t-n240 {
  padding-top: -240px !important;
}

.p-r-240 {
  padding-right: 240px !important;
}

.p-r-n240 {
  padding-right: -240px !important;
}

.p-b-240 {
  padding-bottom: 240px !important;
}

.p-b-n240 {
  padding-bottom: -240px !important;
}

.p-l-240 {
  padding-left: 240px !important;
}

.p-l-n240 {
  padding-left: -240px !important;
}

.m-t-250 {
  margin-top: 250px !important;
}

.m-t-n250 {
  margin-top: -250px !important;
}

.m-r-250 {
  margin-right: 250px !important;
}

.m-r-n250 {
  margin-right: -250px !important;
}

.m-b-250 {
  margin-bottom: 250px !important;
}

.m-b-n250 {
  margin-bottom: -250px !important;
}

.m-l-250 {
  margin-left: 250px !important;
}

.m-l-n250 {
  margin-left: -250px !important;
}

.p-t-250 {
  padding-top: 250px !important;
}

.p-t-n250 {
  padding-top: -250px !important;
}

.p-r-250 {
  padding-right: 250px !important;
}

.p-r-n250 {
  padding-right: -250px !important;
}

.p-b-250 {
  padding-bottom: 250px !important;
}

.p-b-n250 {
  padding-bottom: -250px !important;
}

.p-l-250 {
  padding-left: 250px !important;
}

.p-l-n250 {
  padding-left: -250px !important;
}

@media screen and (min-width: 576px) {
  .m-sm-0 {
    margin: 0px !important;
  }

  .m-sm-n0 {
    margin: 0px !important;
  }

  .m-t-sm-0 {
    margin-top: 0px !important;
  }

  .m-t-sm-n0 {
    margin-top: 0px !important;
  }

  .m-r-sm-0 {
    margin-right: 0px !important;
  }

  .m-r-sm-n0 {
    margin-right: 0px !important;
  }

  .m-b-sm-0 {
    margin-bottom: 0px !important;
  }

  .m-b-sm-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-sm-0 {
    margin-left: 0px !important;
  }

  .m-l-sm-n0 {
    margin-left: 0px !important;
  }

  .m-x-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-sm-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-sm-0 {
    padding: 0px !important;
  }

  .p-sm-n0 {
    padding: 0px !important;
  }

  .p-t-sm-0 {
    padding-top: 0px !important;
  }

  .p-t-sm-n0 {
    padding-top: 0px !important;
  }

  .p-r-sm-0 {
    padding-right: 0px !important;
  }

  .p-r-sm-n0 {
    padding-right: 0px !important;
  }

  .p-b-sm-0 {
    padding-bottom: 0px !important;
  }

  .p-b-sm-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-sm-0 {
    padding-left: 0px !important;
  }

  .p-l-sm-n0 {
    padding-left: 0px !important;
  }

  .p-x-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-sm-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-sm-1 {
    margin: 1px !important;
  }

  .m-sm-n1 {
    margin: -1px !important;
  }

  .m-t-sm-1 {
    margin-top: 1px !important;
  }

  .m-t-sm-n1 {
    margin-top: -1px !important;
  }

  .m-r-sm-1 {
    margin-right: 1px !important;
  }

  .m-r-sm-n1 {
    margin-right: -1px !important;
  }

  .m-b-sm-1 {
    margin-bottom: 1px !important;
  }

  .m-b-sm-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-sm-1 {
    margin-left: 1px !important;
  }

  .m-l-sm-n1 {
    margin-left: -1px !important;
  }

  .m-x-sm-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-sm-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-sm-1 {
    padding: 1px !important;
  }

  .p-sm-n1 {
    padding: -1px !important;
  }

  .p-t-sm-1 {
    padding-top: 1px !important;
  }

  .p-t-sm-n1 {
    padding-top: -1px !important;
  }

  .p-r-sm-1 {
    padding-right: 1px !important;
  }

  .p-r-sm-n1 {
    padding-right: -1px !important;
  }

  .p-b-sm-1 {
    padding-bottom: 1px !important;
  }

  .p-b-sm-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-sm-1 {
    padding-left: 1px !important;
  }

  .p-l-sm-n1 {
    padding-left: -1px !important;
  }

  .p-x-sm-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-sm-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-sm-2 {
    margin: 2px !important;
  }

  .m-sm-n2 {
    margin: -2px !important;
  }

  .m-t-sm-2 {
    margin-top: 2px !important;
  }

  .m-t-sm-n2 {
    margin-top: -2px !important;
  }

  .m-r-sm-2 {
    margin-right: 2px !important;
  }

  .m-r-sm-n2 {
    margin-right: -2px !important;
  }

  .m-b-sm-2 {
    margin-bottom: 2px !important;
  }

  .m-b-sm-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-sm-2 {
    margin-left: 2px !important;
  }

  .m-l-sm-n2 {
    margin-left: -2px !important;
  }

  .m-x-sm-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-sm-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-sm-2 {
    padding: 2px !important;
  }

  .p-sm-n2 {
    padding: -2px !important;
  }

  .p-t-sm-2 {
    padding-top: 2px !important;
  }

  .p-t-sm-n2 {
    padding-top: -2px !important;
  }

  .p-r-sm-2 {
    padding-right: 2px !important;
  }

  .p-r-sm-n2 {
    padding-right: -2px !important;
  }

  .p-b-sm-2 {
    padding-bottom: 2px !important;
  }

  .p-b-sm-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-sm-2 {
    padding-left: 2px !important;
  }

  .p-l-sm-n2 {
    padding-left: -2px !important;
  }

  .p-x-sm-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-sm-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-sm-3 {
    margin: 3px !important;
  }

  .m-sm-n3 {
    margin: -3px !important;
  }

  .m-t-sm-3 {
    margin-top: 3px !important;
  }

  .m-t-sm-n3 {
    margin-top: -3px !important;
  }

  .m-r-sm-3 {
    margin-right: 3px !important;
  }

  .m-r-sm-n3 {
    margin-right: -3px !important;
  }

  .m-b-sm-3 {
    margin-bottom: 3px !important;
  }

  .m-b-sm-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-sm-3 {
    margin-left: 3px !important;
  }

  .m-l-sm-n3 {
    margin-left: -3px !important;
  }

  .m-x-sm-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-sm-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-sm-3 {
    padding: 3px !important;
  }

  .p-sm-n3 {
    padding: -3px !important;
  }

  .p-t-sm-3 {
    padding-top: 3px !important;
  }

  .p-t-sm-n3 {
    padding-top: -3px !important;
  }

  .p-r-sm-3 {
    padding-right: 3px !important;
  }

  .p-r-sm-n3 {
    padding-right: -3px !important;
  }

  .p-b-sm-3 {
    padding-bottom: 3px !important;
  }

  .p-b-sm-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-sm-3 {
    padding-left: 3px !important;
  }

  .p-l-sm-n3 {
    padding-left: -3px !important;
  }

  .p-x-sm-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-sm-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-sm-4 {
    margin: 4px !important;
  }

  .m-sm-n4 {
    margin: -4px !important;
  }

  .m-t-sm-4 {
    margin-top: 4px !important;
  }

  .m-t-sm-n4 {
    margin-top: -4px !important;
  }

  .m-r-sm-4 {
    margin-right: 4px !important;
  }

  .m-r-sm-n4 {
    margin-right: -4px !important;
  }

  .m-b-sm-4 {
    margin-bottom: 4px !important;
  }

  .m-b-sm-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-sm-4 {
    margin-left: 4px !important;
  }

  .m-l-sm-n4 {
    margin-left: -4px !important;
  }

  .m-x-sm-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-sm-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-sm-4 {
    padding: 4px !important;
  }

  .p-sm-n4 {
    padding: -4px !important;
  }

  .p-t-sm-4 {
    padding-top: 4px !important;
  }

  .p-t-sm-n4 {
    padding-top: -4px !important;
  }

  .p-r-sm-4 {
    padding-right: 4px !important;
  }

  .p-r-sm-n4 {
    padding-right: -4px !important;
  }

  .p-b-sm-4 {
    padding-bottom: 4px !important;
  }

  .p-b-sm-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-sm-4 {
    padding-left: 4px !important;
  }

  .p-l-sm-n4 {
    padding-left: -4px !important;
  }

  .p-x-sm-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-sm-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-sm-5 {
    margin: 5px !important;
  }

  .m-sm-n5 {
    margin: -5px !important;
  }

  .m-t-sm-5 {
    margin-top: 5px !important;
  }

  .m-t-sm-n5 {
    margin-top: -5px !important;
  }

  .m-r-sm-5 {
    margin-right: 5px !important;
  }

  .m-r-sm-n5 {
    margin-right: -5px !important;
  }

  .m-b-sm-5 {
    margin-bottom: 5px !important;
  }

  .m-b-sm-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-sm-5 {
    margin-left: 5px !important;
  }

  .m-l-sm-n5 {
    margin-left: -5px !important;
  }

  .m-x-sm-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-sm-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-sm-5 {
    padding: 5px !important;
  }

  .p-sm-n5 {
    padding: -5px !important;
  }

  .p-t-sm-5 {
    padding-top: 5px !important;
  }

  .p-t-sm-n5 {
    padding-top: -5px !important;
  }

  .p-r-sm-5 {
    padding-right: 5px !important;
  }

  .p-r-sm-n5 {
    padding-right: -5px !important;
  }

  .p-b-sm-5 {
    padding-bottom: 5px !important;
  }

  .p-b-sm-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-sm-5 {
    padding-left: 5px !important;
  }

  .p-l-sm-n5 {
    padding-left: -5px !important;
  }

  .p-x-sm-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-sm-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-sm-6 {
    margin: 6px !important;
  }

  .m-sm-n6 {
    margin: -6px !important;
  }

  .m-t-sm-6 {
    margin-top: 6px !important;
  }

  .m-t-sm-n6 {
    margin-top: -6px !important;
  }

  .m-r-sm-6 {
    margin-right: 6px !important;
  }

  .m-r-sm-n6 {
    margin-right: -6px !important;
  }

  .m-b-sm-6 {
    margin-bottom: 6px !important;
  }

  .m-b-sm-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-sm-6 {
    margin-left: 6px !important;
  }

  .m-l-sm-n6 {
    margin-left: -6px !important;
  }

  .m-x-sm-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-sm-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-sm-6 {
    padding: 6px !important;
  }

  .p-sm-n6 {
    padding: -6px !important;
  }

  .p-t-sm-6 {
    padding-top: 6px !important;
  }

  .p-t-sm-n6 {
    padding-top: -6px !important;
  }

  .p-r-sm-6 {
    padding-right: 6px !important;
  }

  .p-r-sm-n6 {
    padding-right: -6px !important;
  }

  .p-b-sm-6 {
    padding-bottom: 6px !important;
  }

  .p-b-sm-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-sm-6 {
    padding-left: 6px !important;
  }

  .p-l-sm-n6 {
    padding-left: -6px !important;
  }

  .p-x-sm-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-sm-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-sm-7 {
    margin: 7px !important;
  }

  .m-sm-n7 {
    margin: -7px !important;
  }

  .m-t-sm-7 {
    margin-top: 7px !important;
  }

  .m-t-sm-n7 {
    margin-top: -7px !important;
  }

  .m-r-sm-7 {
    margin-right: 7px !important;
  }

  .m-r-sm-n7 {
    margin-right: -7px !important;
  }

  .m-b-sm-7 {
    margin-bottom: 7px !important;
  }

  .m-b-sm-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-sm-7 {
    margin-left: 7px !important;
  }

  .m-l-sm-n7 {
    margin-left: -7px !important;
  }

  .m-x-sm-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-sm-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-sm-7 {
    padding: 7px !important;
  }

  .p-sm-n7 {
    padding: -7px !important;
  }

  .p-t-sm-7 {
    padding-top: 7px !important;
  }

  .p-t-sm-n7 {
    padding-top: -7px !important;
  }

  .p-r-sm-7 {
    padding-right: 7px !important;
  }

  .p-r-sm-n7 {
    padding-right: -7px !important;
  }

  .p-b-sm-7 {
    padding-bottom: 7px !important;
  }

  .p-b-sm-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-sm-7 {
    padding-left: 7px !important;
  }

  .p-l-sm-n7 {
    padding-left: -7px !important;
  }

  .p-x-sm-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-sm-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-sm-8 {
    margin: 8px !important;
  }

  .m-sm-n8 {
    margin: -8px !important;
  }

  .m-t-sm-8 {
    margin-top: 8px !important;
  }

  .m-t-sm-n8 {
    margin-top: -8px !important;
  }

  .m-r-sm-8 {
    margin-right: 8px !important;
  }

  .m-r-sm-n8 {
    margin-right: -8px !important;
  }

  .m-b-sm-8 {
    margin-bottom: 8px !important;
  }

  .m-b-sm-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-sm-8 {
    margin-left: 8px !important;
  }

  .m-l-sm-n8 {
    margin-left: -8px !important;
  }

  .m-x-sm-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-sm-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-sm-8 {
    padding: 8px !important;
  }

  .p-sm-n8 {
    padding: -8px !important;
  }

  .p-t-sm-8 {
    padding-top: 8px !important;
  }

  .p-t-sm-n8 {
    padding-top: -8px !important;
  }

  .p-r-sm-8 {
    padding-right: 8px !important;
  }

  .p-r-sm-n8 {
    padding-right: -8px !important;
  }

  .p-b-sm-8 {
    padding-bottom: 8px !important;
  }

  .p-b-sm-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-sm-8 {
    padding-left: 8px !important;
  }

  .p-l-sm-n8 {
    padding-left: -8px !important;
  }

  .p-x-sm-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-sm-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-sm-9 {
    margin: 9px !important;
  }

  .m-sm-n9 {
    margin: -9px !important;
  }

  .m-t-sm-9 {
    margin-top: 9px !important;
  }

  .m-t-sm-n9 {
    margin-top: -9px !important;
  }

  .m-r-sm-9 {
    margin-right: 9px !important;
  }

  .m-r-sm-n9 {
    margin-right: -9px !important;
  }

  .m-b-sm-9 {
    margin-bottom: 9px !important;
  }

  .m-b-sm-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-sm-9 {
    margin-left: 9px !important;
  }

  .m-l-sm-n9 {
    margin-left: -9px !important;
  }

  .m-x-sm-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-sm-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-sm-9 {
    padding: 9px !important;
  }

  .p-sm-n9 {
    padding: -9px !important;
  }

  .p-t-sm-9 {
    padding-top: 9px !important;
  }

  .p-t-sm-n9 {
    padding-top: -9px !important;
  }

  .p-r-sm-9 {
    padding-right: 9px !important;
  }

  .p-r-sm-n9 {
    padding-right: -9px !important;
  }

  .p-b-sm-9 {
    padding-bottom: 9px !important;
  }

  .p-b-sm-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-sm-9 {
    padding-left: 9px !important;
  }

  .p-l-sm-n9 {
    padding-left: -9px !important;
  }

  .p-x-sm-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-sm-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-sm-10 {
    margin: 10px !important;
  }

  .m-sm-n10 {
    margin: -10px !important;
  }

  .m-t-sm-10 {
    margin-top: 10px !important;
  }

  .m-t-sm-n10 {
    margin-top: -10px !important;
  }

  .m-r-sm-10 {
    margin-right: 10px !important;
  }

  .m-r-sm-n10 {
    margin-right: -10px !important;
  }

  .m-b-sm-10 {
    margin-bottom: 10px !important;
  }

  .m-b-sm-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-sm-10 {
    margin-left: 10px !important;
  }

  .m-l-sm-n10 {
    margin-left: -10px !important;
  }

  .m-x-sm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-sm-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-sm-10 {
    padding: 10px !important;
  }

  .p-sm-n10 {
    padding: -10px !important;
  }

  .p-t-sm-10 {
    padding-top: 10px !important;
  }

  .p-t-sm-n10 {
    padding-top: -10px !important;
  }

  .p-r-sm-10 {
    padding-right: 10px !important;
  }

  .p-r-sm-n10 {
    padding-right: -10px !important;
  }

  .p-b-sm-10 {
    padding-bottom: 10px !important;
  }

  .p-b-sm-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-sm-10 {
    padding-left: 10px !important;
  }

  .p-l-sm-n10 {
    padding-left: -10px !important;
  }

  .p-x-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-sm-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-sm-15 {
    margin: 15px !important;
  }

  .m-sm-n15 {
    margin: -15px !important;
  }

  .m-t-sm-15 {
    margin-top: 15px !important;
  }

  .m-t-sm-n15 {
    margin-top: -15px !important;
  }

  .m-r-sm-15 {
    margin-right: 15px !important;
  }

  .m-r-sm-n15 {
    margin-right: -15px !important;
  }

  .m-b-sm-15 {
    margin-bottom: 15px !important;
  }

  .m-b-sm-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-sm-15 {
    margin-left: 15px !important;
  }

  .m-l-sm-n15 {
    margin-left: -15px !important;
  }

  .m-x-sm-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-sm-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-sm-15 {
    padding: 15px !important;
  }

  .p-sm-n15 {
    padding: -15px !important;
  }

  .p-t-sm-15 {
    padding-top: 15px !important;
  }

  .p-t-sm-n15 {
    padding-top: -15px !important;
  }

  .p-r-sm-15 {
    padding-right: 15px !important;
  }

  .p-r-sm-n15 {
    padding-right: -15px !important;
  }

  .p-b-sm-15 {
    padding-bottom: 15px !important;
  }

  .p-b-sm-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-sm-15 {
    padding-left: 15px !important;
  }

  .p-l-sm-n15 {
    padding-left: -15px !important;
  }

  .p-x-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-sm-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-sm-16 {
    margin: 16px !important;
  }

  .m-sm-n16 {
    margin: -16px !important;
  }

  .m-t-sm-16 {
    margin-top: 16px !important;
  }

  .m-t-sm-n16 {
    margin-top: -16px !important;
  }

  .m-r-sm-16 {
    margin-right: 16px !important;
  }

  .m-r-sm-n16 {
    margin-right: -16px !important;
  }

  .m-b-sm-16 {
    margin-bottom: 16px !important;
  }

  .m-b-sm-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-sm-16 {
    margin-left: 16px !important;
  }

  .m-l-sm-n16 {
    margin-left: -16px !important;
  }

  .m-x-sm-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-sm-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-sm-16 {
    padding: 16px !important;
  }

  .p-sm-n16 {
    padding: -16px !important;
  }

  .p-t-sm-16 {
    padding-top: 16px !important;
  }

  .p-t-sm-n16 {
    padding-top: -16px !important;
  }

  .p-r-sm-16 {
    padding-right: 16px !important;
  }

  .p-r-sm-n16 {
    padding-right: -16px !important;
  }

  .p-b-sm-16 {
    padding-bottom: 16px !important;
  }

  .p-b-sm-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-sm-16 {
    padding-left: 16px !important;
  }

  .p-l-sm-n16 {
    padding-left: -16px !important;
  }

  .p-x-sm-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-sm-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-sm-20 {
    margin: 20px !important;
  }

  .m-sm-n20 {
    margin: -20px !important;
  }

  .m-t-sm-20 {
    margin-top: 20px !important;
  }

  .m-t-sm-n20 {
    margin-top: -20px !important;
  }

  .m-r-sm-20 {
    margin-right: 20px !important;
  }

  .m-r-sm-n20 {
    margin-right: -20px !important;
  }

  .m-b-sm-20 {
    margin-bottom: 20px !important;
  }

  .m-b-sm-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-sm-20 {
    margin-left: 20px !important;
  }

  .m-l-sm-n20 {
    margin-left: -20px !important;
  }

  .m-x-sm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-sm-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-sm-20 {
    padding: 20px !important;
  }

  .p-sm-n20 {
    padding: -20px !important;
  }

  .p-t-sm-20 {
    padding-top: 20px !important;
  }

  .p-t-sm-n20 {
    padding-top: -20px !important;
  }

  .p-r-sm-20 {
    padding-right: 20px !important;
  }

  .p-r-sm-n20 {
    padding-right: -20px !important;
  }

  .p-b-sm-20 {
    padding-bottom: 20px !important;
  }

  .p-b-sm-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-sm-20 {
    padding-left: 20px !important;
  }

  .p-l-sm-n20 {
    padding-left: -20px !important;
  }

  .p-x-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-sm-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-sm-24 {
    margin: 24px !important;
  }

  .m-sm-n24 {
    margin: -24px !important;
  }

  .m-t-sm-24 {
    margin-top: 24px !important;
  }

  .m-t-sm-n24 {
    margin-top: -24px !important;
  }

  .m-r-sm-24 {
    margin-right: 24px !important;
  }

  .m-r-sm-n24 {
    margin-right: -24px !important;
  }

  .m-b-sm-24 {
    margin-bottom: 24px !important;
  }

  .m-b-sm-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-sm-24 {
    margin-left: 24px !important;
  }

  .m-l-sm-n24 {
    margin-left: -24px !important;
  }

  .m-x-sm-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-sm-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-sm-24 {
    padding: 24px !important;
  }

  .p-sm-n24 {
    padding: -24px !important;
  }

  .p-t-sm-24 {
    padding-top: 24px !important;
  }

  .p-t-sm-n24 {
    padding-top: -24px !important;
  }

  .p-r-sm-24 {
    padding-right: 24px !important;
  }

  .p-r-sm-n24 {
    padding-right: -24px !important;
  }

  .p-b-sm-24 {
    padding-bottom: 24px !important;
  }

  .p-b-sm-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-sm-24 {
    padding-left: 24px !important;
  }

  .p-l-sm-n24 {
    padding-left: -24px !important;
  }

  .p-x-sm-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-sm-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-sm-25 {
    margin: 25px !important;
  }

  .m-sm-n25 {
    margin: -25px !important;
  }

  .m-t-sm-25 {
    margin-top: 25px !important;
  }

  .m-t-sm-n25 {
    margin-top: -25px !important;
  }

  .m-r-sm-25 {
    margin-right: 25px !important;
  }

  .m-r-sm-n25 {
    margin-right: -25px !important;
  }

  .m-b-sm-25 {
    margin-bottom: 25px !important;
  }

  .m-b-sm-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-sm-25 {
    margin-left: 25px !important;
  }

  .m-l-sm-n25 {
    margin-left: -25px !important;
  }

  .m-x-sm-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-sm-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-sm-25 {
    padding: 25px !important;
  }

  .p-sm-n25 {
    padding: -25px !important;
  }

  .p-t-sm-25 {
    padding-top: 25px !important;
  }

  .p-t-sm-n25 {
    padding-top: -25px !important;
  }

  .p-r-sm-25 {
    padding-right: 25px !important;
  }

  .p-r-sm-n25 {
    padding-right: -25px !important;
  }

  .p-b-sm-25 {
    padding-bottom: 25px !important;
  }

  .p-b-sm-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-sm-25 {
    padding-left: 25px !important;
  }

  .p-l-sm-n25 {
    padding-left: -25px !important;
  }

  .p-x-sm-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-sm-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-sm-30 {
    margin: 30px !important;
  }

  .m-sm-n30 {
    margin: -30px !important;
  }

  .m-t-sm-30 {
    margin-top: 30px !important;
  }

  .m-t-sm-n30 {
    margin-top: -30px !important;
  }

  .m-r-sm-30 {
    margin-right: 30px !important;
  }

  .m-r-sm-n30 {
    margin-right: -30px !important;
  }

  .m-b-sm-30 {
    margin-bottom: 30px !important;
  }

  .m-b-sm-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-sm-30 {
    margin-left: 30px !important;
  }

  .m-l-sm-n30 {
    margin-left: -30px !important;
  }

  .m-x-sm-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-sm-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-sm-30 {
    padding: 30px !important;
  }

  .p-sm-n30 {
    padding: -30px !important;
  }

  .p-t-sm-30 {
    padding-top: 30px !important;
  }

  .p-t-sm-n30 {
    padding-top: -30px !important;
  }

  .p-r-sm-30 {
    padding-right: 30px !important;
  }

  .p-r-sm-n30 {
    padding-right: -30px !important;
  }

  .p-b-sm-30 {
    padding-bottom: 30px !important;
  }

  .p-b-sm-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-sm-30 {
    padding-left: 30px !important;
  }

  .p-l-sm-n30 {
    padding-left: -30px !important;
  }

  .p-x-sm-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-sm-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-sm-35 {
    margin: 35px !important;
  }

  .m-sm-n35 {
    margin: -35px !important;
  }

  .m-t-sm-35 {
    margin-top: 35px !important;
  }

  .m-t-sm-n35 {
    margin-top: -35px !important;
  }

  .m-r-sm-35 {
    margin-right: 35px !important;
  }

  .m-r-sm-n35 {
    margin-right: -35px !important;
  }

  .m-b-sm-35 {
    margin-bottom: 35px !important;
  }

  .m-b-sm-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-sm-35 {
    margin-left: 35px !important;
  }

  .m-l-sm-n35 {
    margin-left: -35px !important;
  }

  .m-x-sm-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-sm-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-sm-35 {
    padding: 35px !important;
  }

  .p-sm-n35 {
    padding: -35px !important;
  }

  .p-t-sm-35 {
    padding-top: 35px !important;
  }

  .p-t-sm-n35 {
    padding-top: -35px !important;
  }

  .p-r-sm-35 {
    padding-right: 35px !important;
  }

  .p-r-sm-n35 {
    padding-right: -35px !important;
  }

  .p-b-sm-35 {
    padding-bottom: 35px !important;
  }

  .p-b-sm-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-sm-35 {
    padding-left: 35px !important;
  }

  .p-l-sm-n35 {
    padding-left: -35px !important;
  }

  .p-x-sm-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-sm-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-sm-40 {
    margin: 40px !important;
  }

  .m-sm-n40 {
    margin: -40px !important;
  }

  .m-t-sm-40 {
    margin-top: 40px !important;
  }

  .m-t-sm-n40 {
    margin-top: -40px !important;
  }

  .m-r-sm-40 {
    margin-right: 40px !important;
  }

  .m-r-sm-n40 {
    margin-right: -40px !important;
  }

  .m-b-sm-40 {
    margin-bottom: 40px !important;
  }

  .m-b-sm-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-sm-40 {
    margin-left: 40px !important;
  }

  .m-l-sm-n40 {
    margin-left: -40px !important;
  }

  .m-x-sm-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-sm-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-sm-40 {
    padding: 40px !important;
  }

  .p-sm-n40 {
    padding: -40px !important;
  }

  .p-t-sm-40 {
    padding-top: 40px !important;
  }

  .p-t-sm-n40 {
    padding-top: -40px !important;
  }

  .p-r-sm-40 {
    padding-right: 40px !important;
  }

  .p-r-sm-n40 {
    padding-right: -40px !important;
  }

  .p-b-sm-40 {
    padding-bottom: 40px !important;
  }

  .p-b-sm-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-sm-40 {
    padding-left: 40px !important;
  }

  .p-l-sm-n40 {
    padding-left: -40px !important;
  }

  .p-x-sm-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-sm-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-sm-45 {
    margin: 45px !important;
  }

  .m-sm-n45 {
    margin: -45px !important;
  }

  .m-t-sm-45 {
    margin-top: 45px !important;
  }

  .m-t-sm-n45 {
    margin-top: -45px !important;
  }

  .m-r-sm-45 {
    margin-right: 45px !important;
  }

  .m-r-sm-n45 {
    margin-right: -45px !important;
  }

  .m-b-sm-45 {
    margin-bottom: 45px !important;
  }

  .m-b-sm-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-sm-45 {
    margin-left: 45px !important;
  }

  .m-l-sm-n45 {
    margin-left: -45px !important;
  }

  .m-x-sm-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-sm-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-sm-45 {
    padding: 45px !important;
  }

  .p-sm-n45 {
    padding: -45px !important;
  }

  .p-t-sm-45 {
    padding-top: 45px !important;
  }

  .p-t-sm-n45 {
    padding-top: -45px !important;
  }

  .p-r-sm-45 {
    padding-right: 45px !important;
  }

  .p-r-sm-n45 {
    padding-right: -45px !important;
  }

  .p-b-sm-45 {
    padding-bottom: 45px !important;
  }

  .p-b-sm-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-sm-45 {
    padding-left: 45px !important;
  }

  .p-l-sm-n45 {
    padding-left: -45px !important;
  }

  .p-x-sm-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-sm-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-sm-50 {
    margin: 50px !important;
  }

  .m-sm-n50 {
    margin: -50px !important;
  }

  .m-t-sm-50 {
    margin-top: 50px !important;
  }

  .m-t-sm-n50 {
    margin-top: -50px !important;
  }

  .m-r-sm-50 {
    margin-right: 50px !important;
  }

  .m-r-sm-n50 {
    margin-right: -50px !important;
  }

  .m-b-sm-50 {
    margin-bottom: 50px !important;
  }

  .m-b-sm-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-sm-50 {
    margin-left: 50px !important;
  }

  .m-l-sm-n50 {
    margin-left: -50px !important;
  }

  .m-x-sm-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-sm-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-sm-50 {
    padding: 50px !important;
  }

  .p-sm-n50 {
    padding: -50px !important;
  }

  .p-t-sm-50 {
    padding-top: 50px !important;
  }

  .p-t-sm-n50 {
    padding-top: -50px !important;
  }

  .p-r-sm-50 {
    padding-right: 50px !important;
  }

  .p-r-sm-n50 {
    padding-right: -50px !important;
  }

  .p-b-sm-50 {
    padding-bottom: 50px !important;
  }

  .p-b-sm-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-sm-50 {
    padding-left: 50px !important;
  }

  .p-l-sm-n50 {
    padding-left: -50px !important;
  }

  .p-x-sm-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-sm-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-sm-55 {
    margin: 55px !important;
  }

  .m-sm-n55 {
    margin: -55px !important;
  }

  .m-t-sm-55 {
    margin-top: 55px !important;
  }

  .m-t-sm-n55 {
    margin-top: -55px !important;
  }

  .m-r-sm-55 {
    margin-right: 55px !important;
  }

  .m-r-sm-n55 {
    margin-right: -55px !important;
  }

  .m-b-sm-55 {
    margin-bottom: 55px !important;
  }

  .m-b-sm-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-sm-55 {
    margin-left: 55px !important;
  }

  .m-l-sm-n55 {
    margin-left: -55px !important;
  }

  .m-x-sm-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-sm-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-sm-55 {
    padding: 55px !important;
  }

  .p-sm-n55 {
    padding: -55px !important;
  }

  .p-t-sm-55 {
    padding-top: 55px !important;
  }

  .p-t-sm-n55 {
    padding-top: -55px !important;
  }

  .p-r-sm-55 {
    padding-right: 55px !important;
  }

  .p-r-sm-n55 {
    padding-right: -55px !important;
  }

  .p-b-sm-55 {
    padding-bottom: 55px !important;
  }

  .p-b-sm-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-sm-55 {
    padding-left: 55px !important;
  }

  .p-l-sm-n55 {
    padding-left: -55px !important;
  }

  .p-x-sm-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-sm-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-sm-60 {
    margin: 60px !important;
  }

  .m-sm-n60 {
    margin: -60px !important;
  }

  .m-t-sm-60 {
    margin-top: 60px !important;
  }

  .m-t-sm-n60 {
    margin-top: -60px !important;
  }

  .m-r-sm-60 {
    margin-right: 60px !important;
  }

  .m-r-sm-n60 {
    margin-right: -60px !important;
  }

  .m-b-sm-60 {
    margin-bottom: 60px !important;
  }

  .m-b-sm-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-sm-60 {
    margin-left: 60px !important;
  }

  .m-l-sm-n60 {
    margin-left: -60px !important;
  }

  .m-x-sm-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-sm-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-sm-60 {
    padding: 60px !important;
  }

  .p-sm-n60 {
    padding: -60px !important;
  }

  .p-t-sm-60 {
    padding-top: 60px !important;
  }

  .p-t-sm-n60 {
    padding-top: -60px !important;
  }

  .p-r-sm-60 {
    padding-right: 60px !important;
  }

  .p-r-sm-n60 {
    padding-right: -60px !important;
  }

  .p-b-sm-60 {
    padding-bottom: 60px !important;
  }

  .p-b-sm-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-sm-60 {
    padding-left: 60px !important;
  }

  .p-l-sm-n60 {
    padding-left: -60px !important;
  }

  .p-x-sm-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-sm-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-sm-70 {
    margin: 70px !important;
  }

  .m-sm-n70 {
    margin: -70px !important;
  }

  .m-t-sm-70 {
    margin-top: 70px !important;
  }

  .m-t-sm-n70 {
    margin-top: -70px !important;
  }

  .m-r-sm-70 {
    margin-right: 70px !important;
  }

  .m-r-sm-n70 {
    margin-right: -70px !important;
  }

  .m-b-sm-70 {
    margin-bottom: 70px !important;
  }

  .m-b-sm-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-sm-70 {
    margin-left: 70px !important;
  }

  .m-l-sm-n70 {
    margin-left: -70px !important;
  }

  .m-x-sm-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-sm-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-sm-70 {
    padding: 70px !important;
  }

  .p-sm-n70 {
    padding: -70px !important;
  }

  .p-t-sm-70 {
    padding-top: 70px !important;
  }

  .p-t-sm-n70 {
    padding-top: -70px !important;
  }

  .p-r-sm-70 {
    padding-right: 70px !important;
  }

  .p-r-sm-n70 {
    padding-right: -70px !important;
  }

  .p-b-sm-70 {
    padding-bottom: 70px !important;
  }

  .p-b-sm-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-sm-70 {
    padding-left: 70px !important;
  }

  .p-l-sm-n70 {
    padding-left: -70px !important;
  }

  .p-x-sm-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-sm-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-sm-80 {
    margin: 80px !important;
  }

  .m-sm-n80 {
    margin: -80px !important;
  }

  .m-t-sm-80 {
    margin-top: 80px !important;
  }

  .m-t-sm-n80 {
    margin-top: -80px !important;
  }

  .m-r-sm-80 {
    margin-right: 80px !important;
  }

  .m-r-sm-n80 {
    margin-right: -80px !important;
  }

  .m-b-sm-80 {
    margin-bottom: 80px !important;
  }

  .m-b-sm-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-sm-80 {
    margin-left: 80px !important;
  }

  .m-l-sm-n80 {
    margin-left: -80px !important;
  }

  .m-x-sm-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-sm-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-sm-80 {
    padding: 80px !important;
  }

  .p-sm-n80 {
    padding: -80px !important;
  }

  .p-t-sm-80 {
    padding-top: 80px !important;
  }

  .p-t-sm-n80 {
    padding-top: -80px !important;
  }

  .p-r-sm-80 {
    padding-right: 80px !important;
  }

  .p-r-sm-n80 {
    padding-right: -80px !important;
  }

  .p-b-sm-80 {
    padding-bottom: 80px !important;
  }

  .p-b-sm-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-sm-80 {
    padding-left: 80px !important;
  }

  .p-l-sm-n80 {
    padding-left: -80px !important;
  }

  .p-x-sm-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-sm-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-sm-90 {
    margin: 90px !important;
  }

  .m-sm-n90 {
    margin: -90px !important;
  }

  .m-t-sm-90 {
    margin-top: 90px !important;
  }

  .m-t-sm-n90 {
    margin-top: -90px !important;
  }

  .m-r-sm-90 {
    margin-right: 90px !important;
  }

  .m-r-sm-n90 {
    margin-right: -90px !important;
  }

  .m-b-sm-90 {
    margin-bottom: 90px !important;
  }

  .m-b-sm-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-sm-90 {
    margin-left: 90px !important;
  }

  .m-l-sm-n90 {
    margin-left: -90px !important;
  }

  .m-x-sm-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-sm-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-sm-90 {
    padding: 90px !important;
  }

  .p-sm-n90 {
    padding: -90px !important;
  }

  .p-t-sm-90 {
    padding-top: 90px !important;
  }

  .p-t-sm-n90 {
    padding-top: -90px !important;
  }

  .p-r-sm-90 {
    padding-right: 90px !important;
  }

  .p-r-sm-n90 {
    padding-right: -90px !important;
  }

  .p-b-sm-90 {
    padding-bottom: 90px !important;
  }

  .p-b-sm-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-sm-90 {
    padding-left: 90px !important;
  }

  .p-l-sm-n90 {
    padding-left: -90px !important;
  }

  .p-x-sm-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-sm-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-sm-100 {
    margin: 100px !important;
  }

  .m-sm-n100 {
    margin: -100px !important;
  }

  .m-t-sm-100 {
    margin-top: 100px !important;
  }

  .m-t-sm-n100 {
    margin-top: -100px !important;
  }

  .m-r-sm-100 {
    margin-right: 100px !important;
  }

  .m-r-sm-n100 {
    margin-right: -100px !important;
  }

  .m-b-sm-100 {
    margin-bottom: 100px !important;
  }

  .m-b-sm-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-sm-100 {
    margin-left: 100px !important;
  }

  .m-l-sm-n100 {
    margin-left: -100px !important;
  }

  .m-x-sm-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-sm-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-sm-100 {
    padding: 100px !important;
  }

  .p-sm-n100 {
    padding: -100px !important;
  }

  .p-t-sm-100 {
    padding-top: 100px !important;
  }

  .p-t-sm-n100 {
    padding-top: -100px !important;
  }

  .p-r-sm-100 {
    padding-right: 100px !important;
  }

  .p-r-sm-n100 {
    padding-right: -100px !important;
  }

  .p-b-sm-100 {
    padding-bottom: 100px !important;
  }

  .p-b-sm-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-sm-100 {
    padding-left: 100px !important;
  }

  .p-l-sm-n100 {
    padding-left: -100px !important;
  }

  .p-x-sm-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-sm-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-sm-120 {
    margin: 120px !important;
  }

  .m-sm-n120 {
    margin: -120px !important;
  }

  .m-t-sm-120 {
    margin-top: 120px !important;
  }

  .m-t-sm-n120 {
    margin-top: -120px !important;
  }

  .m-r-sm-120 {
    margin-right: 120px !important;
  }

  .m-r-sm-n120 {
    margin-right: -120px !important;
  }

  .m-b-sm-120 {
    margin-bottom: 120px !important;
  }

  .m-b-sm-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-sm-120 {
    margin-left: 120px !important;
  }

  .m-l-sm-n120 {
    margin-left: -120px !important;
  }

  .m-x-sm-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-sm-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-sm-120 {
    padding: 120px !important;
  }

  .p-sm-n120 {
    padding: -120px !important;
  }

  .p-t-sm-120 {
    padding-top: 120px !important;
  }

  .p-t-sm-n120 {
    padding-top: -120px !important;
  }

  .p-r-sm-120 {
    padding-right: 120px !important;
  }

  .p-r-sm-n120 {
    padding-right: -120px !important;
  }

  .p-b-sm-120 {
    padding-bottom: 120px !important;
  }

  .p-b-sm-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-sm-120 {
    padding-left: 120px !important;
  }

  .p-l-sm-n120 {
    padding-left: -120px !important;
  }

  .p-x-sm-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-sm-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-sm-140 {
    margin: 140px !important;
  }

  .m-sm-n140 {
    margin: -140px !important;
  }

  .m-t-sm-140 {
    margin-top: 140px !important;
  }

  .m-t-sm-n140 {
    margin-top: -140px !important;
  }

  .m-r-sm-140 {
    margin-right: 140px !important;
  }

  .m-r-sm-n140 {
    margin-right: -140px !important;
  }

  .m-b-sm-140 {
    margin-bottom: 140px !important;
  }

  .m-b-sm-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-sm-140 {
    margin-left: 140px !important;
  }

  .m-l-sm-n140 {
    margin-left: -140px !important;
  }

  .m-x-sm-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-sm-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-sm-140 {
    padding: 140px !important;
  }

  .p-sm-n140 {
    padding: -140px !important;
  }

  .p-t-sm-140 {
    padding-top: 140px !important;
  }

  .p-t-sm-n140 {
    padding-top: -140px !important;
  }

  .p-r-sm-140 {
    padding-right: 140px !important;
  }

  .p-r-sm-n140 {
    padding-right: -140px !important;
  }

  .p-b-sm-140 {
    padding-bottom: 140px !important;
  }

  .p-b-sm-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-sm-140 {
    padding-left: 140px !important;
  }

  .p-l-sm-n140 {
    padding-left: -140px !important;
  }

  .p-x-sm-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-sm-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-sm-150 {
    margin: 150px !important;
  }

  .m-sm-n150 {
    margin: -150px !important;
  }

  .m-t-sm-150 {
    margin-top: 150px !important;
  }

  .m-t-sm-n150 {
    margin-top: -150px !important;
  }

  .m-r-sm-150 {
    margin-right: 150px !important;
  }

  .m-r-sm-n150 {
    margin-right: -150px !important;
  }

  .m-b-sm-150 {
    margin-bottom: 150px !important;
  }

  .m-b-sm-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-sm-150 {
    margin-left: 150px !important;
  }

  .m-l-sm-n150 {
    margin-left: -150px !important;
  }

  .m-x-sm-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-sm-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-sm-150 {
    padding: 150px !important;
  }

  .p-sm-n150 {
    padding: -150px !important;
  }

  .p-t-sm-150 {
    padding-top: 150px !important;
  }

  .p-t-sm-n150 {
    padding-top: -150px !important;
  }

  .p-r-sm-150 {
    padding-right: 150px !important;
  }

  .p-r-sm-n150 {
    padding-right: -150px !important;
  }

  .p-b-sm-150 {
    padding-bottom: 150px !important;
  }

  .p-b-sm-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-sm-150 {
    padding-left: 150px !important;
  }

  .p-l-sm-n150 {
    padding-left: -150px !important;
  }

  .p-x-sm-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-sm-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-sm-160 {
    margin: 160px !important;
  }

  .m-sm-n160 {
    margin: -160px !important;
  }

  .m-t-sm-160 {
    margin-top: 160px !important;
  }

  .m-t-sm-n160 {
    margin-top: -160px !important;
  }

  .m-r-sm-160 {
    margin-right: 160px !important;
  }

  .m-r-sm-n160 {
    margin-right: -160px !important;
  }

  .m-b-sm-160 {
    margin-bottom: 160px !important;
  }

  .m-b-sm-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-sm-160 {
    margin-left: 160px !important;
  }

  .m-l-sm-n160 {
    margin-left: -160px !important;
  }

  .m-x-sm-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-sm-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-sm-160 {
    padding: 160px !important;
  }

  .p-sm-n160 {
    padding: -160px !important;
  }

  .p-t-sm-160 {
    padding-top: 160px !important;
  }

  .p-t-sm-n160 {
    padding-top: -160px !important;
  }

  .p-r-sm-160 {
    padding-right: 160px !important;
  }

  .p-r-sm-n160 {
    padding-right: -160px !important;
  }

  .p-b-sm-160 {
    padding-bottom: 160px !important;
  }

  .p-b-sm-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-sm-160 {
    padding-left: 160px !important;
  }

  .p-l-sm-n160 {
    padding-left: -160px !important;
  }

  .p-x-sm-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-sm-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-sm-180 {
    margin: 180px !important;
  }

  .m-sm-n180 {
    margin: -180px !important;
  }

  .m-t-sm-180 {
    margin-top: 180px !important;
  }

  .m-t-sm-n180 {
    margin-top: -180px !important;
  }

  .m-r-sm-180 {
    margin-right: 180px !important;
  }

  .m-r-sm-n180 {
    margin-right: -180px !important;
  }

  .m-b-sm-180 {
    margin-bottom: 180px !important;
  }

  .m-b-sm-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-sm-180 {
    margin-left: 180px !important;
  }

  .m-l-sm-n180 {
    margin-left: -180px !important;
  }

  .m-x-sm-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-sm-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-sm-180 {
    padding: 180px !important;
  }

  .p-sm-n180 {
    padding: -180px !important;
  }

  .p-t-sm-180 {
    padding-top: 180px !important;
  }

  .p-t-sm-n180 {
    padding-top: -180px !important;
  }

  .p-r-sm-180 {
    padding-right: 180px !important;
  }

  .p-r-sm-n180 {
    padding-right: -180px !important;
  }

  .p-b-sm-180 {
    padding-bottom: 180px !important;
  }

  .p-b-sm-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-sm-180 {
    padding-left: 180px !important;
  }

  .p-l-sm-n180 {
    padding-left: -180px !important;
  }

  .p-x-sm-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-sm-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-sm-200 {
    margin: 200px !important;
  }

  .m-sm-n200 {
    margin: -200px !important;
  }

  .m-t-sm-200 {
    margin-top: 200px !important;
  }

  .m-t-sm-n200 {
    margin-top: -200px !important;
  }

  .m-r-sm-200 {
    margin-right: 200px !important;
  }

  .m-r-sm-n200 {
    margin-right: -200px !important;
  }

  .m-b-sm-200 {
    margin-bottom: 200px !important;
  }

  .m-b-sm-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-sm-200 {
    margin-left: 200px !important;
  }

  .m-l-sm-n200 {
    margin-left: -200px !important;
  }

  .m-x-sm-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-sm-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-sm-200 {
    padding: 200px !important;
  }

  .p-sm-n200 {
    padding: -200px !important;
  }

  .p-t-sm-200 {
    padding-top: 200px !important;
  }

  .p-t-sm-n200 {
    padding-top: -200px !important;
  }

  .p-r-sm-200 {
    padding-right: 200px !important;
  }

  .p-r-sm-n200 {
    padding-right: -200px !important;
  }

  .p-b-sm-200 {
    padding-bottom: 200px !important;
  }

  .p-b-sm-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-sm-200 {
    padding-left: 200px !important;
  }

  .p-l-sm-n200 {
    padding-left: -200px !important;
  }

  .p-x-sm-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-sm-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-sm-210 {
    margin: 210px !important;
  }

  .m-sm-n210 {
    margin: -210px !important;
  }

  .m-t-sm-210 {
    margin-top: 210px !important;
  }

  .m-t-sm-n210 {
    margin-top: -210px !important;
  }

  .m-r-sm-210 {
    margin-right: 210px !important;
  }

  .m-r-sm-n210 {
    margin-right: -210px !important;
  }

  .m-b-sm-210 {
    margin-bottom: 210px !important;
  }

  .m-b-sm-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-sm-210 {
    margin-left: 210px !important;
  }

  .m-l-sm-n210 {
    margin-left: -210px !important;
  }

  .m-x-sm-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-sm-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-sm-210 {
    padding: 210px !important;
  }

  .p-sm-n210 {
    padding: -210px !important;
  }

  .p-t-sm-210 {
    padding-top: 210px !important;
  }

  .p-t-sm-n210 {
    padding-top: -210px !important;
  }

  .p-r-sm-210 {
    padding-right: 210px !important;
  }

  .p-r-sm-n210 {
    padding-right: -210px !important;
  }

  .p-b-sm-210 {
    padding-bottom: 210px !important;
  }

  .p-b-sm-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-sm-210 {
    padding-left: 210px !important;
  }

  .p-l-sm-n210 {
    padding-left: -210px !important;
  }

  .p-x-sm-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-sm-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-sm-220 {
    margin: 220px !important;
  }

  .m-sm-n220 {
    margin: -220px !important;
  }

  .m-t-sm-220 {
    margin-top: 220px !important;
  }

  .m-t-sm-n220 {
    margin-top: -220px !important;
  }

  .m-r-sm-220 {
    margin-right: 220px !important;
  }

  .m-r-sm-n220 {
    margin-right: -220px !important;
  }

  .m-b-sm-220 {
    margin-bottom: 220px !important;
  }

  .m-b-sm-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-sm-220 {
    margin-left: 220px !important;
  }

  .m-l-sm-n220 {
    margin-left: -220px !important;
  }

  .m-x-sm-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-sm-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-sm-220 {
    padding: 220px !important;
  }

  .p-sm-n220 {
    padding: -220px !important;
  }

  .p-t-sm-220 {
    padding-top: 220px !important;
  }

  .p-t-sm-n220 {
    padding-top: -220px !important;
  }

  .p-r-sm-220 {
    padding-right: 220px !important;
  }

  .p-r-sm-n220 {
    padding-right: -220px !important;
  }

  .p-b-sm-220 {
    padding-bottom: 220px !important;
  }

  .p-b-sm-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-sm-220 {
    padding-left: 220px !important;
  }

  .p-l-sm-n220 {
    padding-left: -220px !important;
  }

  .p-x-sm-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-sm-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-sm-230 {
    margin: 230px !important;
  }

  .m-sm-n230 {
    margin: -230px !important;
  }

  .m-t-sm-230 {
    margin-top: 230px !important;
  }

  .m-t-sm-n230 {
    margin-top: -230px !important;
  }

  .m-r-sm-230 {
    margin-right: 230px !important;
  }

  .m-r-sm-n230 {
    margin-right: -230px !important;
  }

  .m-b-sm-230 {
    margin-bottom: 230px !important;
  }

  .m-b-sm-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-sm-230 {
    margin-left: 230px !important;
  }

  .m-l-sm-n230 {
    margin-left: -230px !important;
  }

  .m-x-sm-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-sm-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-sm-230 {
    padding: 230px !important;
  }

  .p-sm-n230 {
    padding: -230px !important;
  }

  .p-t-sm-230 {
    padding-top: 230px !important;
  }

  .p-t-sm-n230 {
    padding-top: -230px !important;
  }

  .p-r-sm-230 {
    padding-right: 230px !important;
  }

  .p-r-sm-n230 {
    padding-right: -230px !important;
  }

  .p-b-sm-230 {
    padding-bottom: 230px !important;
  }

  .p-b-sm-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-sm-230 {
    padding-left: 230px !important;
  }

  .p-l-sm-n230 {
    padding-left: -230px !important;
  }

  .p-x-sm-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-sm-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-sm-240 {
    margin: 240px !important;
  }

  .m-sm-n240 {
    margin: -240px !important;
  }

  .m-t-sm-240 {
    margin-top: 240px !important;
  }

  .m-t-sm-n240 {
    margin-top: -240px !important;
  }

  .m-r-sm-240 {
    margin-right: 240px !important;
  }

  .m-r-sm-n240 {
    margin-right: -240px !important;
  }

  .m-b-sm-240 {
    margin-bottom: 240px !important;
  }

  .m-b-sm-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-sm-240 {
    margin-left: 240px !important;
  }

  .m-l-sm-n240 {
    margin-left: -240px !important;
  }

  .m-x-sm-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-sm-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-sm-240 {
    padding: 240px !important;
  }

  .p-sm-n240 {
    padding: -240px !important;
  }

  .p-t-sm-240 {
    padding-top: 240px !important;
  }

  .p-t-sm-n240 {
    padding-top: -240px !important;
  }

  .p-r-sm-240 {
    padding-right: 240px !important;
  }

  .p-r-sm-n240 {
    padding-right: -240px !important;
  }

  .p-b-sm-240 {
    padding-bottom: 240px !important;
  }

  .p-b-sm-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-sm-240 {
    padding-left: 240px !important;
  }

  .p-l-sm-n240 {
    padding-left: -240px !important;
  }

  .p-x-sm-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-sm-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-sm-250 {
    margin: 250px !important;
  }

  .m-sm-n250 {
    margin: -250px !important;
  }

  .m-t-sm-250 {
    margin-top: 250px !important;
  }

  .m-t-sm-n250 {
    margin-top: -250px !important;
  }

  .m-r-sm-250 {
    margin-right: 250px !important;
  }

  .m-r-sm-n250 {
    margin-right: -250px !important;
  }

  .m-b-sm-250 {
    margin-bottom: 250px !important;
  }

  .m-b-sm-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-sm-250 {
    margin-left: 250px !important;
  }

  .m-l-sm-n250 {
    margin-left: -250px !important;
  }

  .m-x-sm-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-sm-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-sm-250 {
    padding: 250px !important;
  }

  .p-sm-n250 {
    padding: -250px !important;
  }

  .p-t-sm-250 {
    padding-top: 250px !important;
  }

  .p-t-sm-n250 {
    padding-top: -250px !important;
  }

  .p-r-sm-250 {
    padding-right: 250px !important;
  }

  .p-r-sm-n250 {
    padding-right: -250px !important;
  }

  .p-b-sm-250 {
    padding-bottom: 250px !important;
  }

  .p-b-sm-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-sm-250 {
    padding-left: 250px !important;
  }

  .p-l-sm-n250 {
    padding-left: -250px !important;
  }

  .p-x-sm-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-sm-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0px !important;
  }

  .m-md-n0 {
    margin: 0px !important;
  }

  .m-t-md-0 {
    margin-top: 0px !important;
  }

  .m-t-md-n0 {
    margin-top: 0px !important;
  }

  .m-r-md-0 {
    margin-right: 0px !important;
  }

  .m-r-md-n0 {
    margin-right: 0px !important;
  }

  .m-b-md-0 {
    margin-bottom: 0px !important;
  }

  .m-b-md-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-md-0 {
    margin-left: 0px !important;
  }

  .m-l-md-n0 {
    margin-left: 0px !important;
  }

  .m-x-md-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-md-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-md-0 {
    padding: 0px !important;
  }

  .p-md-n0 {
    padding: 0px !important;
  }

  .p-t-md-0 {
    padding-top: 0px !important;
  }

  .p-t-md-n0 {
    padding-top: 0px !important;
  }

  .p-r-md-0 {
    padding-right: 0px !important;
  }

  .p-r-md-n0 {
    padding-right: 0px !important;
  }

  .p-b-md-0 {
    padding-bottom: 0px !important;
  }

  .p-b-md-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-md-0 {
    padding-left: 0px !important;
  }

  .p-l-md-n0 {
    padding-left: 0px !important;
  }

  .p-x-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-md-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-md-1 {
    margin: 1px !important;
  }

  .m-md-n1 {
    margin: -1px !important;
  }

  .m-t-md-1 {
    margin-top: 1px !important;
  }

  .m-t-md-n1 {
    margin-top: -1px !important;
  }

  .m-r-md-1 {
    margin-right: 1px !important;
  }

  .m-r-md-n1 {
    margin-right: -1px !important;
  }

  .m-b-md-1 {
    margin-bottom: 1px !important;
  }

  .m-b-md-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-md-1 {
    margin-left: 1px !important;
  }

  .m-l-md-n1 {
    margin-left: -1px !important;
  }

  .m-x-md-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-md-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-md-1 {
    padding: 1px !important;
  }

  .p-md-n1 {
    padding: -1px !important;
  }

  .p-t-md-1 {
    padding-top: 1px !important;
  }

  .p-t-md-n1 {
    padding-top: -1px !important;
  }

  .p-r-md-1 {
    padding-right: 1px !important;
  }

  .p-r-md-n1 {
    padding-right: -1px !important;
  }

  .p-b-md-1 {
    padding-bottom: 1px !important;
  }

  .p-b-md-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-md-1 {
    padding-left: 1px !important;
  }

  .p-l-md-n1 {
    padding-left: -1px !important;
  }

  .p-x-md-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-md-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-md-2 {
    margin: 2px !important;
  }

  .m-md-n2 {
    margin: -2px !important;
  }

  .m-t-md-2 {
    margin-top: 2px !important;
  }

  .m-t-md-n2 {
    margin-top: -2px !important;
  }

  .m-r-md-2 {
    margin-right: 2px !important;
  }

  .m-r-md-n2 {
    margin-right: -2px !important;
  }

  .m-b-md-2 {
    margin-bottom: 2px !important;
  }

  .m-b-md-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-md-2 {
    margin-left: 2px !important;
  }

  .m-l-md-n2 {
    margin-left: -2px !important;
  }

  .m-x-md-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-md-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-md-2 {
    padding: 2px !important;
  }

  .p-md-n2 {
    padding: -2px !important;
  }

  .p-t-md-2 {
    padding-top: 2px !important;
  }

  .p-t-md-n2 {
    padding-top: -2px !important;
  }

  .p-r-md-2 {
    padding-right: 2px !important;
  }

  .p-r-md-n2 {
    padding-right: -2px !important;
  }

  .p-b-md-2 {
    padding-bottom: 2px !important;
  }

  .p-b-md-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-md-2 {
    padding-left: 2px !important;
  }

  .p-l-md-n2 {
    padding-left: -2px !important;
  }

  .p-x-md-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-md-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-md-3 {
    margin: 3px !important;
  }

  .m-md-n3 {
    margin: -3px !important;
  }

  .m-t-md-3 {
    margin-top: 3px !important;
  }

  .m-t-md-n3 {
    margin-top: -3px !important;
  }

  .m-r-md-3 {
    margin-right: 3px !important;
  }

  .m-r-md-n3 {
    margin-right: -3px !important;
  }

  .m-b-md-3 {
    margin-bottom: 3px !important;
  }

  .m-b-md-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-md-3 {
    margin-left: 3px !important;
  }

  .m-l-md-n3 {
    margin-left: -3px !important;
  }

  .m-x-md-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-md-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-md-3 {
    padding: 3px !important;
  }

  .p-md-n3 {
    padding: -3px !important;
  }

  .p-t-md-3 {
    padding-top: 3px !important;
  }

  .p-t-md-n3 {
    padding-top: -3px !important;
  }

  .p-r-md-3 {
    padding-right: 3px !important;
  }

  .p-r-md-n3 {
    padding-right: -3px !important;
  }

  .p-b-md-3 {
    padding-bottom: 3px !important;
  }

  .p-b-md-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-md-3 {
    padding-left: 3px !important;
  }

  .p-l-md-n3 {
    padding-left: -3px !important;
  }

  .p-x-md-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-md-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-md-4 {
    margin: 4px !important;
  }

  .m-md-n4 {
    margin: -4px !important;
  }

  .m-t-md-4 {
    margin-top: 4px !important;
  }

  .m-t-md-n4 {
    margin-top: -4px !important;
  }

  .m-r-md-4 {
    margin-right: 4px !important;
  }

  .m-r-md-n4 {
    margin-right: -4px !important;
  }

  .m-b-md-4 {
    margin-bottom: 4px !important;
  }

  .m-b-md-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-md-4 {
    margin-left: 4px !important;
  }

  .m-l-md-n4 {
    margin-left: -4px !important;
  }

  .m-x-md-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-md-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-md-4 {
    padding: 4px !important;
  }

  .p-md-n4 {
    padding: -4px !important;
  }

  .p-t-md-4 {
    padding-top: 4px !important;
  }

  .p-t-md-n4 {
    padding-top: -4px !important;
  }

  .p-r-md-4 {
    padding-right: 4px !important;
  }

  .p-r-md-n4 {
    padding-right: -4px !important;
  }

  .p-b-md-4 {
    padding-bottom: 4px !important;
  }

  .p-b-md-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-md-4 {
    padding-left: 4px !important;
  }

  .p-l-md-n4 {
    padding-left: -4px !important;
  }

  .p-x-md-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-md-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-md-5 {
    margin: 5px !important;
  }

  .m-md-n5 {
    margin: -5px !important;
  }

  .m-t-md-5 {
    margin-top: 5px !important;
  }

  .m-t-md-n5 {
    margin-top: -5px !important;
  }

  .m-r-md-5 {
    margin-right: 5px !important;
  }

  .m-r-md-n5 {
    margin-right: -5px !important;
  }

  .m-b-md-5 {
    margin-bottom: 5px !important;
  }

  .m-b-md-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-md-5 {
    margin-left: 5px !important;
  }

  .m-l-md-n5 {
    margin-left: -5px !important;
  }

  .m-x-md-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-md-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-md-5 {
    padding: 5px !important;
  }

  .p-md-n5 {
    padding: -5px !important;
  }

  .p-t-md-5 {
    padding-top: 5px !important;
  }

  .p-t-md-n5 {
    padding-top: -5px !important;
  }

  .p-r-md-5 {
    padding-right: 5px !important;
  }

  .p-r-md-n5 {
    padding-right: -5px !important;
  }

  .p-b-md-5 {
    padding-bottom: 5px !important;
  }

  .p-b-md-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-md-5 {
    padding-left: 5px !important;
  }

  .p-l-md-n5 {
    padding-left: -5px !important;
  }

  .p-x-md-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-md-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-md-6 {
    margin: 6px !important;
  }

  .m-md-n6 {
    margin: -6px !important;
  }

  .m-t-md-6 {
    margin-top: 6px !important;
  }

  .m-t-md-n6 {
    margin-top: -6px !important;
  }

  .m-r-md-6 {
    margin-right: 6px !important;
  }

  .m-r-md-n6 {
    margin-right: -6px !important;
  }

  .m-b-md-6 {
    margin-bottom: 6px !important;
  }

  .m-b-md-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-md-6 {
    margin-left: 6px !important;
  }

  .m-l-md-n6 {
    margin-left: -6px !important;
  }

  .m-x-md-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-md-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-md-6 {
    padding: 6px !important;
  }

  .p-md-n6 {
    padding: -6px !important;
  }

  .p-t-md-6 {
    padding-top: 6px !important;
  }

  .p-t-md-n6 {
    padding-top: -6px !important;
  }

  .p-r-md-6 {
    padding-right: 6px !important;
  }

  .p-r-md-n6 {
    padding-right: -6px !important;
  }

  .p-b-md-6 {
    padding-bottom: 6px !important;
  }

  .p-b-md-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-md-6 {
    padding-left: 6px !important;
  }

  .p-l-md-n6 {
    padding-left: -6px !important;
  }

  .p-x-md-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-md-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-md-7 {
    margin: 7px !important;
  }

  .m-md-n7 {
    margin: -7px !important;
  }

  .m-t-md-7 {
    margin-top: 7px !important;
  }

  .m-t-md-n7 {
    margin-top: -7px !important;
  }

  .m-r-md-7 {
    margin-right: 7px !important;
  }

  .m-r-md-n7 {
    margin-right: -7px !important;
  }

  .m-b-md-7 {
    margin-bottom: 7px !important;
  }

  .m-b-md-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-md-7 {
    margin-left: 7px !important;
  }

  .m-l-md-n7 {
    margin-left: -7px !important;
  }

  .m-x-md-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-md-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-md-7 {
    padding: 7px !important;
  }

  .p-md-n7 {
    padding: -7px !important;
  }

  .p-t-md-7 {
    padding-top: 7px !important;
  }

  .p-t-md-n7 {
    padding-top: -7px !important;
  }

  .p-r-md-7 {
    padding-right: 7px !important;
  }

  .p-r-md-n7 {
    padding-right: -7px !important;
  }

  .p-b-md-7 {
    padding-bottom: 7px !important;
  }

  .p-b-md-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-md-7 {
    padding-left: 7px !important;
  }

  .p-l-md-n7 {
    padding-left: -7px !important;
  }

  .p-x-md-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-md-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-md-8 {
    margin: 8px !important;
  }

  .m-md-n8 {
    margin: -8px !important;
  }

  .m-t-md-8 {
    margin-top: 8px !important;
  }

  .m-t-md-n8 {
    margin-top: -8px !important;
  }

  .m-r-md-8 {
    margin-right: 8px !important;
  }

  .m-r-md-n8 {
    margin-right: -8px !important;
  }

  .m-b-md-8 {
    margin-bottom: 8px !important;
  }

  .m-b-md-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-md-8 {
    margin-left: 8px !important;
  }

  .m-l-md-n8 {
    margin-left: -8px !important;
  }

  .m-x-md-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-md-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-md-8 {
    padding: 8px !important;
  }

  .p-md-n8 {
    padding: -8px !important;
  }

  .p-t-md-8 {
    padding-top: 8px !important;
  }

  .p-t-md-n8 {
    padding-top: -8px !important;
  }

  .p-r-md-8 {
    padding-right: 8px !important;
  }

  .p-r-md-n8 {
    padding-right: -8px !important;
  }

  .p-b-md-8 {
    padding-bottom: 8px !important;
  }

  .p-b-md-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-md-8 {
    padding-left: 8px !important;
  }

  .p-l-md-n8 {
    padding-left: -8px !important;
  }

  .p-x-md-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-md-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-md-9 {
    margin: 9px !important;
  }

  .m-md-n9 {
    margin: -9px !important;
  }

  .m-t-md-9 {
    margin-top: 9px !important;
  }

  .m-t-md-n9 {
    margin-top: -9px !important;
  }

  .m-r-md-9 {
    margin-right: 9px !important;
  }

  .m-r-md-n9 {
    margin-right: -9px !important;
  }

  .m-b-md-9 {
    margin-bottom: 9px !important;
  }

  .m-b-md-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-md-9 {
    margin-left: 9px !important;
  }

  .m-l-md-n9 {
    margin-left: -9px !important;
  }

  .m-x-md-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-md-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-md-9 {
    padding: 9px !important;
  }

  .p-md-n9 {
    padding: -9px !important;
  }

  .p-t-md-9 {
    padding-top: 9px !important;
  }

  .p-t-md-n9 {
    padding-top: -9px !important;
  }

  .p-r-md-9 {
    padding-right: 9px !important;
  }

  .p-r-md-n9 {
    padding-right: -9px !important;
  }

  .p-b-md-9 {
    padding-bottom: 9px !important;
  }

  .p-b-md-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-md-9 {
    padding-left: 9px !important;
  }

  .p-l-md-n9 {
    padding-left: -9px !important;
  }

  .p-x-md-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-md-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-md-10 {
    margin: 10px !important;
  }

  .m-md-n10 {
    margin: -10px !important;
  }

  .m-t-md-10 {
    margin-top: 10px !important;
  }

  .m-t-md-n10 {
    margin-top: -10px !important;
  }

  .m-r-md-10 {
    margin-right: 10px !important;
  }

  .m-r-md-n10 {
    margin-right: -10px !important;
  }

  .m-b-md-10 {
    margin-bottom: 10px !important;
  }

  .m-b-md-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-md-10 {
    margin-left: 10px !important;
  }

  .m-l-md-n10 {
    margin-left: -10px !important;
  }

  .m-x-md-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-md-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-md-10 {
    padding: 10px !important;
  }

  .p-md-n10 {
    padding: -10px !important;
  }

  .p-t-md-10 {
    padding-top: 10px !important;
  }

  .p-t-md-n10 {
    padding-top: -10px !important;
  }

  .p-r-md-10 {
    padding-right: 10px !important;
  }

  .p-r-md-n10 {
    padding-right: -10px !important;
  }

  .p-b-md-10 {
    padding-bottom: 10px !important;
  }

  .p-b-md-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-md-10 {
    padding-left: 10px !important;
  }

  .p-l-md-n10 {
    padding-left: -10px !important;
  }

  .p-x-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-md-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-md-15 {
    margin: 15px !important;
  }

  .m-md-n15 {
    margin: -15px !important;
  }

  .m-t-md-15 {
    margin-top: 15px !important;
  }

  .m-t-md-n15 {
    margin-top: -15px !important;
  }

  .m-r-md-15 {
    margin-right: 15px !important;
  }

  .m-r-md-n15 {
    margin-right: -15px !important;
  }

  .m-b-md-15 {
    margin-bottom: 15px !important;
  }

  .m-b-md-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-md-15 {
    margin-left: 15px !important;
  }

  .m-l-md-n15 {
    margin-left: -15px !important;
  }

  .m-x-md-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-md-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-md-15 {
    padding: 15px !important;
  }

  .p-md-n15 {
    padding: -15px !important;
  }

  .p-t-md-15 {
    padding-top: 15px !important;
  }

  .p-t-md-n15 {
    padding-top: -15px !important;
  }

  .p-r-md-15 {
    padding-right: 15px !important;
  }

  .p-r-md-n15 {
    padding-right: -15px !important;
  }

  .p-b-md-15 {
    padding-bottom: 15px !important;
  }

  .p-b-md-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-md-15 {
    padding-left: 15px !important;
  }

  .p-l-md-n15 {
    padding-left: -15px !important;
  }

  .p-x-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-md-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-md-16 {
    margin: 16px !important;
  }

  .m-md-n16 {
    margin: -16px !important;
  }

  .m-t-md-16 {
    margin-top: 16px !important;
  }

  .m-t-md-n16 {
    margin-top: -16px !important;
  }

  .m-r-md-16 {
    margin-right: 16px !important;
  }

  .m-r-md-n16 {
    margin-right: -16px !important;
  }

  .m-b-md-16 {
    margin-bottom: 16px !important;
  }

  .m-b-md-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-md-16 {
    margin-left: 16px !important;
  }

  .m-l-md-n16 {
    margin-left: -16px !important;
  }

  .m-x-md-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-md-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-md-16 {
    padding: 16px !important;
  }

  .p-md-n16 {
    padding: -16px !important;
  }

  .p-t-md-16 {
    padding-top: 16px !important;
  }

  .p-t-md-n16 {
    padding-top: -16px !important;
  }

  .p-r-md-16 {
    padding-right: 16px !important;
  }

  .p-r-md-n16 {
    padding-right: -16px !important;
  }

  .p-b-md-16 {
    padding-bottom: 16px !important;
  }

  .p-b-md-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-md-16 {
    padding-left: 16px !important;
  }

  .p-l-md-n16 {
    padding-left: -16px !important;
  }

  .p-x-md-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-md-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-md-20 {
    margin: 20px !important;
  }

  .m-md-n20 {
    margin: -20px !important;
  }

  .m-t-md-20 {
    margin-top: 20px !important;
  }

  .m-t-md-n20 {
    margin-top: -20px !important;
  }

  .m-r-md-20 {
    margin-right: 20px !important;
  }

  .m-r-md-n20 {
    margin-right: -20px !important;
  }

  .m-b-md-20 {
    margin-bottom: 20px !important;
  }

  .m-b-md-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-md-20 {
    margin-left: 20px !important;
  }

  .m-l-md-n20 {
    margin-left: -20px !important;
  }

  .m-x-md-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-md-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-md-20 {
    padding: 20px !important;
  }

  .p-md-n20 {
    padding: -20px !important;
  }

  .p-t-md-20 {
    padding-top: 20px !important;
  }

  .p-t-md-n20 {
    padding-top: -20px !important;
  }

  .p-r-md-20 {
    padding-right: 20px !important;
  }

  .p-r-md-n20 {
    padding-right: -20px !important;
  }

  .p-b-md-20 {
    padding-bottom: 20px !important;
  }

  .p-b-md-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-md-20 {
    padding-left: 20px !important;
  }

  .p-l-md-n20 {
    padding-left: -20px !important;
  }

  .p-x-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-md-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-md-24 {
    margin: 24px !important;
  }

  .m-md-n24 {
    margin: -24px !important;
  }

  .m-t-md-24 {
    margin-top: 24px !important;
  }

  .m-t-md-n24 {
    margin-top: -24px !important;
  }

  .m-r-md-24 {
    margin-right: 24px !important;
  }

  .m-r-md-n24 {
    margin-right: -24px !important;
  }

  .m-b-md-24 {
    margin-bottom: 24px !important;
  }

  .m-b-md-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-md-24 {
    margin-left: 24px !important;
  }

  .m-l-md-n24 {
    margin-left: -24px !important;
  }

  .m-x-md-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-md-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-md-24 {
    padding: 24px !important;
  }

  .p-md-n24 {
    padding: -24px !important;
  }

  .p-t-md-24 {
    padding-top: 24px !important;
  }

  .p-t-md-n24 {
    padding-top: -24px !important;
  }

  .p-r-md-24 {
    padding-right: 24px !important;
  }

  .p-r-md-n24 {
    padding-right: -24px !important;
  }

  .p-b-md-24 {
    padding-bottom: 24px !important;
  }

  .p-b-md-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-md-24 {
    padding-left: 24px !important;
  }

  .p-l-md-n24 {
    padding-left: -24px !important;
  }

  .p-x-md-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-md-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-md-25 {
    margin: 25px !important;
  }

  .m-md-n25 {
    margin: -25px !important;
  }

  .m-t-md-25 {
    margin-top: 25px !important;
  }

  .m-t-md-n25 {
    margin-top: -25px !important;
  }

  .m-r-md-25 {
    margin-right: 25px !important;
  }

  .m-r-md-n25 {
    margin-right: -25px !important;
  }

  .m-b-md-25 {
    margin-bottom: 25px !important;
  }

  .m-b-md-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-md-25 {
    margin-left: 25px !important;
  }

  .m-l-md-n25 {
    margin-left: -25px !important;
  }

  .m-x-md-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-md-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-md-25 {
    padding: 25px !important;
  }

  .p-md-n25 {
    padding: -25px !important;
  }

  .p-t-md-25 {
    padding-top: 25px !important;
  }

  .p-t-md-n25 {
    padding-top: -25px !important;
  }

  .p-r-md-25 {
    padding-right: 25px !important;
  }

  .p-r-md-n25 {
    padding-right: -25px !important;
  }

  .p-b-md-25 {
    padding-bottom: 25px !important;
  }

  .p-b-md-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-md-25 {
    padding-left: 25px !important;
  }

  .p-l-md-n25 {
    padding-left: -25px !important;
  }

  .p-x-md-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-md-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-md-30 {
    margin: 30px !important;
  }

  .m-md-n30 {
    margin: -30px !important;
  }

  .m-t-md-30 {
    margin-top: 30px !important;
  }

  .m-t-md-n30 {
    margin-top: -30px !important;
  }

  .m-r-md-30 {
    margin-right: 30px !important;
  }

  .m-r-md-n30 {
    margin-right: -30px !important;
  }

  .m-b-md-30 {
    margin-bottom: 30px !important;
  }

  .m-b-md-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-md-30 {
    margin-left: 30px !important;
  }

  .m-l-md-n30 {
    margin-left: -30px !important;
  }

  .m-x-md-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-md-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-md-30 {
    padding: 30px !important;
  }

  .p-md-n30 {
    padding: -30px !important;
  }

  .p-t-md-30 {
    padding-top: 30px !important;
  }

  .p-t-md-n30 {
    padding-top: -30px !important;
  }

  .p-r-md-30 {
    padding-right: 30px !important;
  }

  .p-r-md-n30 {
    padding-right: -30px !important;
  }

  .p-b-md-30 {
    padding-bottom: 30px !important;
  }

  .p-b-md-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-md-30 {
    padding-left: 30px !important;
  }

  .p-l-md-n30 {
    padding-left: -30px !important;
  }

  .p-x-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-md-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-md-35 {
    margin: 35px !important;
  }

  .m-md-n35 {
    margin: -35px !important;
  }

  .m-t-md-35 {
    margin-top: 35px !important;
  }

  .m-t-md-n35 {
    margin-top: -35px !important;
  }

  .m-r-md-35 {
    margin-right: 35px !important;
  }

  .m-r-md-n35 {
    margin-right: -35px !important;
  }

  .m-b-md-35 {
    margin-bottom: 35px !important;
  }

  .m-b-md-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-md-35 {
    margin-left: 35px !important;
  }

  .m-l-md-n35 {
    margin-left: -35px !important;
  }

  .m-x-md-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-md-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-md-35 {
    padding: 35px !important;
  }

  .p-md-n35 {
    padding: -35px !important;
  }

  .p-t-md-35 {
    padding-top: 35px !important;
  }

  .p-t-md-n35 {
    padding-top: -35px !important;
  }

  .p-r-md-35 {
    padding-right: 35px !important;
  }

  .p-r-md-n35 {
    padding-right: -35px !important;
  }

  .p-b-md-35 {
    padding-bottom: 35px !important;
  }

  .p-b-md-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-md-35 {
    padding-left: 35px !important;
  }

  .p-l-md-n35 {
    padding-left: -35px !important;
  }

  .p-x-md-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-md-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-md-40 {
    margin: 40px !important;
  }

  .m-md-n40 {
    margin: -40px !important;
  }

  .m-t-md-40 {
    margin-top: 40px !important;
  }

  .m-t-md-n40 {
    margin-top: -40px !important;
  }

  .m-r-md-40 {
    margin-right: 40px !important;
  }

  .m-r-md-n40 {
    margin-right: -40px !important;
  }

  .m-b-md-40 {
    margin-bottom: 40px !important;
  }

  .m-b-md-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-md-40 {
    margin-left: 40px !important;
  }

  .m-l-md-n40 {
    margin-left: -40px !important;
  }

  .m-x-md-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-md-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-md-40 {
    padding: 40px !important;
  }

  .p-md-n40 {
    padding: -40px !important;
  }

  .p-t-md-40 {
    padding-top: 40px !important;
  }

  .p-t-md-n40 {
    padding-top: -40px !important;
  }

  .p-r-md-40 {
    padding-right: 40px !important;
  }

  .p-r-md-n40 {
    padding-right: -40px !important;
  }

  .p-b-md-40 {
    padding-bottom: 40px !important;
  }

  .p-b-md-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-md-40 {
    padding-left: 40px !important;
  }

  .p-l-md-n40 {
    padding-left: -40px !important;
  }

  .p-x-md-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-md-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-md-45 {
    margin: 45px !important;
  }

  .m-md-n45 {
    margin: -45px !important;
  }

  .m-t-md-45 {
    margin-top: 45px !important;
  }

  .m-t-md-n45 {
    margin-top: -45px !important;
  }

  .m-r-md-45 {
    margin-right: 45px !important;
  }

  .m-r-md-n45 {
    margin-right: -45px !important;
  }

  .m-b-md-45 {
    margin-bottom: 45px !important;
  }

  .m-b-md-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-md-45 {
    margin-left: 45px !important;
  }

  .m-l-md-n45 {
    margin-left: -45px !important;
  }

  .m-x-md-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-md-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-md-45 {
    padding: 45px !important;
  }

  .p-md-n45 {
    padding: -45px !important;
  }

  .p-t-md-45 {
    padding-top: 45px !important;
  }

  .p-t-md-n45 {
    padding-top: -45px !important;
  }

  .p-r-md-45 {
    padding-right: 45px !important;
  }

  .p-r-md-n45 {
    padding-right: -45px !important;
  }

  .p-b-md-45 {
    padding-bottom: 45px !important;
  }

  .p-b-md-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-md-45 {
    padding-left: 45px !important;
  }

  .p-l-md-n45 {
    padding-left: -45px !important;
  }

  .p-x-md-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-md-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-md-50 {
    margin: 50px !important;
  }

  .m-md-n50 {
    margin: -50px !important;
  }

  .m-t-md-50 {
    margin-top: 50px !important;
  }

  .m-t-md-n50 {
    margin-top: -50px !important;
  }

  .m-r-md-50 {
    margin-right: 50px !important;
  }

  .m-r-md-n50 {
    margin-right: -50px !important;
  }

  .m-b-md-50 {
    margin-bottom: 50px !important;
  }

  .m-b-md-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-md-50 {
    margin-left: 50px !important;
  }

  .m-l-md-n50 {
    margin-left: -50px !important;
  }

  .m-x-md-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-md-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-md-50 {
    padding: 50px !important;
  }

  .p-md-n50 {
    padding: -50px !important;
  }

  .p-t-md-50 {
    padding-top: 50px !important;
  }

  .p-t-md-n50 {
    padding-top: -50px !important;
  }

  .p-r-md-50 {
    padding-right: 50px !important;
  }

  .p-r-md-n50 {
    padding-right: -50px !important;
  }

  .p-b-md-50 {
    padding-bottom: 50px !important;
  }

  .p-b-md-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-md-50 {
    padding-left: 50px !important;
  }

  .p-l-md-n50 {
    padding-left: -50px !important;
  }

  .p-x-md-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-md-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-md-55 {
    margin: 55px !important;
  }

  .m-md-n55 {
    margin: -55px !important;
  }

  .m-t-md-55 {
    margin-top: 55px !important;
  }

  .m-t-md-n55 {
    margin-top: -55px !important;
  }

  .m-r-md-55 {
    margin-right: 55px !important;
  }

  .m-r-md-n55 {
    margin-right: -55px !important;
  }

  .m-b-md-55 {
    margin-bottom: 55px !important;
  }

  .m-b-md-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-md-55 {
    margin-left: 55px !important;
  }

  .m-l-md-n55 {
    margin-left: -55px !important;
  }

  .m-x-md-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-md-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-md-55 {
    padding: 55px !important;
  }

  .p-md-n55 {
    padding: -55px !important;
  }

  .p-t-md-55 {
    padding-top: 55px !important;
  }

  .p-t-md-n55 {
    padding-top: -55px !important;
  }

  .p-r-md-55 {
    padding-right: 55px !important;
  }

  .p-r-md-n55 {
    padding-right: -55px !important;
  }

  .p-b-md-55 {
    padding-bottom: 55px !important;
  }

  .p-b-md-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-md-55 {
    padding-left: 55px !important;
  }

  .p-l-md-n55 {
    padding-left: -55px !important;
  }

  .p-x-md-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-md-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-md-60 {
    margin: 60px !important;
  }

  .m-md-n60 {
    margin: -60px !important;
  }

  .m-t-md-60 {
    margin-top: 60px !important;
  }

  .m-t-md-n60 {
    margin-top: -60px !important;
  }

  .m-r-md-60 {
    margin-right: 60px !important;
  }

  .m-r-md-n60 {
    margin-right: -60px !important;
  }

  .m-b-md-60 {
    margin-bottom: 60px !important;
  }

  .m-b-md-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-md-60 {
    margin-left: 60px !important;
  }

  .m-l-md-n60 {
    margin-left: -60px !important;
  }

  .m-x-md-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-md-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-md-60 {
    padding: 60px !important;
  }

  .p-md-n60 {
    padding: -60px !important;
  }

  .p-t-md-60 {
    padding-top: 60px !important;
  }

  .p-t-md-n60 {
    padding-top: -60px !important;
  }

  .p-r-md-60 {
    padding-right: 60px !important;
  }

  .p-r-md-n60 {
    padding-right: -60px !important;
  }

  .p-b-md-60 {
    padding-bottom: 60px !important;
  }

  .p-b-md-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-md-60 {
    padding-left: 60px !important;
  }

  .p-l-md-n60 {
    padding-left: -60px !important;
  }

  .p-x-md-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-md-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-md-70 {
    margin: 70px !important;
  }

  .m-md-n70 {
    margin: -70px !important;
  }

  .m-t-md-70 {
    margin-top: 70px !important;
  }

  .m-t-md-n70 {
    margin-top: -70px !important;
  }

  .m-r-md-70 {
    margin-right: 70px !important;
  }

  .m-r-md-n70 {
    margin-right: -70px !important;
  }

  .m-b-md-70 {
    margin-bottom: 70px !important;
  }

  .m-b-md-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-md-70 {
    margin-left: 70px !important;
  }

  .m-l-md-n70 {
    margin-left: -70px !important;
  }

  .m-x-md-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-md-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-md-70 {
    padding: 70px !important;
  }

  .p-md-n70 {
    padding: -70px !important;
  }

  .p-t-md-70 {
    padding-top: 70px !important;
  }

  .p-t-md-n70 {
    padding-top: -70px !important;
  }

  .p-r-md-70 {
    padding-right: 70px !important;
  }

  .p-r-md-n70 {
    padding-right: -70px !important;
  }

  .p-b-md-70 {
    padding-bottom: 70px !important;
  }

  .p-b-md-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-md-70 {
    padding-left: 70px !important;
  }

  .p-l-md-n70 {
    padding-left: -70px !important;
  }

  .p-x-md-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-md-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-md-80 {
    margin: 80px !important;
  }

  .m-md-n80 {
    margin: -80px !important;
  }

  .m-t-md-80 {
    margin-top: 80px !important;
  }

  .m-t-md-n80 {
    margin-top: -80px !important;
  }

  .m-r-md-80 {
    margin-right: 80px !important;
  }

  .m-r-md-n80 {
    margin-right: -80px !important;
  }

  .m-b-md-80 {
    margin-bottom: 80px !important;
  }

  .m-b-md-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-md-80 {
    margin-left: 80px !important;
  }

  .m-l-md-n80 {
    margin-left: -80px !important;
  }

  .m-x-md-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-md-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-md-80 {
    padding: 80px !important;
  }

  .p-md-n80 {
    padding: -80px !important;
  }

  .p-t-md-80 {
    padding-top: 80px !important;
  }

  .p-t-md-n80 {
    padding-top: -80px !important;
  }

  .p-r-md-80 {
    padding-right: 80px !important;
  }

  .p-r-md-n80 {
    padding-right: -80px !important;
  }

  .p-b-md-80 {
    padding-bottom: 80px !important;
  }

  .p-b-md-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-md-80 {
    padding-left: 80px !important;
  }

  .p-l-md-n80 {
    padding-left: -80px !important;
  }

  .p-x-md-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-md-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-md-90 {
    margin: 90px !important;
  }

  .m-md-n90 {
    margin: -90px !important;
  }

  .m-t-md-90 {
    margin-top: 90px !important;
  }

  .m-t-md-n90 {
    margin-top: -90px !important;
  }

  .m-r-md-90 {
    margin-right: 90px !important;
  }

  .m-r-md-n90 {
    margin-right: -90px !important;
  }

  .m-b-md-90 {
    margin-bottom: 90px !important;
  }

  .m-b-md-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-md-90 {
    margin-left: 90px !important;
  }

  .m-l-md-n90 {
    margin-left: -90px !important;
  }

  .m-x-md-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-md-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-md-90 {
    padding: 90px !important;
  }

  .p-md-n90 {
    padding: -90px !important;
  }

  .p-t-md-90 {
    padding-top: 90px !important;
  }

  .p-t-md-n90 {
    padding-top: -90px !important;
  }

  .p-r-md-90 {
    padding-right: 90px !important;
  }

  .p-r-md-n90 {
    padding-right: -90px !important;
  }

  .p-b-md-90 {
    padding-bottom: 90px !important;
  }

  .p-b-md-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-md-90 {
    padding-left: 90px !important;
  }

  .p-l-md-n90 {
    padding-left: -90px !important;
  }

  .p-x-md-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-md-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-md-100 {
    margin: 100px !important;
  }

  .m-md-n100 {
    margin: -100px !important;
  }

  .m-t-md-100 {
    margin-top: 100px !important;
  }

  .m-t-md-n100 {
    margin-top: -100px !important;
  }

  .m-r-md-100 {
    margin-right: 100px !important;
  }

  .m-r-md-n100 {
    margin-right: -100px !important;
  }

  .m-b-md-100 {
    margin-bottom: 100px !important;
  }

  .m-b-md-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-md-100 {
    margin-left: 100px !important;
  }

  .m-l-md-n100 {
    margin-left: -100px !important;
  }

  .m-x-md-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-md-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-md-100 {
    padding: 100px !important;
  }

  .p-md-n100 {
    padding: -100px !important;
  }

  .p-t-md-100 {
    padding-top: 100px !important;
  }

  .p-t-md-n100 {
    padding-top: -100px !important;
  }

  .p-r-md-100 {
    padding-right: 100px !important;
  }

  .p-r-md-n100 {
    padding-right: -100px !important;
  }

  .p-b-md-100 {
    padding-bottom: 100px !important;
  }

  .p-b-md-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-md-100 {
    padding-left: 100px !important;
  }

  .p-l-md-n100 {
    padding-left: -100px !important;
  }

  .p-x-md-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-md-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-md-120 {
    margin: 120px !important;
  }

  .m-md-n120 {
    margin: -120px !important;
  }

  .m-t-md-120 {
    margin-top: 120px !important;
  }

  .m-t-md-n120 {
    margin-top: -120px !important;
  }

  .m-r-md-120 {
    margin-right: 120px !important;
  }

  .m-r-md-n120 {
    margin-right: -120px !important;
  }

  .m-b-md-120 {
    margin-bottom: 120px !important;
  }

  .m-b-md-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-md-120 {
    margin-left: 120px !important;
  }

  .m-l-md-n120 {
    margin-left: -120px !important;
  }

  .m-x-md-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-md-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-md-120 {
    padding: 120px !important;
  }

  .p-md-n120 {
    padding: -120px !important;
  }

  .p-t-md-120 {
    padding-top: 120px !important;
  }

  .p-t-md-n120 {
    padding-top: -120px !important;
  }

  .p-r-md-120 {
    padding-right: 120px !important;
  }

  .p-r-md-n120 {
    padding-right: -120px !important;
  }

  .p-b-md-120 {
    padding-bottom: 120px !important;
  }

  .p-b-md-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-md-120 {
    padding-left: 120px !important;
  }

  .p-l-md-n120 {
    padding-left: -120px !important;
  }

  .p-x-md-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-md-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-md-140 {
    margin: 140px !important;
  }

  .m-md-n140 {
    margin: -140px !important;
  }

  .m-t-md-140 {
    margin-top: 140px !important;
  }

  .m-t-md-n140 {
    margin-top: -140px !important;
  }

  .m-r-md-140 {
    margin-right: 140px !important;
  }

  .m-r-md-n140 {
    margin-right: -140px !important;
  }

  .m-b-md-140 {
    margin-bottom: 140px !important;
  }

  .m-b-md-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-md-140 {
    margin-left: 140px !important;
  }

  .m-l-md-n140 {
    margin-left: -140px !important;
  }

  .m-x-md-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-md-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-md-140 {
    padding: 140px !important;
  }

  .p-md-n140 {
    padding: -140px !important;
  }

  .p-t-md-140 {
    padding-top: 140px !important;
  }

  .p-t-md-n140 {
    padding-top: -140px !important;
  }

  .p-r-md-140 {
    padding-right: 140px !important;
  }

  .p-r-md-n140 {
    padding-right: -140px !important;
  }

  .p-b-md-140 {
    padding-bottom: 140px !important;
  }

  .p-b-md-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-md-140 {
    padding-left: 140px !important;
  }

  .p-l-md-n140 {
    padding-left: -140px !important;
  }

  .p-x-md-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-md-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-md-150 {
    margin: 150px !important;
  }

  .m-md-n150 {
    margin: -150px !important;
  }

  .m-t-md-150 {
    margin-top: 150px !important;
  }

  .m-t-md-n150 {
    margin-top: -150px !important;
  }

  .m-r-md-150 {
    margin-right: 150px !important;
  }

  .m-r-md-n150 {
    margin-right: -150px !important;
  }

  .m-b-md-150 {
    margin-bottom: 150px !important;
  }

  .m-b-md-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-md-150 {
    margin-left: 150px !important;
  }

  .m-l-md-n150 {
    margin-left: -150px !important;
  }

  .m-x-md-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-md-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-md-150 {
    padding: 150px !important;
  }

  .p-md-n150 {
    padding: -150px !important;
  }

  .p-t-md-150 {
    padding-top: 150px !important;
  }

  .p-t-md-n150 {
    padding-top: -150px !important;
  }

  .p-r-md-150 {
    padding-right: 150px !important;
  }

  .p-r-md-n150 {
    padding-right: -150px !important;
  }

  .p-b-md-150 {
    padding-bottom: 150px !important;
  }

  .p-b-md-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-md-150 {
    padding-left: 150px !important;
  }

  .p-l-md-n150 {
    padding-left: -150px !important;
  }

  .p-x-md-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-md-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-md-160 {
    margin: 160px !important;
  }

  .m-md-n160 {
    margin: -160px !important;
  }

  .m-t-md-160 {
    margin-top: 160px !important;
  }

  .m-t-md-n160 {
    margin-top: -160px !important;
  }

  .m-r-md-160 {
    margin-right: 160px !important;
  }

  .m-r-md-n160 {
    margin-right: -160px !important;
  }

  .m-b-md-160 {
    margin-bottom: 160px !important;
  }

  .m-b-md-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-md-160 {
    margin-left: 160px !important;
  }

  .m-l-md-n160 {
    margin-left: -160px !important;
  }

  .m-x-md-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-md-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-md-160 {
    padding: 160px !important;
  }

  .p-md-n160 {
    padding: -160px !important;
  }

  .p-t-md-160 {
    padding-top: 160px !important;
  }

  .p-t-md-n160 {
    padding-top: -160px !important;
  }

  .p-r-md-160 {
    padding-right: 160px !important;
  }

  .p-r-md-n160 {
    padding-right: -160px !important;
  }

  .p-b-md-160 {
    padding-bottom: 160px !important;
  }

  .p-b-md-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-md-160 {
    padding-left: 160px !important;
  }

  .p-l-md-n160 {
    padding-left: -160px !important;
  }

  .p-x-md-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-md-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-md-180 {
    margin: 180px !important;
  }

  .m-md-n180 {
    margin: -180px !important;
  }

  .m-t-md-180 {
    margin-top: 180px !important;
  }

  .m-t-md-n180 {
    margin-top: -180px !important;
  }

  .m-r-md-180 {
    margin-right: 180px !important;
  }

  .m-r-md-n180 {
    margin-right: -180px !important;
  }

  .m-b-md-180 {
    margin-bottom: 180px !important;
  }

  .m-b-md-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-md-180 {
    margin-left: 180px !important;
  }

  .m-l-md-n180 {
    margin-left: -180px !important;
  }

  .m-x-md-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-md-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-md-180 {
    padding: 180px !important;
  }

  .p-md-n180 {
    padding: -180px !important;
  }

  .p-t-md-180 {
    padding-top: 180px !important;
  }

  .p-t-md-n180 {
    padding-top: -180px !important;
  }

  .p-r-md-180 {
    padding-right: 180px !important;
  }

  .p-r-md-n180 {
    padding-right: -180px !important;
  }

  .p-b-md-180 {
    padding-bottom: 180px !important;
  }

  .p-b-md-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-md-180 {
    padding-left: 180px !important;
  }

  .p-l-md-n180 {
    padding-left: -180px !important;
  }

  .p-x-md-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-md-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-md-200 {
    margin: 200px !important;
  }

  .m-md-n200 {
    margin: -200px !important;
  }

  .m-t-md-200 {
    margin-top: 200px !important;
  }

  .m-t-md-n200 {
    margin-top: -200px !important;
  }

  .m-r-md-200 {
    margin-right: 200px !important;
  }

  .m-r-md-n200 {
    margin-right: -200px !important;
  }

  .m-b-md-200 {
    margin-bottom: 200px !important;
  }

  .m-b-md-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-md-200 {
    margin-left: 200px !important;
  }

  .m-l-md-n200 {
    margin-left: -200px !important;
  }

  .m-x-md-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-md-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-md-200 {
    padding: 200px !important;
  }

  .p-md-n200 {
    padding: -200px !important;
  }

  .p-t-md-200 {
    padding-top: 200px !important;
  }

  .p-t-md-n200 {
    padding-top: -200px !important;
  }

  .p-r-md-200 {
    padding-right: 200px !important;
  }

  .p-r-md-n200 {
    padding-right: -200px !important;
  }

  .p-b-md-200 {
    padding-bottom: 200px !important;
  }

  .p-b-md-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-md-200 {
    padding-left: 200px !important;
  }

  .p-l-md-n200 {
    padding-left: -200px !important;
  }

  .p-x-md-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-md-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-md-210 {
    margin: 210px !important;
  }

  .m-md-n210 {
    margin: -210px !important;
  }

  .m-t-md-210 {
    margin-top: 210px !important;
  }

  .m-t-md-n210 {
    margin-top: -210px !important;
  }

  .m-r-md-210 {
    margin-right: 210px !important;
  }

  .m-r-md-n210 {
    margin-right: -210px !important;
  }

  .m-b-md-210 {
    margin-bottom: 210px !important;
  }

  .m-b-md-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-md-210 {
    margin-left: 210px !important;
  }

  .m-l-md-n210 {
    margin-left: -210px !important;
  }

  .m-x-md-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-md-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-md-210 {
    padding: 210px !important;
  }

  .p-md-n210 {
    padding: -210px !important;
  }

  .p-t-md-210 {
    padding-top: 210px !important;
  }

  .p-t-md-n210 {
    padding-top: -210px !important;
  }

  .p-r-md-210 {
    padding-right: 210px !important;
  }

  .p-r-md-n210 {
    padding-right: -210px !important;
  }

  .p-b-md-210 {
    padding-bottom: 210px !important;
  }

  .p-b-md-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-md-210 {
    padding-left: 210px !important;
  }

  .p-l-md-n210 {
    padding-left: -210px !important;
  }

  .p-x-md-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-md-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-md-220 {
    margin: 220px !important;
  }

  .m-md-n220 {
    margin: -220px !important;
  }

  .m-t-md-220 {
    margin-top: 220px !important;
  }

  .m-t-md-n220 {
    margin-top: -220px !important;
  }

  .m-r-md-220 {
    margin-right: 220px !important;
  }

  .m-r-md-n220 {
    margin-right: -220px !important;
  }

  .m-b-md-220 {
    margin-bottom: 220px !important;
  }

  .m-b-md-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-md-220 {
    margin-left: 220px !important;
  }

  .m-l-md-n220 {
    margin-left: -220px !important;
  }

  .m-x-md-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-md-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-md-220 {
    padding: 220px !important;
  }

  .p-md-n220 {
    padding: -220px !important;
  }

  .p-t-md-220 {
    padding-top: 220px !important;
  }

  .p-t-md-n220 {
    padding-top: -220px !important;
  }

  .p-r-md-220 {
    padding-right: 220px !important;
  }

  .p-r-md-n220 {
    padding-right: -220px !important;
  }

  .p-b-md-220 {
    padding-bottom: 220px !important;
  }

  .p-b-md-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-md-220 {
    padding-left: 220px !important;
  }

  .p-l-md-n220 {
    padding-left: -220px !important;
  }

  .p-x-md-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-md-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-md-230 {
    margin: 230px !important;
  }

  .m-md-n230 {
    margin: -230px !important;
  }

  .m-t-md-230 {
    margin-top: 230px !important;
  }

  .m-t-md-n230 {
    margin-top: -230px !important;
  }

  .m-r-md-230 {
    margin-right: 230px !important;
  }

  .m-r-md-n230 {
    margin-right: -230px !important;
  }

  .m-b-md-230 {
    margin-bottom: 230px !important;
  }

  .m-b-md-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-md-230 {
    margin-left: 230px !important;
  }

  .m-l-md-n230 {
    margin-left: -230px !important;
  }

  .m-x-md-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-md-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-md-230 {
    padding: 230px !important;
  }

  .p-md-n230 {
    padding: -230px !important;
  }

  .p-t-md-230 {
    padding-top: 230px !important;
  }

  .p-t-md-n230 {
    padding-top: -230px !important;
  }

  .p-r-md-230 {
    padding-right: 230px !important;
  }

  .p-r-md-n230 {
    padding-right: -230px !important;
  }

  .p-b-md-230 {
    padding-bottom: 230px !important;
  }

  .p-b-md-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-md-230 {
    padding-left: 230px !important;
  }

  .p-l-md-n230 {
    padding-left: -230px !important;
  }

  .p-x-md-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-md-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-md-240 {
    margin: 240px !important;
  }

  .m-md-n240 {
    margin: -240px !important;
  }

  .m-t-md-240 {
    margin-top: 240px !important;
  }

  .m-t-md-n240 {
    margin-top: -240px !important;
  }

  .m-r-md-240 {
    margin-right: 240px !important;
  }

  .m-r-md-n240 {
    margin-right: -240px !important;
  }

  .m-b-md-240 {
    margin-bottom: 240px !important;
  }

  .m-b-md-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-md-240 {
    margin-left: 240px !important;
  }

  .m-l-md-n240 {
    margin-left: -240px !important;
  }

  .m-x-md-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-md-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-md-240 {
    padding: 240px !important;
  }

  .p-md-n240 {
    padding: -240px !important;
  }

  .p-t-md-240 {
    padding-top: 240px !important;
  }

  .p-t-md-n240 {
    padding-top: -240px !important;
  }

  .p-r-md-240 {
    padding-right: 240px !important;
  }

  .p-r-md-n240 {
    padding-right: -240px !important;
  }

  .p-b-md-240 {
    padding-bottom: 240px !important;
  }

  .p-b-md-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-md-240 {
    padding-left: 240px !important;
  }

  .p-l-md-n240 {
    padding-left: -240px !important;
  }

  .p-x-md-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-md-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-md-250 {
    margin: 250px !important;
  }

  .m-md-n250 {
    margin: -250px !important;
  }

  .m-t-md-250 {
    margin-top: 250px !important;
  }

  .m-t-md-n250 {
    margin-top: -250px !important;
  }

  .m-r-md-250 {
    margin-right: 250px !important;
  }

  .m-r-md-n250 {
    margin-right: -250px !important;
  }

  .m-b-md-250 {
    margin-bottom: 250px !important;
  }

  .m-b-md-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-md-250 {
    margin-left: 250px !important;
  }

  .m-l-md-n250 {
    margin-left: -250px !important;
  }

  .m-x-md-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-md-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-md-250 {
    padding: 250px !important;
  }

  .p-md-n250 {
    padding: -250px !important;
  }

  .p-t-md-250 {
    padding-top: 250px !important;
  }

  .p-t-md-n250 {
    padding-top: -250px !important;
  }

  .p-r-md-250 {
    padding-right: 250px !important;
  }

  .p-r-md-n250 {
    padding-right: -250px !important;
  }

  .p-b-md-250 {
    padding-bottom: 250px !important;
  }

  .p-b-md-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-md-250 {
    padding-left: 250px !important;
  }

  .p-l-md-n250 {
    padding-left: -250px !important;
  }

  .p-x-md-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-md-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

@media screen and (min-width: 992px) {
  .m-lg-0 {
    margin: 0px !important;
  }

  .m-lg-n0 {
    margin: 0px !important;
  }

  .m-t-lg-0 {
    margin-top: 0px !important;
  }

  .m-t-lg-n0 {
    margin-top: 0px !important;
  }

  .m-r-lg-0 {
    margin-right: 0px !important;
  }

  .m-r-lg-n0 {
    margin-right: 0px !important;
  }

  .m-b-lg-0 {
    margin-bottom: 0px !important;
  }

  .m-b-lg-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-lg-0 {
    margin-left: 0px !important;
  }

  .m-l-lg-n0 {
    margin-left: 0px !important;
  }

  .m-x-lg-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-lg-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-lg-0 {
    padding: 0px !important;
  }

  .p-lg-n0 {
    padding: 0px !important;
  }

  .p-t-lg-0 {
    padding-top: 0px !important;
  }

  .p-t-lg-n0 {
    padding-top: 0px !important;
  }

  .p-r-lg-0 {
    padding-right: 0px !important;
  }

  .p-r-lg-n0 {
    padding-right: 0px !important;
  }

  .p-b-lg-0 {
    padding-bottom: 0px !important;
  }

  .p-b-lg-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-lg-0 {
    padding-left: 0px !important;
  }

  .p-l-lg-n0 {
    padding-left: 0px !important;
  }

  .p-x-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-lg-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-lg-1 {
    margin: 1px !important;
  }

  .m-lg-n1 {
    margin: -1px !important;
  }

  .m-t-lg-1 {
    margin-top: 1px !important;
  }

  .m-t-lg-n1 {
    margin-top: -1px !important;
  }

  .m-r-lg-1 {
    margin-right: 1px !important;
  }

  .m-r-lg-n1 {
    margin-right: -1px !important;
  }

  .m-b-lg-1 {
    margin-bottom: 1px !important;
  }

  .m-b-lg-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-lg-1 {
    margin-left: 1px !important;
  }

  .m-l-lg-n1 {
    margin-left: -1px !important;
  }

  .m-x-lg-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-lg-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-lg-1 {
    padding: 1px !important;
  }

  .p-lg-n1 {
    padding: -1px !important;
  }

  .p-t-lg-1 {
    padding-top: 1px !important;
  }

  .p-t-lg-n1 {
    padding-top: -1px !important;
  }

  .p-r-lg-1 {
    padding-right: 1px !important;
  }

  .p-r-lg-n1 {
    padding-right: -1px !important;
  }

  .p-b-lg-1 {
    padding-bottom: 1px !important;
  }

  .p-b-lg-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-lg-1 {
    padding-left: 1px !important;
  }

  .p-l-lg-n1 {
    padding-left: -1px !important;
  }

  .p-x-lg-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-lg-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-lg-2 {
    margin: 2px !important;
  }

  .m-lg-n2 {
    margin: -2px !important;
  }

  .m-t-lg-2 {
    margin-top: 2px !important;
  }

  .m-t-lg-n2 {
    margin-top: -2px !important;
  }

  .m-r-lg-2 {
    margin-right: 2px !important;
  }

  .m-r-lg-n2 {
    margin-right: -2px !important;
  }

  .m-b-lg-2 {
    margin-bottom: 2px !important;
  }

  .m-b-lg-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-lg-2 {
    margin-left: 2px !important;
  }

  .m-l-lg-n2 {
    margin-left: -2px !important;
  }

  .m-x-lg-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-lg-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-lg-2 {
    padding: 2px !important;
  }

  .p-lg-n2 {
    padding: -2px !important;
  }

  .p-t-lg-2 {
    padding-top: 2px !important;
  }

  .p-t-lg-n2 {
    padding-top: -2px !important;
  }

  .p-r-lg-2 {
    padding-right: 2px !important;
  }

  .p-r-lg-n2 {
    padding-right: -2px !important;
  }

  .p-b-lg-2 {
    padding-bottom: 2px !important;
  }

  .p-b-lg-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-lg-2 {
    padding-left: 2px !important;
  }

  .p-l-lg-n2 {
    padding-left: -2px !important;
  }

  .p-x-lg-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-lg-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-lg-3 {
    margin: 3px !important;
  }

  .m-lg-n3 {
    margin: -3px !important;
  }

  .m-t-lg-3 {
    margin-top: 3px !important;
  }

  .m-t-lg-n3 {
    margin-top: -3px !important;
  }

  .m-r-lg-3 {
    margin-right: 3px !important;
  }

  .m-r-lg-n3 {
    margin-right: -3px !important;
  }

  .m-b-lg-3 {
    margin-bottom: 3px !important;
  }

  .m-b-lg-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-lg-3 {
    margin-left: 3px !important;
  }

  .m-l-lg-n3 {
    margin-left: -3px !important;
  }

  .m-x-lg-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-lg-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-lg-3 {
    padding: 3px !important;
  }

  .p-lg-n3 {
    padding: -3px !important;
  }

  .p-t-lg-3 {
    padding-top: 3px !important;
  }

  .p-t-lg-n3 {
    padding-top: -3px !important;
  }

  .p-r-lg-3 {
    padding-right: 3px !important;
  }

  .p-r-lg-n3 {
    padding-right: -3px !important;
  }

  .p-b-lg-3 {
    padding-bottom: 3px !important;
  }

  .p-b-lg-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-lg-3 {
    padding-left: 3px !important;
  }

  .p-l-lg-n3 {
    padding-left: -3px !important;
  }

  .p-x-lg-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-lg-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-lg-4 {
    margin: 4px !important;
  }

  .m-lg-n4 {
    margin: -4px !important;
  }

  .m-t-lg-4 {
    margin-top: 4px !important;
  }

  .m-t-lg-n4 {
    margin-top: -4px !important;
  }

  .m-r-lg-4 {
    margin-right: 4px !important;
  }

  .m-r-lg-n4 {
    margin-right: -4px !important;
  }

  .m-b-lg-4 {
    margin-bottom: 4px !important;
  }

  .m-b-lg-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-lg-4 {
    margin-left: 4px !important;
  }

  .m-l-lg-n4 {
    margin-left: -4px !important;
  }

  .m-x-lg-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-lg-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-lg-4 {
    padding: 4px !important;
  }

  .p-lg-n4 {
    padding: -4px !important;
  }

  .p-t-lg-4 {
    padding-top: 4px !important;
  }

  .p-t-lg-n4 {
    padding-top: -4px !important;
  }

  .p-r-lg-4 {
    padding-right: 4px !important;
  }

  .p-r-lg-n4 {
    padding-right: -4px !important;
  }

  .p-b-lg-4 {
    padding-bottom: 4px !important;
  }

  .p-b-lg-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-lg-4 {
    padding-left: 4px !important;
  }

  .p-l-lg-n4 {
    padding-left: -4px !important;
  }

  .p-x-lg-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-lg-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-lg-5 {
    margin: 5px !important;
  }

  .m-lg-n5 {
    margin: -5px !important;
  }

  .m-t-lg-5 {
    margin-top: 5px !important;
  }

  .m-t-lg-n5 {
    margin-top: -5px !important;
  }

  .m-r-lg-5 {
    margin-right: 5px !important;
  }

  .m-r-lg-n5 {
    margin-right: -5px !important;
  }

  .m-b-lg-5 {
    margin-bottom: 5px !important;
  }

  .m-b-lg-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-lg-5 {
    margin-left: 5px !important;
  }

  .m-l-lg-n5 {
    margin-left: -5px !important;
  }

  .m-x-lg-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-lg-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-lg-5 {
    padding: 5px !important;
  }

  .p-lg-n5 {
    padding: -5px !important;
  }

  .p-t-lg-5 {
    padding-top: 5px !important;
  }

  .p-t-lg-n5 {
    padding-top: -5px !important;
  }

  .p-r-lg-5 {
    padding-right: 5px !important;
  }

  .p-r-lg-n5 {
    padding-right: -5px !important;
  }

  .p-b-lg-5 {
    padding-bottom: 5px !important;
  }

  .p-b-lg-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-lg-5 {
    padding-left: 5px !important;
  }

  .p-l-lg-n5 {
    padding-left: -5px !important;
  }

  .p-x-lg-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-lg-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-lg-6 {
    margin: 6px !important;
  }

  .m-lg-n6 {
    margin: -6px !important;
  }

  .m-t-lg-6 {
    margin-top: 6px !important;
  }

  .m-t-lg-n6 {
    margin-top: -6px !important;
  }

  .m-r-lg-6 {
    margin-right: 6px !important;
  }

  .m-r-lg-n6 {
    margin-right: -6px !important;
  }

  .m-b-lg-6 {
    margin-bottom: 6px !important;
  }

  .m-b-lg-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-lg-6 {
    margin-left: 6px !important;
  }

  .m-l-lg-n6 {
    margin-left: -6px !important;
  }

  .m-x-lg-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-lg-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-lg-6 {
    padding: 6px !important;
  }

  .p-lg-n6 {
    padding: -6px !important;
  }

  .p-t-lg-6 {
    padding-top: 6px !important;
  }

  .p-t-lg-n6 {
    padding-top: -6px !important;
  }

  .p-r-lg-6 {
    padding-right: 6px !important;
  }

  .p-r-lg-n6 {
    padding-right: -6px !important;
  }

  .p-b-lg-6 {
    padding-bottom: 6px !important;
  }

  .p-b-lg-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-lg-6 {
    padding-left: 6px !important;
  }

  .p-l-lg-n6 {
    padding-left: -6px !important;
  }

  .p-x-lg-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-lg-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-lg-7 {
    margin: 7px !important;
  }

  .m-lg-n7 {
    margin: -7px !important;
  }

  .m-t-lg-7 {
    margin-top: 7px !important;
  }

  .m-t-lg-n7 {
    margin-top: -7px !important;
  }

  .m-r-lg-7 {
    margin-right: 7px !important;
  }

  .m-r-lg-n7 {
    margin-right: -7px !important;
  }

  .m-b-lg-7 {
    margin-bottom: 7px !important;
  }

  .m-b-lg-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-lg-7 {
    margin-left: 7px !important;
  }

  .m-l-lg-n7 {
    margin-left: -7px !important;
  }

  .m-x-lg-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-lg-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-lg-7 {
    padding: 7px !important;
  }

  .p-lg-n7 {
    padding: -7px !important;
  }

  .p-t-lg-7 {
    padding-top: 7px !important;
  }

  .p-t-lg-n7 {
    padding-top: -7px !important;
  }

  .p-r-lg-7 {
    padding-right: 7px !important;
  }

  .p-r-lg-n7 {
    padding-right: -7px !important;
  }

  .p-b-lg-7 {
    padding-bottom: 7px !important;
  }

  .p-b-lg-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-lg-7 {
    padding-left: 7px !important;
  }

  .p-l-lg-n7 {
    padding-left: -7px !important;
  }

  .p-x-lg-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-lg-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-lg-8 {
    margin: 8px !important;
  }

  .m-lg-n8 {
    margin: -8px !important;
  }

  .m-t-lg-8 {
    margin-top: 8px !important;
  }

  .m-t-lg-n8 {
    margin-top: -8px !important;
  }

  .m-r-lg-8 {
    margin-right: 8px !important;
  }

  .m-r-lg-n8 {
    margin-right: -8px !important;
  }

  .m-b-lg-8 {
    margin-bottom: 8px !important;
  }

  .m-b-lg-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-lg-8 {
    margin-left: 8px !important;
  }

  .m-l-lg-n8 {
    margin-left: -8px !important;
  }

  .m-x-lg-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-lg-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-lg-8 {
    padding: 8px !important;
  }

  .p-lg-n8 {
    padding: -8px !important;
  }

  .p-t-lg-8 {
    padding-top: 8px !important;
  }

  .p-t-lg-n8 {
    padding-top: -8px !important;
  }

  .p-r-lg-8 {
    padding-right: 8px !important;
  }

  .p-r-lg-n8 {
    padding-right: -8px !important;
  }

  .p-b-lg-8 {
    padding-bottom: 8px !important;
  }

  .p-b-lg-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-lg-8 {
    padding-left: 8px !important;
  }

  .p-l-lg-n8 {
    padding-left: -8px !important;
  }

  .p-x-lg-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-lg-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-lg-9 {
    margin: 9px !important;
  }

  .m-lg-n9 {
    margin: -9px !important;
  }

  .m-t-lg-9 {
    margin-top: 9px !important;
  }

  .m-t-lg-n9 {
    margin-top: -9px !important;
  }

  .m-r-lg-9 {
    margin-right: 9px !important;
  }

  .m-r-lg-n9 {
    margin-right: -9px !important;
  }

  .m-b-lg-9 {
    margin-bottom: 9px !important;
  }

  .m-b-lg-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-lg-9 {
    margin-left: 9px !important;
  }

  .m-l-lg-n9 {
    margin-left: -9px !important;
  }

  .m-x-lg-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-lg-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-lg-9 {
    padding: 9px !important;
  }

  .p-lg-n9 {
    padding: -9px !important;
  }

  .p-t-lg-9 {
    padding-top: 9px !important;
  }

  .p-t-lg-n9 {
    padding-top: -9px !important;
  }

  .p-r-lg-9 {
    padding-right: 9px !important;
  }

  .p-r-lg-n9 {
    padding-right: -9px !important;
  }

  .p-b-lg-9 {
    padding-bottom: 9px !important;
  }

  .p-b-lg-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-lg-9 {
    padding-left: 9px !important;
  }

  .p-l-lg-n9 {
    padding-left: -9px !important;
  }

  .p-x-lg-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-lg-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-lg-10 {
    margin: 10px !important;
  }

  .m-lg-n10 {
    margin: -10px !important;
  }

  .m-t-lg-10 {
    margin-top: 10px !important;
  }

  .m-t-lg-n10 {
    margin-top: -10px !important;
  }

  .m-r-lg-10 {
    margin-right: 10px !important;
  }

  .m-r-lg-n10 {
    margin-right: -10px !important;
  }

  .m-b-lg-10 {
    margin-bottom: 10px !important;
  }

  .m-b-lg-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-lg-10 {
    margin-left: 10px !important;
  }

  .m-l-lg-n10 {
    margin-left: -10px !important;
  }

  .m-x-lg-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-lg-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-lg-10 {
    padding: 10px !important;
  }

  .p-lg-n10 {
    padding: -10px !important;
  }

  .p-t-lg-10 {
    padding-top: 10px !important;
  }

  .p-t-lg-n10 {
    padding-top: -10px !important;
  }

  .p-r-lg-10 {
    padding-right: 10px !important;
  }

  .p-r-lg-n10 {
    padding-right: -10px !important;
  }

  .p-b-lg-10 {
    padding-bottom: 10px !important;
  }

  .p-b-lg-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-lg-10 {
    padding-left: 10px !important;
  }

  .p-l-lg-n10 {
    padding-left: -10px !important;
  }

  .p-x-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-lg-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-lg-15 {
    margin: 15px !important;
  }

  .m-lg-n15 {
    margin: -15px !important;
  }

  .m-t-lg-15 {
    margin-top: 15px !important;
  }

  .m-t-lg-n15 {
    margin-top: -15px !important;
  }

  .m-r-lg-15 {
    margin-right: 15px !important;
  }

  .m-r-lg-n15 {
    margin-right: -15px !important;
  }

  .m-b-lg-15 {
    margin-bottom: 15px !important;
  }

  .m-b-lg-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-lg-15 {
    margin-left: 15px !important;
  }

  .m-l-lg-n15 {
    margin-left: -15px !important;
  }

  .m-x-lg-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-lg-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-lg-15 {
    padding: 15px !important;
  }

  .p-lg-n15 {
    padding: -15px !important;
  }

  .p-t-lg-15 {
    padding-top: 15px !important;
  }

  .p-t-lg-n15 {
    padding-top: -15px !important;
  }

  .p-r-lg-15 {
    padding-right: 15px !important;
  }

  .p-r-lg-n15 {
    padding-right: -15px !important;
  }

  .p-b-lg-15 {
    padding-bottom: 15px !important;
  }

  .p-b-lg-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-lg-15 {
    padding-left: 15px !important;
  }

  .p-l-lg-n15 {
    padding-left: -15px !important;
  }

  .p-x-lg-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-lg-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-lg-16 {
    margin: 16px !important;
  }

  .m-lg-n16 {
    margin: -16px !important;
  }

  .m-t-lg-16 {
    margin-top: 16px !important;
  }

  .m-t-lg-n16 {
    margin-top: -16px !important;
  }

  .m-r-lg-16 {
    margin-right: 16px !important;
  }

  .m-r-lg-n16 {
    margin-right: -16px !important;
  }

  .m-b-lg-16 {
    margin-bottom: 16px !important;
  }

  .m-b-lg-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-lg-16 {
    margin-left: 16px !important;
  }

  .m-l-lg-n16 {
    margin-left: -16px !important;
  }

  .m-x-lg-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-lg-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-lg-16 {
    padding: 16px !important;
  }

  .p-lg-n16 {
    padding: -16px !important;
  }

  .p-t-lg-16 {
    padding-top: 16px !important;
  }

  .p-t-lg-n16 {
    padding-top: -16px !important;
  }

  .p-r-lg-16 {
    padding-right: 16px !important;
  }

  .p-r-lg-n16 {
    padding-right: -16px !important;
  }

  .p-b-lg-16 {
    padding-bottom: 16px !important;
  }

  .p-b-lg-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-lg-16 {
    padding-left: 16px !important;
  }

  .p-l-lg-n16 {
    padding-left: -16px !important;
  }

  .p-x-lg-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-lg-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-lg-20 {
    margin: 20px !important;
  }

  .m-lg-n20 {
    margin: -20px !important;
  }

  .m-t-lg-20 {
    margin-top: 20px !important;
  }

  .m-t-lg-n20 {
    margin-top: -20px !important;
  }

  .m-r-lg-20 {
    margin-right: 20px !important;
  }

  .m-r-lg-n20 {
    margin-right: -20px !important;
  }

  .m-b-lg-20 {
    margin-bottom: 20px !important;
  }

  .m-b-lg-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-lg-20 {
    margin-left: 20px !important;
  }

  .m-l-lg-n20 {
    margin-left: -20px !important;
  }

  .m-x-lg-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-lg-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-lg-20 {
    padding: 20px !important;
  }

  .p-lg-n20 {
    padding: -20px !important;
  }

  .p-t-lg-20 {
    padding-top: 20px !important;
  }

  .p-t-lg-n20 {
    padding-top: -20px !important;
  }

  .p-r-lg-20 {
    padding-right: 20px !important;
  }

  .p-r-lg-n20 {
    padding-right: -20px !important;
  }

  .p-b-lg-20 {
    padding-bottom: 20px !important;
  }

  .p-b-lg-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-lg-20 {
    padding-left: 20px !important;
  }

  .p-l-lg-n20 {
    padding-left: -20px !important;
  }

  .p-x-lg-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-lg-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-lg-24 {
    margin: 24px !important;
  }

  .m-lg-n24 {
    margin: -24px !important;
  }

  .m-t-lg-24 {
    margin-top: 24px !important;
  }

  .m-t-lg-n24 {
    margin-top: -24px !important;
  }

  .m-r-lg-24 {
    margin-right: 24px !important;
  }

  .m-r-lg-n24 {
    margin-right: -24px !important;
  }

  .m-b-lg-24 {
    margin-bottom: 24px !important;
  }

  .m-b-lg-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-lg-24 {
    margin-left: 24px !important;
  }

  .m-l-lg-n24 {
    margin-left: -24px !important;
  }

  .m-x-lg-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-lg-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-lg-24 {
    padding: 24px !important;
  }

  .p-lg-n24 {
    padding: -24px !important;
  }

  .p-t-lg-24 {
    padding-top: 24px !important;
  }

  .p-t-lg-n24 {
    padding-top: -24px !important;
  }

  .p-r-lg-24 {
    padding-right: 24px !important;
  }

  .p-r-lg-n24 {
    padding-right: -24px !important;
  }

  .p-b-lg-24 {
    padding-bottom: 24px !important;
  }

  .p-b-lg-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-lg-24 {
    padding-left: 24px !important;
  }

  .p-l-lg-n24 {
    padding-left: -24px !important;
  }

  .p-x-lg-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-lg-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-lg-25 {
    margin: 25px !important;
  }

  .m-lg-n25 {
    margin: -25px !important;
  }

  .m-t-lg-25 {
    margin-top: 25px !important;
  }

  .m-t-lg-n25 {
    margin-top: -25px !important;
  }

  .m-r-lg-25 {
    margin-right: 25px !important;
  }

  .m-r-lg-n25 {
    margin-right: -25px !important;
  }

  .m-b-lg-25 {
    margin-bottom: 25px !important;
  }

  .m-b-lg-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-lg-25 {
    margin-left: 25px !important;
  }

  .m-l-lg-n25 {
    margin-left: -25px !important;
  }

  .m-x-lg-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-lg-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-lg-25 {
    padding: 25px !important;
  }

  .p-lg-n25 {
    padding: -25px !important;
  }

  .p-t-lg-25 {
    padding-top: 25px !important;
  }

  .p-t-lg-n25 {
    padding-top: -25px !important;
  }

  .p-r-lg-25 {
    padding-right: 25px !important;
  }

  .p-r-lg-n25 {
    padding-right: -25px !important;
  }

  .p-b-lg-25 {
    padding-bottom: 25px !important;
  }

  .p-b-lg-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-lg-25 {
    padding-left: 25px !important;
  }

  .p-l-lg-n25 {
    padding-left: -25px !important;
  }

  .p-x-lg-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-lg-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-lg-30 {
    margin: 30px !important;
  }

  .m-lg-n30 {
    margin: -30px !important;
  }

  .m-t-lg-30 {
    margin-top: 30px !important;
  }

  .m-t-lg-n30 {
    margin-top: -30px !important;
  }

  .m-r-lg-30 {
    margin-right: 30px !important;
  }

  .m-r-lg-n30 {
    margin-right: -30px !important;
  }

  .m-b-lg-30 {
    margin-bottom: 30px !important;
  }

  .m-b-lg-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-lg-30 {
    margin-left: 30px !important;
  }

  .m-l-lg-n30 {
    margin-left: -30px !important;
  }

  .m-x-lg-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-lg-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-lg-30 {
    padding: 30px !important;
  }

  .p-lg-n30 {
    padding: -30px !important;
  }

  .p-t-lg-30 {
    padding-top: 30px !important;
  }

  .p-t-lg-n30 {
    padding-top: -30px !important;
  }

  .p-r-lg-30 {
    padding-right: 30px !important;
  }

  .p-r-lg-n30 {
    padding-right: -30px !important;
  }

  .p-b-lg-30 {
    padding-bottom: 30px !important;
  }

  .p-b-lg-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-lg-30 {
    padding-left: 30px !important;
  }

  .p-l-lg-n30 {
    padding-left: -30px !important;
  }

  .p-x-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-lg-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-lg-35 {
    margin: 35px !important;
  }

  .m-lg-n35 {
    margin: -35px !important;
  }

  .m-t-lg-35 {
    margin-top: 35px !important;
  }

  .m-t-lg-n35 {
    margin-top: -35px !important;
  }

  .m-r-lg-35 {
    margin-right: 35px !important;
  }

  .m-r-lg-n35 {
    margin-right: -35px !important;
  }

  .m-b-lg-35 {
    margin-bottom: 35px !important;
  }

  .m-b-lg-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-lg-35 {
    margin-left: 35px !important;
  }

  .m-l-lg-n35 {
    margin-left: -35px !important;
  }

  .m-x-lg-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-lg-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-lg-35 {
    padding: 35px !important;
  }

  .p-lg-n35 {
    padding: -35px !important;
  }

  .p-t-lg-35 {
    padding-top: 35px !important;
  }

  .p-t-lg-n35 {
    padding-top: -35px !important;
  }

  .p-r-lg-35 {
    padding-right: 35px !important;
  }

  .p-r-lg-n35 {
    padding-right: -35px !important;
  }

  .p-b-lg-35 {
    padding-bottom: 35px !important;
  }

  .p-b-lg-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-lg-35 {
    padding-left: 35px !important;
  }

  .p-l-lg-n35 {
    padding-left: -35px !important;
  }

  .p-x-lg-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-lg-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-lg-40 {
    margin: 40px !important;
  }

  .m-lg-n40 {
    margin: -40px !important;
  }

  .m-t-lg-40 {
    margin-top: 40px !important;
  }

  .m-t-lg-n40 {
    margin-top: -40px !important;
  }

  .m-r-lg-40 {
    margin-right: 40px !important;
  }

  .m-r-lg-n40 {
    margin-right: -40px !important;
  }

  .m-b-lg-40 {
    margin-bottom: 40px !important;
  }

  .m-b-lg-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-lg-40 {
    margin-left: 40px !important;
  }

  .m-l-lg-n40 {
    margin-left: -40px !important;
  }

  .m-x-lg-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-lg-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-lg-40 {
    padding: 40px !important;
  }

  .p-lg-n40 {
    padding: -40px !important;
  }

  .p-t-lg-40 {
    padding-top: 40px !important;
  }

  .p-t-lg-n40 {
    padding-top: -40px !important;
  }

  .p-r-lg-40 {
    padding-right: 40px !important;
  }

  .p-r-lg-n40 {
    padding-right: -40px !important;
  }

  .p-b-lg-40 {
    padding-bottom: 40px !important;
  }

  .p-b-lg-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-lg-40 {
    padding-left: 40px !important;
  }

  .p-l-lg-n40 {
    padding-left: -40px !important;
  }

  .p-x-lg-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-lg-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-lg-45 {
    margin: 45px !important;
  }

  .m-lg-n45 {
    margin: -45px !important;
  }

  .m-t-lg-45 {
    margin-top: 45px !important;
  }

  .m-t-lg-n45 {
    margin-top: -45px !important;
  }

  .m-r-lg-45 {
    margin-right: 45px !important;
  }

  .m-r-lg-n45 {
    margin-right: -45px !important;
  }

  .m-b-lg-45 {
    margin-bottom: 45px !important;
  }

  .m-b-lg-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-lg-45 {
    margin-left: 45px !important;
  }

  .m-l-lg-n45 {
    margin-left: -45px !important;
  }

  .m-x-lg-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-lg-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-lg-45 {
    padding: 45px !important;
  }

  .p-lg-n45 {
    padding: -45px !important;
  }

  .p-t-lg-45 {
    padding-top: 45px !important;
  }

  .p-t-lg-n45 {
    padding-top: -45px !important;
  }

  .p-r-lg-45 {
    padding-right: 45px !important;
  }

  .p-r-lg-n45 {
    padding-right: -45px !important;
  }

  .p-b-lg-45 {
    padding-bottom: 45px !important;
  }

  .p-b-lg-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-lg-45 {
    padding-left: 45px !important;
  }

  .p-l-lg-n45 {
    padding-left: -45px !important;
  }

  .p-x-lg-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-lg-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-lg-50 {
    margin: 50px !important;
  }

  .m-lg-n50 {
    margin: -50px !important;
  }

  .m-t-lg-50 {
    margin-top: 50px !important;
  }

  .m-t-lg-n50 {
    margin-top: -50px !important;
  }

  .m-r-lg-50 {
    margin-right: 50px !important;
  }

  .m-r-lg-n50 {
    margin-right: -50px !important;
  }

  .m-b-lg-50 {
    margin-bottom: 50px !important;
  }

  .m-b-lg-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-lg-50 {
    margin-left: 50px !important;
  }

  .m-l-lg-n50 {
    margin-left: -50px !important;
  }

  .m-x-lg-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-lg-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-lg-50 {
    padding: 50px !important;
  }

  .p-lg-n50 {
    padding: -50px !important;
  }

  .p-t-lg-50 {
    padding-top: 50px !important;
  }

  .p-t-lg-n50 {
    padding-top: -50px !important;
  }

  .p-r-lg-50 {
    padding-right: 50px !important;
  }

  .p-r-lg-n50 {
    padding-right: -50px !important;
  }

  .p-b-lg-50 {
    padding-bottom: 50px !important;
  }

  .p-b-lg-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-lg-50 {
    padding-left: 50px !important;
  }

  .p-l-lg-n50 {
    padding-left: -50px !important;
  }

  .p-x-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-lg-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-lg-55 {
    margin: 55px !important;
  }

  .m-lg-n55 {
    margin: -55px !important;
  }

  .m-t-lg-55 {
    margin-top: 55px !important;
  }

  .m-t-lg-n55 {
    margin-top: -55px !important;
  }

  .m-r-lg-55 {
    margin-right: 55px !important;
  }

  .m-r-lg-n55 {
    margin-right: -55px !important;
  }

  .m-b-lg-55 {
    margin-bottom: 55px !important;
  }

  .m-b-lg-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-lg-55 {
    margin-left: 55px !important;
  }

  .m-l-lg-n55 {
    margin-left: -55px !important;
  }

  .m-x-lg-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-lg-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-lg-55 {
    padding: 55px !important;
  }

  .p-lg-n55 {
    padding: -55px !important;
  }

  .p-t-lg-55 {
    padding-top: 55px !important;
  }

  .p-t-lg-n55 {
    padding-top: -55px !important;
  }

  .p-r-lg-55 {
    padding-right: 55px !important;
  }

  .p-r-lg-n55 {
    padding-right: -55px !important;
  }

  .p-b-lg-55 {
    padding-bottom: 55px !important;
  }

  .p-b-lg-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-lg-55 {
    padding-left: 55px !important;
  }

  .p-l-lg-n55 {
    padding-left: -55px !important;
  }

  .p-x-lg-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-lg-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-lg-60 {
    margin: 60px !important;
  }

  .m-lg-n60 {
    margin: -60px !important;
  }

  .m-t-lg-60 {
    margin-top: 60px !important;
  }

  .m-t-lg-n60 {
    margin-top: -60px !important;
  }

  .m-r-lg-60 {
    margin-right: 60px !important;
  }

  .m-r-lg-n60 {
    margin-right: -60px !important;
  }

  .m-b-lg-60 {
    margin-bottom: 60px !important;
  }

  .m-b-lg-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-lg-60 {
    margin-left: 60px !important;
  }

  .m-l-lg-n60 {
    margin-left: -60px !important;
  }

  .m-x-lg-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-lg-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-lg-60 {
    padding: 60px !important;
  }

  .p-lg-n60 {
    padding: -60px !important;
  }

  .p-t-lg-60 {
    padding-top: 60px !important;
  }

  .p-t-lg-n60 {
    padding-top: -60px !important;
  }

  .p-r-lg-60 {
    padding-right: 60px !important;
  }

  .p-r-lg-n60 {
    padding-right: -60px !important;
  }

  .p-b-lg-60 {
    padding-bottom: 60px !important;
  }

  .p-b-lg-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-lg-60 {
    padding-left: 60px !important;
  }

  .p-l-lg-n60 {
    padding-left: -60px !important;
  }

  .p-x-lg-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-lg-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-lg-70 {
    margin: 70px !important;
  }

  .m-lg-n70 {
    margin: -70px !important;
  }

  .m-t-lg-70 {
    margin-top: 70px !important;
  }

  .m-t-lg-n70 {
    margin-top: -70px !important;
  }

  .m-r-lg-70 {
    margin-right: 70px !important;
  }

  .m-r-lg-n70 {
    margin-right: -70px !important;
  }

  .m-b-lg-70 {
    margin-bottom: 70px !important;
  }

  .m-b-lg-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-lg-70 {
    margin-left: 70px !important;
  }

  .m-l-lg-n70 {
    margin-left: -70px !important;
  }

  .m-x-lg-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-lg-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-lg-70 {
    padding: 70px !important;
  }

  .p-lg-n70 {
    padding: -70px !important;
  }

  .p-t-lg-70 {
    padding-top: 70px !important;
  }

  .p-t-lg-n70 {
    padding-top: -70px !important;
  }

  .p-r-lg-70 {
    padding-right: 70px !important;
  }

  .p-r-lg-n70 {
    padding-right: -70px !important;
  }

  .p-b-lg-70 {
    padding-bottom: 70px !important;
  }

  .p-b-lg-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-lg-70 {
    padding-left: 70px !important;
  }

  .p-l-lg-n70 {
    padding-left: -70px !important;
  }

  .p-x-lg-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-lg-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-lg-80 {
    margin: 80px !important;
  }

  .m-lg-n80 {
    margin: -80px !important;
  }

  .m-t-lg-80 {
    margin-top: 80px !important;
  }

  .m-t-lg-n80 {
    margin-top: -80px !important;
  }

  .m-r-lg-80 {
    margin-right: 80px !important;
  }

  .m-r-lg-n80 {
    margin-right: -80px !important;
  }

  .m-b-lg-80 {
    margin-bottom: 80px !important;
  }

  .m-b-lg-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-lg-80 {
    margin-left: 80px !important;
  }

  .m-l-lg-n80 {
    margin-left: -80px !important;
  }

  .m-x-lg-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-lg-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-lg-80 {
    padding: 80px !important;
  }

  .p-lg-n80 {
    padding: -80px !important;
  }

  .p-t-lg-80 {
    padding-top: 80px !important;
  }

  .p-t-lg-n80 {
    padding-top: -80px !important;
  }

  .p-r-lg-80 {
    padding-right: 80px !important;
  }

  .p-r-lg-n80 {
    padding-right: -80px !important;
  }

  .p-b-lg-80 {
    padding-bottom: 80px !important;
  }

  .p-b-lg-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-lg-80 {
    padding-left: 80px !important;
  }

  .p-l-lg-n80 {
    padding-left: -80px !important;
  }

  .p-x-lg-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-lg-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-lg-90 {
    margin: 90px !important;
  }

  .m-lg-n90 {
    margin: -90px !important;
  }

  .m-t-lg-90 {
    margin-top: 90px !important;
  }

  .m-t-lg-n90 {
    margin-top: -90px !important;
  }

  .m-r-lg-90 {
    margin-right: 90px !important;
  }

  .m-r-lg-n90 {
    margin-right: -90px !important;
  }

  .m-b-lg-90 {
    margin-bottom: 90px !important;
  }

  .m-b-lg-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-lg-90 {
    margin-left: 90px !important;
  }

  .m-l-lg-n90 {
    margin-left: -90px !important;
  }

  .m-x-lg-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-lg-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-lg-90 {
    padding: 90px !important;
  }

  .p-lg-n90 {
    padding: -90px !important;
  }

  .p-t-lg-90 {
    padding-top: 90px !important;
  }

  .p-t-lg-n90 {
    padding-top: -90px !important;
  }

  .p-r-lg-90 {
    padding-right: 90px !important;
  }

  .p-r-lg-n90 {
    padding-right: -90px !important;
  }

  .p-b-lg-90 {
    padding-bottom: 90px !important;
  }

  .p-b-lg-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-lg-90 {
    padding-left: 90px !important;
  }

  .p-l-lg-n90 {
    padding-left: -90px !important;
  }

  .p-x-lg-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-lg-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-lg-100 {
    margin: 100px !important;
  }

  .m-lg-n100 {
    margin: -100px !important;
  }

  .m-t-lg-100 {
    margin-top: 100px !important;
  }

  .m-t-lg-n100 {
    margin-top: -100px !important;
  }

  .m-r-lg-100 {
    margin-right: 100px !important;
  }

  .m-r-lg-n100 {
    margin-right: -100px !important;
  }

  .m-b-lg-100 {
    margin-bottom: 100px !important;
  }

  .m-b-lg-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-lg-100 {
    margin-left: 100px !important;
  }

  .m-l-lg-n100 {
    margin-left: -100px !important;
  }

  .m-x-lg-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-lg-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-lg-100 {
    padding: 100px !important;
  }

  .p-lg-n100 {
    padding: -100px !important;
  }

  .p-t-lg-100 {
    padding-top: 100px !important;
  }

  .p-t-lg-n100 {
    padding-top: -100px !important;
  }

  .p-r-lg-100 {
    padding-right: 100px !important;
  }

  .p-r-lg-n100 {
    padding-right: -100px !important;
  }

  .p-b-lg-100 {
    padding-bottom: 100px !important;
  }

  .p-b-lg-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-lg-100 {
    padding-left: 100px !important;
  }

  .p-l-lg-n100 {
    padding-left: -100px !important;
  }

  .p-x-lg-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-lg-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-lg-120 {
    margin: 120px !important;
  }

  .m-lg-n120 {
    margin: -120px !important;
  }

  .m-t-lg-120 {
    margin-top: 120px !important;
  }

  .m-t-lg-n120 {
    margin-top: -120px !important;
  }

  .m-r-lg-120 {
    margin-right: 120px !important;
  }

  .m-r-lg-n120 {
    margin-right: -120px !important;
  }

  .m-b-lg-120 {
    margin-bottom: 120px !important;
  }

  .m-b-lg-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-lg-120 {
    margin-left: 120px !important;
  }

  .m-l-lg-n120 {
    margin-left: -120px !important;
  }

  .m-x-lg-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-lg-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-lg-120 {
    padding: 120px !important;
  }

  .p-lg-n120 {
    padding: -120px !important;
  }

  .p-t-lg-120 {
    padding-top: 120px !important;
  }

  .p-t-lg-n120 {
    padding-top: -120px !important;
  }

  .p-r-lg-120 {
    padding-right: 120px !important;
  }

  .p-r-lg-n120 {
    padding-right: -120px !important;
  }

  .p-b-lg-120 {
    padding-bottom: 120px !important;
  }

  .p-b-lg-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-lg-120 {
    padding-left: 120px !important;
  }

  .p-l-lg-n120 {
    padding-left: -120px !important;
  }

  .p-x-lg-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-lg-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-lg-140 {
    margin: 140px !important;
  }

  .m-lg-n140 {
    margin: -140px !important;
  }

  .m-t-lg-140 {
    margin-top: 140px !important;
  }

  .m-t-lg-n140 {
    margin-top: -140px !important;
  }

  .m-r-lg-140 {
    margin-right: 140px !important;
  }

  .m-r-lg-n140 {
    margin-right: -140px !important;
  }

  .m-b-lg-140 {
    margin-bottom: 140px !important;
  }

  .m-b-lg-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-lg-140 {
    margin-left: 140px !important;
  }

  .m-l-lg-n140 {
    margin-left: -140px !important;
  }

  .m-x-lg-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-lg-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-lg-140 {
    padding: 140px !important;
  }

  .p-lg-n140 {
    padding: -140px !important;
  }

  .p-t-lg-140 {
    padding-top: 140px !important;
  }

  .p-t-lg-n140 {
    padding-top: -140px !important;
  }

  .p-r-lg-140 {
    padding-right: 140px !important;
  }

  .p-r-lg-n140 {
    padding-right: -140px !important;
  }

  .p-b-lg-140 {
    padding-bottom: 140px !important;
  }

  .p-b-lg-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-lg-140 {
    padding-left: 140px !important;
  }

  .p-l-lg-n140 {
    padding-left: -140px !important;
  }

  .p-x-lg-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-lg-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-lg-150 {
    margin: 150px !important;
  }

  .m-lg-n150 {
    margin: -150px !important;
  }

  .m-t-lg-150 {
    margin-top: 150px !important;
  }

  .m-t-lg-n150 {
    margin-top: -150px !important;
  }

  .m-r-lg-150 {
    margin-right: 150px !important;
  }

  .m-r-lg-n150 {
    margin-right: -150px !important;
  }

  .m-b-lg-150 {
    margin-bottom: 150px !important;
  }

  .m-b-lg-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-lg-150 {
    margin-left: 150px !important;
  }

  .m-l-lg-n150 {
    margin-left: -150px !important;
  }

  .m-x-lg-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-lg-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-lg-150 {
    padding: 150px !important;
  }

  .p-lg-n150 {
    padding: -150px !important;
  }

  .p-t-lg-150 {
    padding-top: 150px !important;
  }

  .p-t-lg-n150 {
    padding-top: -150px !important;
  }

  .p-r-lg-150 {
    padding-right: 150px !important;
  }

  .p-r-lg-n150 {
    padding-right: -150px !important;
  }

  .p-b-lg-150 {
    padding-bottom: 150px !important;
  }

  .p-b-lg-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-lg-150 {
    padding-left: 150px !important;
  }

  .p-l-lg-n150 {
    padding-left: -150px !important;
  }

  .p-x-lg-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-lg-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-lg-160 {
    margin: 160px !important;
  }

  .m-lg-n160 {
    margin: -160px !important;
  }

  .m-t-lg-160 {
    margin-top: 160px !important;
  }

  .m-t-lg-n160 {
    margin-top: -160px !important;
  }

  .m-r-lg-160 {
    margin-right: 160px !important;
  }

  .m-r-lg-n160 {
    margin-right: -160px !important;
  }

  .m-b-lg-160 {
    margin-bottom: 160px !important;
  }

  .m-b-lg-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-lg-160 {
    margin-left: 160px !important;
  }

  .m-l-lg-n160 {
    margin-left: -160px !important;
  }

  .m-x-lg-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-lg-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-lg-160 {
    padding: 160px !important;
  }

  .p-lg-n160 {
    padding: -160px !important;
  }

  .p-t-lg-160 {
    padding-top: 160px !important;
  }

  .p-t-lg-n160 {
    padding-top: -160px !important;
  }

  .p-r-lg-160 {
    padding-right: 160px !important;
  }

  .p-r-lg-n160 {
    padding-right: -160px !important;
  }

  .p-b-lg-160 {
    padding-bottom: 160px !important;
  }

  .p-b-lg-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-lg-160 {
    padding-left: 160px !important;
  }

  .p-l-lg-n160 {
    padding-left: -160px !important;
  }

  .p-x-lg-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-lg-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-lg-180 {
    margin: 180px !important;
  }

  .m-lg-n180 {
    margin: -180px !important;
  }

  .m-t-lg-180 {
    margin-top: 180px !important;
  }

  .m-t-lg-n180 {
    margin-top: -180px !important;
  }

  .m-r-lg-180 {
    margin-right: 180px !important;
  }

  .m-r-lg-n180 {
    margin-right: -180px !important;
  }

  .m-b-lg-180 {
    margin-bottom: 180px !important;
  }

  .m-b-lg-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-lg-180 {
    margin-left: 180px !important;
  }

  .m-l-lg-n180 {
    margin-left: -180px !important;
  }

  .m-x-lg-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-lg-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-lg-180 {
    padding: 180px !important;
  }

  .p-lg-n180 {
    padding: -180px !important;
  }

  .p-t-lg-180 {
    padding-top: 180px !important;
  }

  .p-t-lg-n180 {
    padding-top: -180px !important;
  }

  .p-r-lg-180 {
    padding-right: 180px !important;
  }

  .p-r-lg-n180 {
    padding-right: -180px !important;
  }

  .p-b-lg-180 {
    padding-bottom: 180px !important;
  }

  .p-b-lg-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-lg-180 {
    padding-left: 180px !important;
  }

  .p-l-lg-n180 {
    padding-left: -180px !important;
  }

  .p-x-lg-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-lg-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-lg-200 {
    margin: 200px !important;
  }

  .m-lg-n200 {
    margin: -200px !important;
  }

  .m-t-lg-200 {
    margin-top: 200px !important;
  }

  .m-t-lg-n200 {
    margin-top: -200px !important;
  }

  .m-r-lg-200 {
    margin-right: 200px !important;
  }

  .m-r-lg-n200 {
    margin-right: -200px !important;
  }

  .m-b-lg-200 {
    margin-bottom: 200px !important;
  }

  .m-b-lg-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-lg-200 {
    margin-left: 200px !important;
  }

  .m-l-lg-n200 {
    margin-left: -200px !important;
  }

  .m-x-lg-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-lg-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-lg-200 {
    padding: 200px !important;
  }

  .p-lg-n200 {
    padding: -200px !important;
  }

  .p-t-lg-200 {
    padding-top: 200px !important;
  }

  .p-t-lg-n200 {
    padding-top: -200px !important;
  }

  .p-r-lg-200 {
    padding-right: 200px !important;
  }

  .p-r-lg-n200 {
    padding-right: -200px !important;
  }

  .p-b-lg-200 {
    padding-bottom: 200px !important;
  }

  .p-b-lg-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-lg-200 {
    padding-left: 200px !important;
  }

  .p-l-lg-n200 {
    padding-left: -200px !important;
  }

  .p-x-lg-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-lg-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-lg-210 {
    margin: 210px !important;
  }

  .m-lg-n210 {
    margin: -210px !important;
  }

  .m-t-lg-210 {
    margin-top: 210px !important;
  }

  .m-t-lg-n210 {
    margin-top: -210px !important;
  }

  .m-r-lg-210 {
    margin-right: 210px !important;
  }

  .m-r-lg-n210 {
    margin-right: -210px !important;
  }

  .m-b-lg-210 {
    margin-bottom: 210px !important;
  }

  .m-b-lg-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-lg-210 {
    margin-left: 210px !important;
  }

  .m-l-lg-n210 {
    margin-left: -210px !important;
  }

  .m-x-lg-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-lg-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-lg-210 {
    padding: 210px !important;
  }

  .p-lg-n210 {
    padding: -210px !important;
  }

  .p-t-lg-210 {
    padding-top: 210px !important;
  }

  .p-t-lg-n210 {
    padding-top: -210px !important;
  }

  .p-r-lg-210 {
    padding-right: 210px !important;
  }

  .p-r-lg-n210 {
    padding-right: -210px !important;
  }

  .p-b-lg-210 {
    padding-bottom: 210px !important;
  }

  .p-b-lg-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-lg-210 {
    padding-left: 210px !important;
  }

  .p-l-lg-n210 {
    padding-left: -210px !important;
  }

  .p-x-lg-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-lg-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-lg-220 {
    margin: 220px !important;
  }

  .m-lg-n220 {
    margin: -220px !important;
  }

  .m-t-lg-220 {
    margin-top: 220px !important;
  }

  .m-t-lg-n220 {
    margin-top: -220px !important;
  }

  .m-r-lg-220 {
    margin-right: 220px !important;
  }

  .m-r-lg-n220 {
    margin-right: -220px !important;
  }

  .m-b-lg-220 {
    margin-bottom: 220px !important;
  }

  .m-b-lg-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-lg-220 {
    margin-left: 220px !important;
  }

  .m-l-lg-n220 {
    margin-left: -220px !important;
  }

  .m-x-lg-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-lg-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-lg-220 {
    padding: 220px !important;
  }

  .p-lg-n220 {
    padding: -220px !important;
  }

  .p-t-lg-220 {
    padding-top: 220px !important;
  }

  .p-t-lg-n220 {
    padding-top: -220px !important;
  }

  .p-r-lg-220 {
    padding-right: 220px !important;
  }

  .p-r-lg-n220 {
    padding-right: -220px !important;
  }

  .p-b-lg-220 {
    padding-bottom: 220px !important;
  }

  .p-b-lg-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-lg-220 {
    padding-left: 220px !important;
  }

  .p-l-lg-n220 {
    padding-left: -220px !important;
  }

  .p-x-lg-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-lg-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-lg-230 {
    margin: 230px !important;
  }

  .m-lg-n230 {
    margin: -230px !important;
  }

  .m-t-lg-230 {
    margin-top: 230px !important;
  }

  .m-t-lg-n230 {
    margin-top: -230px !important;
  }

  .m-r-lg-230 {
    margin-right: 230px !important;
  }

  .m-r-lg-n230 {
    margin-right: -230px !important;
  }

  .m-b-lg-230 {
    margin-bottom: 230px !important;
  }

  .m-b-lg-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-lg-230 {
    margin-left: 230px !important;
  }

  .m-l-lg-n230 {
    margin-left: -230px !important;
  }

  .m-x-lg-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-lg-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-lg-230 {
    padding: 230px !important;
  }

  .p-lg-n230 {
    padding: -230px !important;
  }

  .p-t-lg-230 {
    padding-top: 230px !important;
  }

  .p-t-lg-n230 {
    padding-top: -230px !important;
  }

  .p-r-lg-230 {
    padding-right: 230px !important;
  }

  .p-r-lg-n230 {
    padding-right: -230px !important;
  }

  .p-b-lg-230 {
    padding-bottom: 230px !important;
  }

  .p-b-lg-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-lg-230 {
    padding-left: 230px !important;
  }

  .p-l-lg-n230 {
    padding-left: -230px !important;
  }

  .p-x-lg-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-lg-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-lg-240 {
    margin: 240px !important;
  }

  .m-lg-n240 {
    margin: -240px !important;
  }

  .m-t-lg-240 {
    margin-top: 240px !important;
  }

  .m-t-lg-n240 {
    margin-top: -240px !important;
  }

  .m-r-lg-240 {
    margin-right: 240px !important;
  }

  .m-r-lg-n240 {
    margin-right: -240px !important;
  }

  .m-b-lg-240 {
    margin-bottom: 240px !important;
  }

  .m-b-lg-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-lg-240 {
    margin-left: 240px !important;
  }

  .m-l-lg-n240 {
    margin-left: -240px !important;
  }

  .m-x-lg-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-lg-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-lg-240 {
    padding: 240px !important;
  }

  .p-lg-n240 {
    padding: -240px !important;
  }

  .p-t-lg-240 {
    padding-top: 240px !important;
  }

  .p-t-lg-n240 {
    padding-top: -240px !important;
  }

  .p-r-lg-240 {
    padding-right: 240px !important;
  }

  .p-r-lg-n240 {
    padding-right: -240px !important;
  }

  .p-b-lg-240 {
    padding-bottom: 240px !important;
  }

  .p-b-lg-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-lg-240 {
    padding-left: 240px !important;
  }

  .p-l-lg-n240 {
    padding-left: -240px !important;
  }

  .p-x-lg-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-lg-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-lg-250 {
    margin: 250px !important;
  }

  .m-lg-n250 {
    margin: -250px !important;
  }

  .m-t-lg-250 {
    margin-top: 250px !important;
  }

  .m-t-lg-n250 {
    margin-top: -250px !important;
  }

  .m-r-lg-250 {
    margin-right: 250px !important;
  }

  .m-r-lg-n250 {
    margin-right: -250px !important;
  }

  .m-b-lg-250 {
    margin-bottom: 250px !important;
  }

  .m-b-lg-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-lg-250 {
    margin-left: 250px !important;
  }

  .m-l-lg-n250 {
    margin-left: -250px !important;
  }

  .m-x-lg-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-lg-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-lg-250 {
    padding: 250px !important;
  }

  .p-lg-n250 {
    padding: -250px !important;
  }

  .p-t-lg-250 {
    padding-top: 250px !important;
  }

  .p-t-lg-n250 {
    padding-top: -250px !important;
  }

  .p-r-lg-250 {
    padding-right: 250px !important;
  }

  .p-r-lg-n250 {
    padding-right: -250px !important;
  }

  .p-b-lg-250 {
    padding-bottom: 250px !important;
  }

  .p-b-lg-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-lg-250 {
    padding-left: 250px !important;
  }

  .p-l-lg-n250 {
    padding-left: -250px !important;
  }

  .p-x-lg-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-lg-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

@media screen and (min-width: 1200px) {
  .m-xl-0 {
    margin: 0px !important;
  }

  .m-xl-n0 {
    margin: 0px !important;
  }

  .m-t-xl-0 {
    margin-top: 0px !important;
  }

  .m-t-xl-n0 {
    margin-top: 0px !important;
  }

  .m-r-xl-0 {
    margin-right: 0px !important;
  }

  .m-r-xl-n0 {
    margin-right: 0px !important;
  }

  .m-b-xl-0 {
    margin-bottom: 0px !important;
  }

  .m-b-xl-n0 {
    margin-bottom: 0px !important;
  }

  .m-l-xl-0 {
    margin-left: 0px !important;
  }

  .m-l-xl-n0 {
    margin-left: 0px !important;
  }

  .m-x-xl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .m-y-xl-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .p-xl-0 {
    padding: 0px !important;
  }

  .p-xl-n0 {
    padding: 0px !important;
  }

  .p-t-xl-0 {
    padding-top: 0px !important;
  }

  .p-t-xl-n0 {
    padding-top: 0px !important;
  }

  .p-r-xl-0 {
    padding-right: 0px !important;
  }

  .p-r-xl-n0 {
    padding-right: 0px !important;
  }

  .p-b-xl-0 {
    padding-bottom: 0px !important;
  }

  .p-b-xl-n0 {
    padding-bottom: 0px !important;
  }

  .p-l-xl-0 {
    padding-left: 0px !important;
  }

  .p-l-xl-n0 {
    padding-left: 0px !important;
  }

  .p-x-xl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .p-y-xl-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m-xl-1 {
    margin: 1px !important;
  }

  .m-xl-n1 {
    margin: -1px !important;
  }

  .m-t-xl-1 {
    margin-top: 1px !important;
  }

  .m-t-xl-n1 {
    margin-top: -1px !important;
  }

  .m-r-xl-1 {
    margin-right: 1px !important;
  }

  .m-r-xl-n1 {
    margin-right: -1px !important;
  }

  .m-b-xl-1 {
    margin-bottom: 1px !important;
  }

  .m-b-xl-n1 {
    margin-bottom: -1px !important;
  }

  .m-l-xl-1 {
    margin-left: 1px !important;
  }

  .m-l-xl-n1 {
    margin-left: -1px !important;
  }

  .m-x-xl-1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

  .m-y-xl-1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .p-xl-1 {
    padding: 1px !important;
  }

  .p-xl-n1 {
    padding: -1px !important;
  }

  .p-t-xl-1 {
    padding-top: 1px !important;
  }

  .p-t-xl-n1 {
    padding-top: -1px !important;
  }

  .p-r-xl-1 {
    padding-right: 1px !important;
  }

  .p-r-xl-n1 {
    padding-right: -1px !important;
  }

  .p-b-xl-1 {
    padding-bottom: 1px !important;
  }

  .p-b-xl-n1 {
    padding-bottom: -1px !important;
  }

  .p-l-xl-1 {
    padding-left: 1px !important;
  }

  .p-l-xl-n1 {
    padding-left: -1px !important;
  }

  .p-x-xl-1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  .p-y-xl-1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .m-xl-2 {
    margin: 2px !important;
  }

  .m-xl-n2 {
    margin: -2px !important;
  }

  .m-t-xl-2 {
    margin-top: 2px !important;
  }

  .m-t-xl-n2 {
    margin-top: -2px !important;
  }

  .m-r-xl-2 {
    margin-right: 2px !important;
  }

  .m-r-xl-n2 {
    margin-right: -2px !important;
  }

  .m-b-xl-2 {
    margin-bottom: 2px !important;
  }

  .m-b-xl-n2 {
    margin-bottom: -2px !important;
  }

  .m-l-xl-2 {
    margin-left: 2px !important;
  }

  .m-l-xl-n2 {
    margin-left: -2px !important;
  }

  .m-x-xl-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }

  .m-y-xl-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .p-xl-2 {
    padding: 2px !important;
  }

  .p-xl-n2 {
    padding: -2px !important;
  }

  .p-t-xl-2 {
    padding-top: 2px !important;
  }

  .p-t-xl-n2 {
    padding-top: -2px !important;
  }

  .p-r-xl-2 {
    padding-right: 2px !important;
  }

  .p-r-xl-n2 {
    padding-right: -2px !important;
  }

  .p-b-xl-2 {
    padding-bottom: 2px !important;
  }

  .p-b-xl-n2 {
    padding-bottom: -2px !important;
  }

  .p-l-xl-2 {
    padding-left: 2px !important;
  }

  .p-l-xl-n2 {
    padding-left: -2px !important;
  }

  .p-x-xl-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .p-y-xl-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .m-xl-3 {
    margin: 3px !important;
  }

  .m-xl-n3 {
    margin: -3px !important;
  }

  .m-t-xl-3 {
    margin-top: 3px !important;
  }

  .m-t-xl-n3 {
    margin-top: -3px !important;
  }

  .m-r-xl-3 {
    margin-right: 3px !important;
  }

  .m-r-xl-n3 {
    margin-right: -3px !important;
  }

  .m-b-xl-3 {
    margin-bottom: 3px !important;
  }

  .m-b-xl-n3 {
    margin-bottom: -3px !important;
  }

  .m-l-xl-3 {
    margin-left: 3px !important;
  }

  .m-l-xl-n3 {
    margin-left: -3px !important;
  }

  .m-x-xl-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }

  .m-y-xl-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .p-xl-3 {
    padding: 3px !important;
  }

  .p-xl-n3 {
    padding: -3px !important;
  }

  .p-t-xl-3 {
    padding-top: 3px !important;
  }

  .p-t-xl-n3 {
    padding-top: -3px !important;
  }

  .p-r-xl-3 {
    padding-right: 3px !important;
  }

  .p-r-xl-n3 {
    padding-right: -3px !important;
  }

  .p-b-xl-3 {
    padding-bottom: 3px !important;
  }

  .p-b-xl-n3 {
    padding-bottom: -3px !important;
  }

  .p-l-xl-3 {
    padding-left: 3px !important;
  }

  .p-l-xl-n3 {
    padding-left: -3px !important;
  }

  .p-x-xl-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .p-y-xl-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .m-xl-4 {
    margin: 4px !important;
  }

  .m-xl-n4 {
    margin: -4px !important;
  }

  .m-t-xl-4 {
    margin-top: 4px !important;
  }

  .m-t-xl-n4 {
    margin-top: -4px !important;
  }

  .m-r-xl-4 {
    margin-right: 4px !important;
  }

  .m-r-xl-n4 {
    margin-right: -4px !important;
  }

  .m-b-xl-4 {
    margin-bottom: 4px !important;
  }

  .m-b-xl-n4 {
    margin-bottom: -4px !important;
  }

  .m-l-xl-4 {
    margin-left: 4px !important;
  }

  .m-l-xl-n4 {
    margin-left: -4px !important;
  }

  .m-x-xl-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .m-y-xl-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .p-xl-4 {
    padding: 4px !important;
  }

  .p-xl-n4 {
    padding: -4px !important;
  }

  .p-t-xl-4 {
    padding-top: 4px !important;
  }

  .p-t-xl-n4 {
    padding-top: -4px !important;
  }

  .p-r-xl-4 {
    padding-right: 4px !important;
  }

  .p-r-xl-n4 {
    padding-right: -4px !important;
  }

  .p-b-xl-4 {
    padding-bottom: 4px !important;
  }

  .p-b-xl-n4 {
    padding-bottom: -4px !important;
  }

  .p-l-xl-4 {
    padding-left: 4px !important;
  }

  .p-l-xl-n4 {
    padding-left: -4px !important;
  }

  .p-x-xl-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .p-y-xl-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .m-xl-5 {
    margin: 5px !important;
  }

  .m-xl-n5 {
    margin: -5px !important;
  }

  .m-t-xl-5 {
    margin-top: 5px !important;
  }

  .m-t-xl-n5 {
    margin-top: -5px !important;
  }

  .m-r-xl-5 {
    margin-right: 5px !important;
  }

  .m-r-xl-n5 {
    margin-right: -5px !important;
  }

  .m-b-xl-5 {
    margin-bottom: 5px !important;
  }

  .m-b-xl-n5 {
    margin-bottom: -5px !important;
  }

  .m-l-xl-5 {
    margin-left: 5px !important;
  }

  .m-l-xl-n5 {
    margin-left: -5px !important;
  }

  .m-x-xl-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .m-y-xl-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .p-xl-5 {
    padding: 5px !important;
  }

  .p-xl-n5 {
    padding: -5px !important;
  }

  .p-t-xl-5 {
    padding-top: 5px !important;
  }

  .p-t-xl-n5 {
    padding-top: -5px !important;
  }

  .p-r-xl-5 {
    padding-right: 5px !important;
  }

  .p-r-xl-n5 {
    padding-right: -5px !important;
  }

  .p-b-xl-5 {
    padding-bottom: 5px !important;
  }

  .p-b-xl-n5 {
    padding-bottom: -5px !important;
  }

  .p-l-xl-5 {
    padding-left: 5px !important;
  }

  .p-l-xl-n5 {
    padding-left: -5px !important;
  }

  .p-x-xl-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .p-y-xl-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m-xl-6 {
    margin: 6px !important;
  }

  .m-xl-n6 {
    margin: -6px !important;
  }

  .m-t-xl-6 {
    margin-top: 6px !important;
  }

  .m-t-xl-n6 {
    margin-top: -6px !important;
  }

  .m-r-xl-6 {
    margin-right: 6px !important;
  }

  .m-r-xl-n6 {
    margin-right: -6px !important;
  }

  .m-b-xl-6 {
    margin-bottom: 6px !important;
  }

  .m-b-xl-n6 {
    margin-bottom: -6px !important;
  }

  .m-l-xl-6 {
    margin-left: 6px !important;
  }

  .m-l-xl-n6 {
    margin-left: -6px !important;
  }

  .m-x-xl-6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .m-y-xl-6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .p-xl-6 {
    padding: 6px !important;
  }

  .p-xl-n6 {
    padding: -6px !important;
  }

  .p-t-xl-6 {
    padding-top: 6px !important;
  }

  .p-t-xl-n6 {
    padding-top: -6px !important;
  }

  .p-r-xl-6 {
    padding-right: 6px !important;
  }

  .p-r-xl-n6 {
    padding-right: -6px !important;
  }

  .p-b-xl-6 {
    padding-bottom: 6px !important;
  }

  .p-b-xl-n6 {
    padding-bottom: -6px !important;
  }

  .p-l-xl-6 {
    padding-left: 6px !important;
  }

  .p-l-xl-n6 {
    padding-left: -6px !important;
  }

  .p-x-xl-6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .p-y-xl-6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .m-xl-7 {
    margin: 7px !important;
  }

  .m-xl-n7 {
    margin: -7px !important;
  }

  .m-t-xl-7 {
    margin-top: 7px !important;
  }

  .m-t-xl-n7 {
    margin-top: -7px !important;
  }

  .m-r-xl-7 {
    margin-right: 7px !important;
  }

  .m-r-xl-n7 {
    margin-right: -7px !important;
  }

  .m-b-xl-7 {
    margin-bottom: 7px !important;
  }

  .m-b-xl-n7 {
    margin-bottom: -7px !important;
  }

  .m-l-xl-7 {
    margin-left: 7px !important;
  }

  .m-l-xl-n7 {
    margin-left: -7px !important;
  }

  .m-x-xl-7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }

  .m-y-xl-7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .p-xl-7 {
    padding: 7px !important;
  }

  .p-xl-n7 {
    padding: -7px !important;
  }

  .p-t-xl-7 {
    padding-top: 7px !important;
  }

  .p-t-xl-n7 {
    padding-top: -7px !important;
  }

  .p-r-xl-7 {
    padding-right: 7px !important;
  }

  .p-r-xl-n7 {
    padding-right: -7px !important;
  }

  .p-b-xl-7 {
    padding-bottom: 7px !important;
  }

  .p-b-xl-n7 {
    padding-bottom: -7px !important;
  }

  .p-l-xl-7 {
    padding-left: 7px !important;
  }

  .p-l-xl-n7 {
    padding-left: -7px !important;
  }

  .p-x-xl-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .p-y-xl-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .m-xl-8 {
    margin: 8px !important;
  }

  .m-xl-n8 {
    margin: -8px !important;
  }

  .m-t-xl-8 {
    margin-top: 8px !important;
  }

  .m-t-xl-n8 {
    margin-top: -8px !important;
  }

  .m-r-xl-8 {
    margin-right: 8px !important;
  }

  .m-r-xl-n8 {
    margin-right: -8px !important;
  }

  .m-b-xl-8 {
    margin-bottom: 8px !important;
  }

  .m-b-xl-n8 {
    margin-bottom: -8px !important;
  }

  .m-l-xl-8 {
    margin-left: 8px !important;
  }

  .m-l-xl-n8 {
    margin-left: -8px !important;
  }

  .m-x-xl-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .m-y-xl-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .p-xl-8 {
    padding: 8px !important;
  }

  .p-xl-n8 {
    padding: -8px !important;
  }

  .p-t-xl-8 {
    padding-top: 8px !important;
  }

  .p-t-xl-n8 {
    padding-top: -8px !important;
  }

  .p-r-xl-8 {
    padding-right: 8px !important;
  }

  .p-r-xl-n8 {
    padding-right: -8px !important;
  }

  .p-b-xl-8 {
    padding-bottom: 8px !important;
  }

  .p-b-xl-n8 {
    padding-bottom: -8px !important;
  }

  .p-l-xl-8 {
    padding-left: 8px !important;
  }

  .p-l-xl-n8 {
    padding-left: -8px !important;
  }

  .p-x-xl-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .p-y-xl-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .m-xl-9 {
    margin: 9px !important;
  }

  .m-xl-n9 {
    margin: -9px !important;
  }

  .m-t-xl-9 {
    margin-top: 9px !important;
  }

  .m-t-xl-n9 {
    margin-top: -9px !important;
  }

  .m-r-xl-9 {
    margin-right: 9px !important;
  }

  .m-r-xl-n9 {
    margin-right: -9px !important;
  }

  .m-b-xl-9 {
    margin-bottom: 9px !important;
  }

  .m-b-xl-n9 {
    margin-bottom: -9px !important;
  }

  .m-l-xl-9 {
    margin-left: 9px !important;
  }

  .m-l-xl-n9 {
    margin-left: -9px !important;
  }

  .m-x-xl-9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }

  .m-y-xl-9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .p-xl-9 {
    padding: 9px !important;
  }

  .p-xl-n9 {
    padding: -9px !important;
  }

  .p-t-xl-9 {
    padding-top: 9px !important;
  }

  .p-t-xl-n9 {
    padding-top: -9px !important;
  }

  .p-r-xl-9 {
    padding-right: 9px !important;
  }

  .p-r-xl-n9 {
    padding-right: -9px !important;
  }

  .p-b-xl-9 {
    padding-bottom: 9px !important;
  }

  .p-b-xl-n9 {
    padding-bottom: -9px !important;
  }

  .p-l-xl-9 {
    padding-left: 9px !important;
  }

  .p-l-xl-n9 {
    padding-left: -9px !important;
  }

  .p-x-xl-9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .p-y-xl-9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .m-xl-10 {
    margin: 10px !important;
  }

  .m-xl-n10 {
    margin: -10px !important;
  }

  .m-t-xl-10 {
    margin-top: 10px !important;
  }

  .m-t-xl-n10 {
    margin-top: -10px !important;
  }

  .m-r-xl-10 {
    margin-right: 10px !important;
  }

  .m-r-xl-n10 {
    margin-right: -10px !important;
  }

  .m-b-xl-10 {
    margin-bottom: 10px !important;
  }

  .m-b-xl-n10 {
    margin-bottom: -10px !important;
  }

  .m-l-xl-10 {
    margin-left: 10px !important;
  }

  .m-l-xl-n10 {
    margin-left: -10px !important;
  }

  .m-x-xl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .m-y-xl-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .p-xl-10 {
    padding: 10px !important;
  }

  .p-xl-n10 {
    padding: -10px !important;
  }

  .p-t-xl-10 {
    padding-top: 10px !important;
  }

  .p-t-xl-n10 {
    padding-top: -10px !important;
  }

  .p-r-xl-10 {
    padding-right: 10px !important;
  }

  .p-r-xl-n10 {
    padding-right: -10px !important;
  }

  .p-b-xl-10 {
    padding-bottom: 10px !important;
  }

  .p-b-xl-n10 {
    padding-bottom: -10px !important;
  }

  .p-l-xl-10 {
    padding-left: 10px !important;
  }

  .p-l-xl-n10 {
    padding-left: -10px !important;
  }

  .p-x-xl-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .p-y-xl-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m-xl-15 {
    margin: 15px !important;
  }

  .m-xl-n15 {
    margin: -15px !important;
  }

  .m-t-xl-15 {
    margin-top: 15px !important;
  }

  .m-t-xl-n15 {
    margin-top: -15px !important;
  }

  .m-r-xl-15 {
    margin-right: 15px !important;
  }

  .m-r-xl-n15 {
    margin-right: -15px !important;
  }

  .m-b-xl-15 {
    margin-bottom: 15px !important;
  }

  .m-b-xl-n15 {
    margin-bottom: -15px !important;
  }

  .m-l-xl-15 {
    margin-left: 15px !important;
  }

  .m-l-xl-n15 {
    margin-left: -15px !important;
  }

  .m-x-xl-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }

  .m-y-xl-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .p-xl-15 {
    padding: 15px !important;
  }

  .p-xl-n15 {
    padding: -15px !important;
  }

  .p-t-xl-15 {
    padding-top: 15px !important;
  }

  .p-t-xl-n15 {
    padding-top: -15px !important;
  }

  .p-r-xl-15 {
    padding-right: 15px !important;
  }

  .p-r-xl-n15 {
    padding-right: -15px !important;
  }

  .p-b-xl-15 {
    padding-bottom: 15px !important;
  }

  .p-b-xl-n15 {
    padding-bottom: -15px !important;
  }

  .p-l-xl-15 {
    padding-left: 15px !important;
  }

  .p-l-xl-n15 {
    padding-left: -15px !important;
  }

  .p-x-xl-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .p-y-xl-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m-xl-16 {
    margin: 16px !important;
  }

  .m-xl-n16 {
    margin: -16px !important;
  }

  .m-t-xl-16 {
    margin-top: 16px !important;
  }

  .m-t-xl-n16 {
    margin-top: -16px !important;
  }

  .m-r-xl-16 {
    margin-right: 16px !important;
  }

  .m-r-xl-n16 {
    margin-right: -16px !important;
  }

  .m-b-xl-16 {
    margin-bottom: 16px !important;
  }

  .m-b-xl-n16 {
    margin-bottom: -16px !important;
  }

  .m-l-xl-16 {
    margin-left: 16px !important;
  }

  .m-l-xl-n16 {
    margin-left: -16px !important;
  }

  .m-x-xl-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .m-y-xl-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .p-xl-16 {
    padding: 16px !important;
  }

  .p-xl-n16 {
    padding: -16px !important;
  }

  .p-t-xl-16 {
    padding-top: 16px !important;
  }

  .p-t-xl-n16 {
    padding-top: -16px !important;
  }

  .p-r-xl-16 {
    padding-right: 16px !important;
  }

  .p-r-xl-n16 {
    padding-right: -16px !important;
  }

  .p-b-xl-16 {
    padding-bottom: 16px !important;
  }

  .p-b-xl-n16 {
    padding-bottom: -16px !important;
  }

  .p-l-xl-16 {
    padding-left: 16px !important;
  }

  .p-l-xl-n16 {
    padding-left: -16px !important;
  }

  .p-x-xl-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .p-y-xl-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .m-xl-20 {
    margin: 20px !important;
  }

  .m-xl-n20 {
    margin: -20px !important;
  }

  .m-t-xl-20 {
    margin-top: 20px !important;
  }

  .m-t-xl-n20 {
    margin-top: -20px !important;
  }

  .m-r-xl-20 {
    margin-right: 20px !important;
  }

  .m-r-xl-n20 {
    margin-right: -20px !important;
  }

  .m-b-xl-20 {
    margin-bottom: 20px !important;
  }

  .m-b-xl-n20 {
    margin-bottom: -20px !important;
  }

  .m-l-xl-20 {
    margin-left: 20px !important;
  }

  .m-l-xl-n20 {
    margin-left: -20px !important;
  }

  .m-x-xl-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .m-y-xl-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .p-xl-20 {
    padding: 20px !important;
  }

  .p-xl-n20 {
    padding: -20px !important;
  }

  .p-t-xl-20 {
    padding-top: 20px !important;
  }

  .p-t-xl-n20 {
    padding-top: -20px !important;
  }

  .p-r-xl-20 {
    padding-right: 20px !important;
  }

  .p-r-xl-n20 {
    padding-right: -20px !important;
  }

  .p-b-xl-20 {
    padding-bottom: 20px !important;
  }

  .p-b-xl-n20 {
    padding-bottom: -20px !important;
  }

  .p-l-xl-20 {
    padding-left: 20px !important;
  }

  .p-l-xl-n20 {
    padding-left: -20px !important;
  }

  .p-x-xl-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .p-y-xl-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m-xl-24 {
    margin: 24px !important;
  }

  .m-xl-n24 {
    margin: -24px !important;
  }

  .m-t-xl-24 {
    margin-top: 24px !important;
  }

  .m-t-xl-n24 {
    margin-top: -24px !important;
  }

  .m-r-xl-24 {
    margin-right: 24px !important;
  }

  .m-r-xl-n24 {
    margin-right: -24px !important;
  }

  .m-b-xl-24 {
    margin-bottom: 24px !important;
  }

  .m-b-xl-n24 {
    margin-bottom: -24px !important;
  }

  .m-l-xl-24 {
    margin-left: 24px !important;
  }

  .m-l-xl-n24 {
    margin-left: -24px !important;
  }

  .m-x-xl-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }

  .m-y-xl-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .p-xl-24 {
    padding: 24px !important;
  }

  .p-xl-n24 {
    padding: -24px !important;
  }

  .p-t-xl-24 {
    padding-top: 24px !important;
  }

  .p-t-xl-n24 {
    padding-top: -24px !important;
  }

  .p-r-xl-24 {
    padding-right: 24px !important;
  }

  .p-r-xl-n24 {
    padding-right: -24px !important;
  }

  .p-b-xl-24 {
    padding-bottom: 24px !important;
  }

  .p-b-xl-n24 {
    padding-bottom: -24px !important;
  }

  .p-l-xl-24 {
    padding-left: 24px !important;
  }

  .p-l-xl-n24 {
    padding-left: -24px !important;
  }

  .p-x-xl-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .p-y-xl-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .m-xl-25 {
    margin: 25px !important;
  }

  .m-xl-n25 {
    margin: -25px !important;
  }

  .m-t-xl-25 {
    margin-top: 25px !important;
  }

  .m-t-xl-n25 {
    margin-top: -25px !important;
  }

  .m-r-xl-25 {
    margin-right: 25px !important;
  }

  .m-r-xl-n25 {
    margin-right: -25px !important;
  }

  .m-b-xl-25 {
    margin-bottom: 25px !important;
  }

  .m-b-xl-n25 {
    margin-bottom: -25px !important;
  }

  .m-l-xl-25 {
    margin-left: 25px !important;
  }

  .m-l-xl-n25 {
    margin-left: -25px !important;
  }

  .m-x-xl-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }

  .m-y-xl-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .p-xl-25 {
    padding: 25px !important;
  }

  .p-xl-n25 {
    padding: -25px !important;
  }

  .p-t-xl-25 {
    padding-top: 25px !important;
  }

  .p-t-xl-n25 {
    padding-top: -25px !important;
  }

  .p-r-xl-25 {
    padding-right: 25px !important;
  }

  .p-r-xl-n25 {
    padding-right: -25px !important;
  }

  .p-b-xl-25 {
    padding-bottom: 25px !important;
  }

  .p-b-xl-n25 {
    padding-bottom: -25px !important;
  }

  .p-l-xl-25 {
    padding-left: 25px !important;
  }

  .p-l-xl-n25 {
    padding-left: -25px !important;
  }

  .p-x-xl-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }

  .p-y-xl-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m-xl-30 {
    margin: 30px !important;
  }

  .m-xl-n30 {
    margin: -30px !important;
  }

  .m-t-xl-30 {
    margin-top: 30px !important;
  }

  .m-t-xl-n30 {
    margin-top: -30px !important;
  }

  .m-r-xl-30 {
    margin-right: 30px !important;
  }

  .m-r-xl-n30 {
    margin-right: -30px !important;
  }

  .m-b-xl-30 {
    margin-bottom: 30px !important;
  }

  .m-b-xl-n30 {
    margin-bottom: -30px !important;
  }

  .m-l-xl-30 {
    margin-left: 30px !important;
  }

  .m-l-xl-n30 {
    margin-left: -30px !important;
  }

  .m-x-xl-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }

  .m-y-xl-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .p-xl-30 {
    padding: 30px !important;
  }

  .p-xl-n30 {
    padding: -30px !important;
  }

  .p-t-xl-30 {
    padding-top: 30px !important;
  }

  .p-t-xl-n30 {
    padding-top: -30px !important;
  }

  .p-r-xl-30 {
    padding-right: 30px !important;
  }

  .p-r-xl-n30 {
    padding-right: -30px !important;
  }

  .p-b-xl-30 {
    padding-bottom: 30px !important;
  }

  .p-b-xl-n30 {
    padding-bottom: -30px !important;
  }

  .p-l-xl-30 {
    padding-left: 30px !important;
  }

  .p-l-xl-n30 {
    padding-left: -30px !important;
  }

  .p-x-xl-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .p-y-xl-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m-xl-35 {
    margin: 35px !important;
  }

  .m-xl-n35 {
    margin: -35px !important;
  }

  .m-t-xl-35 {
    margin-top: 35px !important;
  }

  .m-t-xl-n35 {
    margin-top: -35px !important;
  }

  .m-r-xl-35 {
    margin-right: 35px !important;
  }

  .m-r-xl-n35 {
    margin-right: -35px !important;
  }

  .m-b-xl-35 {
    margin-bottom: 35px !important;
  }

  .m-b-xl-n35 {
    margin-bottom: -35px !important;
  }

  .m-l-xl-35 {
    margin-left: 35px !important;
  }

  .m-l-xl-n35 {
    margin-left: -35px !important;
  }

  .m-x-xl-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }

  .m-y-xl-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .p-xl-35 {
    padding: 35px !important;
  }

  .p-xl-n35 {
    padding: -35px !important;
  }

  .p-t-xl-35 {
    padding-top: 35px !important;
  }

  .p-t-xl-n35 {
    padding-top: -35px !important;
  }

  .p-r-xl-35 {
    padding-right: 35px !important;
  }

  .p-r-xl-n35 {
    padding-right: -35px !important;
  }

  .p-b-xl-35 {
    padding-bottom: 35px !important;
  }

  .p-b-xl-n35 {
    padding-bottom: -35px !important;
  }

  .p-l-xl-35 {
    padding-left: 35px !important;
  }

  .p-l-xl-n35 {
    padding-left: -35px !important;
  }

  .p-x-xl-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }

  .p-y-xl-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m-xl-40 {
    margin: 40px !important;
  }

  .m-xl-n40 {
    margin: -40px !important;
  }

  .m-t-xl-40 {
    margin-top: 40px !important;
  }

  .m-t-xl-n40 {
    margin-top: -40px !important;
  }

  .m-r-xl-40 {
    margin-right: 40px !important;
  }

  .m-r-xl-n40 {
    margin-right: -40px !important;
  }

  .m-b-xl-40 {
    margin-bottom: 40px !important;
  }

  .m-b-xl-n40 {
    margin-bottom: -40px !important;
  }

  .m-l-xl-40 {
    margin-left: 40px !important;
  }

  .m-l-xl-n40 {
    margin-left: -40px !important;
  }

  .m-x-xl-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }

  .m-y-xl-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .p-xl-40 {
    padding: 40px !important;
  }

  .p-xl-n40 {
    padding: -40px !important;
  }

  .p-t-xl-40 {
    padding-top: 40px !important;
  }

  .p-t-xl-n40 {
    padding-top: -40px !important;
  }

  .p-r-xl-40 {
    padding-right: 40px !important;
  }

  .p-r-xl-n40 {
    padding-right: -40px !important;
  }

  .p-b-xl-40 {
    padding-bottom: 40px !important;
  }

  .p-b-xl-n40 {
    padding-bottom: -40px !important;
  }

  .p-l-xl-40 {
    padding-left: 40px !important;
  }

  .p-l-xl-n40 {
    padding-left: -40px !important;
  }

  .p-x-xl-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .p-y-xl-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .m-xl-45 {
    margin: 45px !important;
  }

  .m-xl-n45 {
    margin: -45px !important;
  }

  .m-t-xl-45 {
    margin-top: 45px !important;
  }

  .m-t-xl-n45 {
    margin-top: -45px !important;
  }

  .m-r-xl-45 {
    margin-right: 45px !important;
  }

  .m-r-xl-n45 {
    margin-right: -45px !important;
  }

  .m-b-xl-45 {
    margin-bottom: 45px !important;
  }

  .m-b-xl-n45 {
    margin-bottom: -45px !important;
  }

  .m-l-xl-45 {
    margin-left: 45px !important;
  }

  .m-l-xl-n45 {
    margin-left: -45px !important;
  }

  .m-x-xl-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }

  .m-y-xl-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .p-xl-45 {
    padding: 45px !important;
  }

  .p-xl-n45 {
    padding: -45px !important;
  }

  .p-t-xl-45 {
    padding-top: 45px !important;
  }

  .p-t-xl-n45 {
    padding-top: -45px !important;
  }

  .p-r-xl-45 {
    padding-right: 45px !important;
  }

  .p-r-xl-n45 {
    padding-right: -45px !important;
  }

  .p-b-xl-45 {
    padding-bottom: 45px !important;
  }

  .p-b-xl-n45 {
    padding-bottom: -45px !important;
  }

  .p-l-xl-45 {
    padding-left: 45px !important;
  }

  .p-l-xl-n45 {
    padding-left: -45px !important;
  }

  .p-x-xl-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }

  .p-y-xl-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .m-xl-50 {
    margin: 50px !important;
  }

  .m-xl-n50 {
    margin: -50px !important;
  }

  .m-t-xl-50 {
    margin-top: 50px !important;
  }

  .m-t-xl-n50 {
    margin-top: -50px !important;
  }

  .m-r-xl-50 {
    margin-right: 50px !important;
  }

  .m-r-xl-n50 {
    margin-right: -50px !important;
  }

  .m-b-xl-50 {
    margin-bottom: 50px !important;
  }

  .m-b-xl-n50 {
    margin-bottom: -50px !important;
  }

  .m-l-xl-50 {
    margin-left: 50px !important;
  }

  .m-l-xl-n50 {
    margin-left: -50px !important;
  }

  .m-x-xl-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .m-y-xl-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .p-xl-50 {
    padding: 50px !important;
  }

  .p-xl-n50 {
    padding: -50px !important;
  }

  .p-t-xl-50 {
    padding-top: 50px !important;
  }

  .p-t-xl-n50 {
    padding-top: -50px !important;
  }

  .p-r-xl-50 {
    padding-right: 50px !important;
  }

  .p-r-xl-n50 {
    padding-right: -50px !important;
  }

  .p-b-xl-50 {
    padding-bottom: 50px !important;
  }

  .p-b-xl-n50 {
    padding-bottom: -50px !important;
  }

  .p-l-xl-50 {
    padding-left: 50px !important;
  }

  .p-l-xl-n50 {
    padding-left: -50px !important;
  }

  .p-x-xl-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .p-y-xl-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .m-xl-55 {
    margin: 55px !important;
  }

  .m-xl-n55 {
    margin: -55px !important;
  }

  .m-t-xl-55 {
    margin-top: 55px !important;
  }

  .m-t-xl-n55 {
    margin-top: -55px !important;
  }

  .m-r-xl-55 {
    margin-right: 55px !important;
  }

  .m-r-xl-n55 {
    margin-right: -55px !important;
  }

  .m-b-xl-55 {
    margin-bottom: 55px !important;
  }

  .m-b-xl-n55 {
    margin-bottom: -55px !important;
  }

  .m-l-xl-55 {
    margin-left: 55px !important;
  }

  .m-l-xl-n55 {
    margin-left: -55px !important;
  }

  .m-x-xl-55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
  }

  .m-y-xl-55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .p-xl-55 {
    padding: 55px !important;
  }

  .p-xl-n55 {
    padding: -55px !important;
  }

  .p-t-xl-55 {
    padding-top: 55px !important;
  }

  .p-t-xl-n55 {
    padding-top: -55px !important;
  }

  .p-r-xl-55 {
    padding-right: 55px !important;
  }

  .p-r-xl-n55 {
    padding-right: -55px !important;
  }

  .p-b-xl-55 {
    padding-bottom: 55px !important;
  }

  .p-b-xl-n55 {
    padding-bottom: -55px !important;
  }

  .p-l-xl-55 {
    padding-left: 55px !important;
  }

  .p-l-xl-n55 {
    padding-left: -55px !important;
  }

  .p-x-xl-55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
  }

  .p-y-xl-55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .m-xl-60 {
    margin: 60px !important;
  }

  .m-xl-n60 {
    margin: -60px !important;
  }

  .m-t-xl-60 {
    margin-top: 60px !important;
  }

  .m-t-xl-n60 {
    margin-top: -60px !important;
  }

  .m-r-xl-60 {
    margin-right: 60px !important;
  }

  .m-r-xl-n60 {
    margin-right: -60px !important;
  }

  .m-b-xl-60 {
    margin-bottom: 60px !important;
  }

  .m-b-xl-n60 {
    margin-bottom: -60px !important;
  }

  .m-l-xl-60 {
    margin-left: 60px !important;
  }

  .m-l-xl-n60 {
    margin-left: -60px !important;
  }

  .m-x-xl-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
  }

  .m-y-xl-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .p-xl-60 {
    padding: 60px !important;
  }

  .p-xl-n60 {
    padding: -60px !important;
  }

  .p-t-xl-60 {
    padding-top: 60px !important;
  }

  .p-t-xl-n60 {
    padding-top: -60px !important;
  }

  .p-r-xl-60 {
    padding-right: 60px !important;
  }

  .p-r-xl-n60 {
    padding-right: -60px !important;
  }

  .p-b-xl-60 {
    padding-bottom: 60px !important;
  }

  .p-b-xl-n60 {
    padding-bottom: -60px !important;
  }

  .p-l-xl-60 {
    padding-left: 60px !important;
  }

  .p-l-xl-n60 {
    padding-left: -60px !important;
  }

  .p-x-xl-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .p-y-xl-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .m-xl-70 {
    margin: 70px !important;
  }

  .m-xl-n70 {
    margin: -70px !important;
  }

  .m-t-xl-70 {
    margin-top: 70px !important;
  }

  .m-t-xl-n70 {
    margin-top: -70px !important;
  }

  .m-r-xl-70 {
    margin-right: 70px !important;
  }

  .m-r-xl-n70 {
    margin-right: -70px !important;
  }

  .m-b-xl-70 {
    margin-bottom: 70px !important;
  }

  .m-b-xl-n70 {
    margin-bottom: -70px !important;
  }

  .m-l-xl-70 {
    margin-left: 70px !important;
  }

  .m-l-xl-n70 {
    margin-left: -70px !important;
  }

  .m-x-xl-70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
  }

  .m-y-xl-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .p-xl-70 {
    padding: 70px !important;
  }

  .p-xl-n70 {
    padding: -70px !important;
  }

  .p-t-xl-70 {
    padding-top: 70px !important;
  }

  .p-t-xl-n70 {
    padding-top: -70px !important;
  }

  .p-r-xl-70 {
    padding-right: 70px !important;
  }

  .p-r-xl-n70 {
    padding-right: -70px !important;
  }

  .p-b-xl-70 {
    padding-bottom: 70px !important;
  }

  .p-b-xl-n70 {
    padding-bottom: -70px !important;
  }

  .p-l-xl-70 {
    padding-left: 70px !important;
  }

  .p-l-xl-n70 {
    padding-left: -70px !important;
  }

  .p-x-xl-70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }

  .p-y-xl-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .m-xl-80 {
    margin: 80px !important;
  }

  .m-xl-n80 {
    margin: -80px !important;
  }

  .m-t-xl-80 {
    margin-top: 80px !important;
  }

  .m-t-xl-n80 {
    margin-top: -80px !important;
  }

  .m-r-xl-80 {
    margin-right: 80px !important;
  }

  .m-r-xl-n80 {
    margin-right: -80px !important;
  }

  .m-b-xl-80 {
    margin-bottom: 80px !important;
  }

  .m-b-xl-n80 {
    margin-bottom: -80px !important;
  }

  .m-l-xl-80 {
    margin-left: 80px !important;
  }

  .m-l-xl-n80 {
    margin-left: -80px !important;
  }

  .m-x-xl-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }

  .m-y-xl-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .p-xl-80 {
    padding: 80px !important;
  }

  .p-xl-n80 {
    padding: -80px !important;
  }

  .p-t-xl-80 {
    padding-top: 80px !important;
  }

  .p-t-xl-n80 {
    padding-top: -80px !important;
  }

  .p-r-xl-80 {
    padding-right: 80px !important;
  }

  .p-r-xl-n80 {
    padding-right: -80px !important;
  }

  .p-b-xl-80 {
    padding-bottom: 80px !important;
  }

  .p-b-xl-n80 {
    padding-bottom: -80px !important;
  }

  .p-l-xl-80 {
    padding-left: 80px !important;
  }

  .p-l-xl-n80 {
    padding-left: -80px !important;
  }

  .p-x-xl-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }

  .p-y-xl-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .m-xl-90 {
    margin: 90px !important;
  }

  .m-xl-n90 {
    margin: -90px !important;
  }

  .m-t-xl-90 {
    margin-top: 90px !important;
  }

  .m-t-xl-n90 {
    margin-top: -90px !important;
  }

  .m-r-xl-90 {
    margin-right: 90px !important;
  }

  .m-r-xl-n90 {
    margin-right: -90px !important;
  }

  .m-b-xl-90 {
    margin-bottom: 90px !important;
  }

  .m-b-xl-n90 {
    margin-bottom: -90px !important;
  }

  .m-l-xl-90 {
    margin-left: 90px !important;
  }

  .m-l-xl-n90 {
    margin-left: -90px !important;
  }

  .m-x-xl-90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
  }

  .m-y-xl-90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .p-xl-90 {
    padding: 90px !important;
  }

  .p-xl-n90 {
    padding: -90px !important;
  }

  .p-t-xl-90 {
    padding-top: 90px !important;
  }

  .p-t-xl-n90 {
    padding-top: -90px !important;
  }

  .p-r-xl-90 {
    padding-right: 90px !important;
  }

  .p-r-xl-n90 {
    padding-right: -90px !important;
  }

  .p-b-xl-90 {
    padding-bottom: 90px !important;
  }

  .p-b-xl-n90 {
    padding-bottom: -90px !important;
  }

  .p-l-xl-90 {
    padding-left: 90px !important;
  }

  .p-l-xl-n90 {
    padding-left: -90px !important;
  }

  .p-x-xl-90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }

  .p-y-xl-90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .m-xl-100 {
    margin: 100px !important;
  }

  .m-xl-n100 {
    margin: -100px !important;
  }

  .m-t-xl-100 {
    margin-top: 100px !important;
  }

  .m-t-xl-n100 {
    margin-top: -100px !important;
  }

  .m-r-xl-100 {
    margin-right: 100px !important;
  }

  .m-r-xl-n100 {
    margin-right: -100px !important;
  }

  .m-b-xl-100 {
    margin-bottom: 100px !important;
  }

  .m-b-xl-n100 {
    margin-bottom: -100px !important;
  }

  .m-l-xl-100 {
    margin-left: 100px !important;
  }

  .m-l-xl-n100 {
    margin-left: -100px !important;
  }

  .m-x-xl-100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
  }

  .m-y-xl-100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .p-xl-100 {
    padding: 100px !important;
  }

  .p-xl-n100 {
    padding: -100px !important;
  }

  .p-t-xl-100 {
    padding-top: 100px !important;
  }

  .p-t-xl-n100 {
    padding-top: -100px !important;
  }

  .p-r-xl-100 {
    padding-right: 100px !important;
  }

  .p-r-xl-n100 {
    padding-right: -100px !important;
  }

  .p-b-xl-100 {
    padding-bottom: 100px !important;
  }

  .p-b-xl-n100 {
    padding-bottom: -100px !important;
  }

  .p-l-xl-100 {
    padding-left: 100px !important;
  }

  .p-l-xl-n100 {
    padding-left: -100px !important;
  }

  .p-x-xl-100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }

  .p-y-xl-100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .m-xl-120 {
    margin: 120px !important;
  }

  .m-xl-n120 {
    margin: -120px !important;
  }

  .m-t-xl-120 {
    margin-top: 120px !important;
  }

  .m-t-xl-n120 {
    margin-top: -120px !important;
  }

  .m-r-xl-120 {
    margin-right: 120px !important;
  }

  .m-r-xl-n120 {
    margin-right: -120px !important;
  }

  .m-b-xl-120 {
    margin-bottom: 120px !important;
  }

  .m-b-xl-n120 {
    margin-bottom: -120px !important;
  }

  .m-l-xl-120 {
    margin-left: 120px !important;
  }

  .m-l-xl-n120 {
    margin-left: -120px !important;
  }

  .m-x-xl-120 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }

  .m-y-xl-120 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .p-xl-120 {
    padding: 120px !important;
  }

  .p-xl-n120 {
    padding: -120px !important;
  }

  .p-t-xl-120 {
    padding-top: 120px !important;
  }

  .p-t-xl-n120 {
    padding-top: -120px !important;
  }

  .p-r-xl-120 {
    padding-right: 120px !important;
  }

  .p-r-xl-n120 {
    padding-right: -120px !important;
  }

  .p-b-xl-120 {
    padding-bottom: 120px !important;
  }

  .p-b-xl-n120 {
    padding-bottom: -120px !important;
  }

  .p-l-xl-120 {
    padding-left: 120px !important;
  }

  .p-l-xl-n120 {
    padding-left: -120px !important;
  }

  .p-x-xl-120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .p-y-xl-120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .m-xl-140 {
    margin: 140px !important;
  }

  .m-xl-n140 {
    margin: -140px !important;
  }

  .m-t-xl-140 {
    margin-top: 140px !important;
  }

  .m-t-xl-n140 {
    margin-top: -140px !important;
  }

  .m-r-xl-140 {
    margin-right: 140px !important;
  }

  .m-r-xl-n140 {
    margin-right: -140px !important;
  }

  .m-b-xl-140 {
    margin-bottom: 140px !important;
  }

  .m-b-xl-n140 {
    margin-bottom: -140px !important;
  }

  .m-l-xl-140 {
    margin-left: 140px !important;
  }

  .m-l-xl-n140 {
    margin-left: -140px !important;
  }

  .m-x-xl-140 {
    margin-left: 140px !important;
    margin-right: 140px !important;
  }

  .m-y-xl-140 {
    margin-top: 140px !important;
    margin-bottom: 140px !important;
  }

  .p-xl-140 {
    padding: 140px !important;
  }

  .p-xl-n140 {
    padding: -140px !important;
  }

  .p-t-xl-140 {
    padding-top: 140px !important;
  }

  .p-t-xl-n140 {
    padding-top: -140px !important;
  }

  .p-r-xl-140 {
    padding-right: 140px !important;
  }

  .p-r-xl-n140 {
    padding-right: -140px !important;
  }

  .p-b-xl-140 {
    padding-bottom: 140px !important;
  }

  .p-b-xl-n140 {
    padding-bottom: -140px !important;
  }

  .p-l-xl-140 {
    padding-left: 140px !important;
  }

  .p-l-xl-n140 {
    padding-left: -140px !important;
  }

  .p-x-xl-140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }

  .p-y-xl-140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }

  .m-xl-150 {
    margin: 150px !important;
  }

  .m-xl-n150 {
    margin: -150px !important;
  }

  .m-t-xl-150 {
    margin-top: 150px !important;
  }

  .m-t-xl-n150 {
    margin-top: -150px !important;
  }

  .m-r-xl-150 {
    margin-right: 150px !important;
  }

  .m-r-xl-n150 {
    margin-right: -150px !important;
  }

  .m-b-xl-150 {
    margin-bottom: 150px !important;
  }

  .m-b-xl-n150 {
    margin-bottom: -150px !important;
  }

  .m-l-xl-150 {
    margin-left: 150px !important;
  }

  .m-l-xl-n150 {
    margin-left: -150px !important;
  }

  .m-x-xl-150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
  }

  .m-y-xl-150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }

  .p-xl-150 {
    padding: 150px !important;
  }

  .p-xl-n150 {
    padding: -150px !important;
  }

  .p-t-xl-150 {
    padding-top: 150px !important;
  }

  .p-t-xl-n150 {
    padding-top: -150px !important;
  }

  .p-r-xl-150 {
    padding-right: 150px !important;
  }

  .p-r-xl-n150 {
    padding-right: -150px !important;
  }

  .p-b-xl-150 {
    padding-bottom: 150px !important;
  }

  .p-b-xl-n150 {
    padding-bottom: -150px !important;
  }

  .p-l-xl-150 {
    padding-left: 150px !important;
  }

  .p-l-xl-n150 {
    padding-left: -150px !important;
  }

  .p-x-xl-150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }

  .p-y-xl-150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .m-xl-160 {
    margin: 160px !important;
  }

  .m-xl-n160 {
    margin: -160px !important;
  }

  .m-t-xl-160 {
    margin-top: 160px !important;
  }

  .m-t-xl-n160 {
    margin-top: -160px !important;
  }

  .m-r-xl-160 {
    margin-right: 160px !important;
  }

  .m-r-xl-n160 {
    margin-right: -160px !important;
  }

  .m-b-xl-160 {
    margin-bottom: 160px !important;
  }

  .m-b-xl-n160 {
    margin-bottom: -160px !important;
  }

  .m-l-xl-160 {
    margin-left: 160px !important;
  }

  .m-l-xl-n160 {
    margin-left: -160px !important;
  }

  .m-x-xl-160 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }

  .m-y-xl-160 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .p-xl-160 {
    padding: 160px !important;
  }

  .p-xl-n160 {
    padding: -160px !important;
  }

  .p-t-xl-160 {
    padding-top: 160px !important;
  }

  .p-t-xl-n160 {
    padding-top: -160px !important;
  }

  .p-r-xl-160 {
    padding-right: 160px !important;
  }

  .p-r-xl-n160 {
    padding-right: -160px !important;
  }

  .p-b-xl-160 {
    padding-bottom: 160px !important;
  }

  .p-b-xl-n160 {
    padding-bottom: -160px !important;
  }

  .p-l-xl-160 {
    padding-left: 160px !important;
  }

  .p-l-xl-n160 {
    padding-left: -160px !important;
  }

  .p-x-xl-160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }

  .p-y-xl-160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .m-xl-180 {
    margin: 180px !important;
  }

  .m-xl-n180 {
    margin: -180px !important;
  }

  .m-t-xl-180 {
    margin-top: 180px !important;
  }

  .m-t-xl-n180 {
    margin-top: -180px !important;
  }

  .m-r-xl-180 {
    margin-right: 180px !important;
  }

  .m-r-xl-n180 {
    margin-right: -180px !important;
  }

  .m-b-xl-180 {
    margin-bottom: 180px !important;
  }

  .m-b-xl-n180 {
    margin-bottom: -180px !important;
  }

  .m-l-xl-180 {
    margin-left: 180px !important;
  }

  .m-l-xl-n180 {
    margin-left: -180px !important;
  }

  .m-x-xl-180 {
    margin-left: 180px !important;
    margin-right: 180px !important;
  }

  .m-y-xl-180 {
    margin-top: 180px !important;
    margin-bottom: 180px !important;
  }

  .p-xl-180 {
    padding: 180px !important;
  }

  .p-xl-n180 {
    padding: -180px !important;
  }

  .p-t-xl-180 {
    padding-top: 180px !important;
  }

  .p-t-xl-n180 {
    padding-top: -180px !important;
  }

  .p-r-xl-180 {
    padding-right: 180px !important;
  }

  .p-r-xl-n180 {
    padding-right: -180px !important;
  }

  .p-b-xl-180 {
    padding-bottom: 180px !important;
  }

  .p-b-xl-n180 {
    padding-bottom: -180px !important;
  }

  .p-l-xl-180 {
    padding-left: 180px !important;
  }

  .p-l-xl-n180 {
    padding-left: -180px !important;
  }

  .p-x-xl-180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }

  .p-y-xl-180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }

  .m-xl-200 {
    margin: 200px !important;
  }

  .m-xl-n200 {
    margin: -200px !important;
  }

  .m-t-xl-200 {
    margin-top: 200px !important;
  }

  .m-t-xl-n200 {
    margin-top: -200px !important;
  }

  .m-r-xl-200 {
    margin-right: 200px !important;
  }

  .m-r-xl-n200 {
    margin-right: -200px !important;
  }

  .m-b-xl-200 {
    margin-bottom: 200px !important;
  }

  .m-b-xl-n200 {
    margin-bottom: -200px !important;
  }

  .m-l-xl-200 {
    margin-left: 200px !important;
  }

  .m-l-xl-n200 {
    margin-left: -200px !important;
  }

  .m-x-xl-200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .m-y-xl-200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .p-xl-200 {
    padding: 200px !important;
  }

  .p-xl-n200 {
    padding: -200px !important;
  }

  .p-t-xl-200 {
    padding-top: 200px !important;
  }

  .p-t-xl-n200 {
    padding-top: -200px !important;
  }

  .p-r-xl-200 {
    padding-right: 200px !important;
  }

  .p-r-xl-n200 {
    padding-right: -200px !important;
  }

  .p-b-xl-200 {
    padding-bottom: 200px !important;
  }

  .p-b-xl-n200 {
    padding-bottom: -200px !important;
  }

  .p-l-xl-200 {
    padding-left: 200px !important;
  }

  .p-l-xl-n200 {
    padding-left: -200px !important;
  }

  .p-x-xl-200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .p-y-xl-200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .m-xl-210 {
    margin: 210px !important;
  }

  .m-xl-n210 {
    margin: -210px !important;
  }

  .m-t-xl-210 {
    margin-top: 210px !important;
  }

  .m-t-xl-n210 {
    margin-top: -210px !important;
  }

  .m-r-xl-210 {
    margin-right: 210px !important;
  }

  .m-r-xl-n210 {
    margin-right: -210px !important;
  }

  .m-b-xl-210 {
    margin-bottom: 210px !important;
  }

  .m-b-xl-n210 {
    margin-bottom: -210px !important;
  }

  .m-l-xl-210 {
    margin-left: 210px !important;
  }

  .m-l-xl-n210 {
    margin-left: -210px !important;
  }

  .m-x-xl-210 {
    margin-left: 210px !important;
    margin-right: 210px !important;
  }

  .m-y-xl-210 {
    margin-top: 210px !important;
    margin-bottom: 210px !important;
  }

  .p-xl-210 {
    padding: 210px !important;
  }

  .p-xl-n210 {
    padding: -210px !important;
  }

  .p-t-xl-210 {
    padding-top: 210px !important;
  }

  .p-t-xl-n210 {
    padding-top: -210px !important;
  }

  .p-r-xl-210 {
    padding-right: 210px !important;
  }

  .p-r-xl-n210 {
    padding-right: -210px !important;
  }

  .p-b-xl-210 {
    padding-bottom: 210px !important;
  }

  .p-b-xl-n210 {
    padding-bottom: -210px !important;
  }

  .p-l-xl-210 {
    padding-left: 210px !important;
  }

  .p-l-xl-n210 {
    padding-left: -210px !important;
  }

  .p-x-xl-210 {
    padding-left: 210px !important;
    padding-right: 210px !important;
  }

  .p-y-xl-210 {
    padding-top: 210px !important;
    padding-bottom: 210px !important;
  }

  .m-xl-220 {
    margin: 220px !important;
  }

  .m-xl-n220 {
    margin: -220px !important;
  }

  .m-t-xl-220 {
    margin-top: 220px !important;
  }

  .m-t-xl-n220 {
    margin-top: -220px !important;
  }

  .m-r-xl-220 {
    margin-right: 220px !important;
  }

  .m-r-xl-n220 {
    margin-right: -220px !important;
  }

  .m-b-xl-220 {
    margin-bottom: 220px !important;
  }

  .m-b-xl-n220 {
    margin-bottom: -220px !important;
  }

  .m-l-xl-220 {
    margin-left: 220px !important;
  }

  .m-l-xl-n220 {
    margin-left: -220px !important;
  }

  .m-x-xl-220 {
    margin-left: 220px !important;
    margin-right: 220px !important;
  }

  .m-y-xl-220 {
    margin-top: 220px !important;
    margin-bottom: 220px !important;
  }

  .p-xl-220 {
    padding: 220px !important;
  }

  .p-xl-n220 {
    padding: -220px !important;
  }

  .p-t-xl-220 {
    padding-top: 220px !important;
  }

  .p-t-xl-n220 {
    padding-top: -220px !important;
  }

  .p-r-xl-220 {
    padding-right: 220px !important;
  }

  .p-r-xl-n220 {
    padding-right: -220px !important;
  }

  .p-b-xl-220 {
    padding-bottom: 220px !important;
  }

  .p-b-xl-n220 {
    padding-bottom: -220px !important;
  }

  .p-l-xl-220 {
    padding-left: 220px !important;
  }

  .p-l-xl-n220 {
    padding-left: -220px !important;
  }

  .p-x-xl-220 {
    padding-left: 220px !important;
    padding-right: 220px !important;
  }

  .p-y-xl-220 {
    padding-top: 220px !important;
    padding-bottom: 220px !important;
  }

  .m-xl-230 {
    margin: 230px !important;
  }

  .m-xl-n230 {
    margin: -230px !important;
  }

  .m-t-xl-230 {
    margin-top: 230px !important;
  }

  .m-t-xl-n230 {
    margin-top: -230px !important;
  }

  .m-r-xl-230 {
    margin-right: 230px !important;
  }

  .m-r-xl-n230 {
    margin-right: -230px !important;
  }

  .m-b-xl-230 {
    margin-bottom: 230px !important;
  }

  .m-b-xl-n230 {
    margin-bottom: -230px !important;
  }

  .m-l-xl-230 {
    margin-left: 230px !important;
  }

  .m-l-xl-n230 {
    margin-left: -230px !important;
  }

  .m-x-xl-230 {
    margin-left: 230px !important;
    margin-right: 230px !important;
  }

  .m-y-xl-230 {
    margin-top: 230px !important;
    margin-bottom: 230px !important;
  }

  .p-xl-230 {
    padding: 230px !important;
  }

  .p-xl-n230 {
    padding: -230px !important;
  }

  .p-t-xl-230 {
    padding-top: 230px !important;
  }

  .p-t-xl-n230 {
    padding-top: -230px !important;
  }

  .p-r-xl-230 {
    padding-right: 230px !important;
  }

  .p-r-xl-n230 {
    padding-right: -230px !important;
  }

  .p-b-xl-230 {
    padding-bottom: 230px !important;
  }

  .p-b-xl-n230 {
    padding-bottom: -230px !important;
  }

  .p-l-xl-230 {
    padding-left: 230px !important;
  }

  .p-l-xl-n230 {
    padding-left: -230px !important;
  }

  .p-x-xl-230 {
    padding-left: 230px !important;
    padding-right: 230px !important;
  }

  .p-y-xl-230 {
    padding-top: 230px !important;
    padding-bottom: 230px !important;
  }

  .m-xl-240 {
    margin: 240px !important;
  }

  .m-xl-n240 {
    margin: -240px !important;
  }

  .m-t-xl-240 {
    margin-top: 240px !important;
  }

  .m-t-xl-n240 {
    margin-top: -240px !important;
  }

  .m-r-xl-240 {
    margin-right: 240px !important;
  }

  .m-r-xl-n240 {
    margin-right: -240px !important;
  }

  .m-b-xl-240 {
    margin-bottom: 240px !important;
  }

  .m-b-xl-n240 {
    margin-bottom: -240px !important;
  }

  .m-l-xl-240 {
    margin-left: 240px !important;
  }

  .m-l-xl-n240 {
    margin-left: -240px !important;
  }

  .m-x-xl-240 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .m-y-xl-240 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .p-xl-240 {
    padding: 240px !important;
  }

  .p-xl-n240 {
    padding: -240px !important;
  }

  .p-t-xl-240 {
    padding-top: 240px !important;
  }

  .p-t-xl-n240 {
    padding-top: -240px !important;
  }

  .p-r-xl-240 {
    padding-right: 240px !important;
  }

  .p-r-xl-n240 {
    padding-right: -240px !important;
  }

  .p-b-xl-240 {
    padding-bottom: 240px !important;
  }

  .p-b-xl-n240 {
    padding-bottom: -240px !important;
  }

  .p-l-xl-240 {
    padding-left: 240px !important;
  }

  .p-l-xl-n240 {
    padding-left: -240px !important;
  }

  .p-x-xl-240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }

  .p-y-xl-240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }

  .m-xl-250 {
    margin: 250px !important;
  }

  .m-xl-n250 {
    margin: -250px !important;
  }

  .m-t-xl-250 {
    margin-top: 250px !important;
  }

  .m-t-xl-n250 {
    margin-top: -250px !important;
  }

  .m-r-xl-250 {
    margin-right: 250px !important;
  }

  .m-r-xl-n250 {
    margin-right: -250px !important;
  }

  .m-b-xl-250 {
    margin-bottom: 250px !important;
  }

  .m-b-xl-n250 {
    margin-bottom: -250px !important;
  }

  .m-l-xl-250 {
    margin-left: 250px !important;
  }

  .m-l-xl-n250 {
    margin-left: -250px !important;
  }

  .m-x-xl-250 {
    margin-left: 250px !important;
    margin-right: 250px !important;
  }

  .m-y-xl-250 {
    margin-top: 250px !important;
    margin-bottom: 250px !important;
  }

  .p-xl-250 {
    padding: 250px !important;
  }

  .p-xl-n250 {
    padding: -250px !important;
  }

  .p-t-xl-250 {
    padding-top: 250px !important;
  }

  .p-t-xl-n250 {
    padding-top: -250px !important;
  }

  .p-r-xl-250 {
    padding-right: 250px !important;
  }

  .p-r-xl-n250 {
    padding-right: -250px !important;
  }

  .p-b-xl-250 {
    padding-bottom: 250px !important;
  }

  .p-b-xl-n250 {
    padding-bottom: -250px !important;
  }

  .p-l-xl-250 {
    padding-left: 250px !important;
  }

  .p-l-xl-n250 {
    padding-left: -250px !important;
  }

  .p-x-xl-250 {
    padding-left: 250px !important;
    padding-right: 250px !important;
  }

  .p-y-xl-250 {
    padding-top: 250px !important;
    padding-bottom: 250px !important;
  }
}

a.disabled {
  cursor: not-allowed;
  opacity: 0.7;
}

.border-0 {
  border: none !important;
}

.border-t-0 {
  border-top: none !important;
}

.border-b-0 {
  border-bottom: none !important;
}

.border-l-0 {
  border-left: none !important;
}

.border-r-0 {
  border-right: none !important;
}

.badge-primary {
  background-color: #2961ff !important;
}

.badge-info {
  background-color: #7460ee !important;
}

.badge-secondary {
  background-color: #00ab83 !important;
}

.min-h-100 {
  min-height: 100%;
}

.badge {
  display: inline-flex;
  padding: 0.1em 0.5em;
  font-size: 11px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
}

.badge:not(.auto-line-height) {
  line-height: 13px !important;
}

.badge i {
  line-height: 13px;
  margin-right: 4px;
}

.badge.icon-only i {
  margin: 0;
}

.badge.pull-right {
  float: right;
}

.badge.col-brown {
  color: #ffffff !important;
  background-color: #795548 !important;
  border-color: #795548 !important;
}

.badge.col-red {
  color: #ffffff !important;
  background-color: #F44336 !important;
  border-color: #F44336 !important;
}

.badge.col-light-green {
  color: #ffffff !important;
  background-color: #8BC34A !important;
  border-color: #8BC34A !important;
}

.badge.col-grey {
  color: #ffffff !important;
  background-color: #9E9E9E !important;
  border-color: #9E9E9E !important;
}

.badge.col-blue {
  color: #ffffff !important;
  background-color: #2196F3 !important;
  border-color: #2196F3 !important;
}

.badge.col-orange {
  color: #ffffff !important;
  background-color: #FF9800 !important;
  border-color: #FF9800 !important;
}

.badge.col-pink {
  color: #ffffff !important;
  background-color: #E91E63 !important;
  border-color: #E91E63 !important;
}

.badge.col-green {
  color: #ffffff !important;
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
}

.badge.col-purple {
  color: #ffffff !important;
  background-color: #9C27B0 !important;
  border-color: #9C27B0 !important;
}

.badge.col-deep-purple {
  color: #ffffff !important;
  background-color: #673AB7 !important;
  border-color: #673AB7 !important;
}

.badge.col-indigo {
  color: #ffffff !important;
  background-color: #3F51B5 !important;
  border-color: #3F51B5 !important;
}

.badge.col-light-blue {
  color: #ffffff !important;
  background-color: #03A9F4 !important;
  border-color: #03A9F4 !important;
}

.badge.col-cyan {
  color: #ffffff !important;
  background-color: #00BCD4 !important;
  border-color: #00BCD4 !important;
}

.badge.col-teal {
  color: #ffffff !important;
  background-color: #009688 !important;
  border-color: #009688 !important;
}

.badge.col-lime {
  color: #ffffff !important;
  background-color: #CDDC39 !important;
  border-color: #CDDC39 !important;
}

.badge.col-yellow {
  color: #454545 !important;
  background-color: #ffe821 !important;
  border-color: #ffe821 !important;
}

.badge.col-amber {
  color: #ffffff !important;
  background-color: #FFC107 !important;
  border-color: #FFC107 !important;
}

.badge.col-deep-orange {
  color: #ffffff !important;
  background-color: #FF5722 !important;
  border-color: #FF5722 !important;
}

.badge.col-blue-grey {
  color: #ffffff !important;
  background-color: #607D8B !important;
  border-color: #607D8B !important;
}

.badge.col-black {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.badge.col-white {
  color: #222 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

.badge.badge-md {
  width: 20px;
  height: 20px;
}

.badge.badge-sm {
  width: 14px;
  height: 14px;
}

.badge.badge-circle {
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.badge.icon-only {
  font-size: 9px;
  padding: 0;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.custom-control-label {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget {
  /* Base z-index - higher than normal dropdowns but works with modals */
  z-index: 1075 !important;
  position: absolute !important;
  /* Ensure visibility in modals - highest priority */
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Specific modal context fixes */

body.modal-open .bootstrap-datetimepicker-widget {
  z-index: 1075 !important;
  position: absolute !important;
}

body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Modal body specific rules - highest priority for modal contexts */

.modal-body .bootstrap-datetimepicker-widget,
.modal .bootstrap-datetimepicker-widget {
  z-index: 1075 !important;
  position: absolute !important;
}

.modal-body .bootstrap-datetimepicker-widget.dropdown-menu,
.modal .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Fix for container positioning that might interfere */

.modal-body .form-group {
  overflow: visible !important;
  position: relative;
}

.modal-body .input-group {
  overflow: visible !important;
  position: relative;
}

/* Ensure parent containers don't clip the datepicker */

.modal-body,
.modal-content {
  overflow: visible !important;
}

@media (max-width: 576px) {
  .modal-body,
  .modal-content {
    overflow: auto !important;
  }
}

/* Additional specificity for when both classes are present */

.bootstrap-datetimepicker-widget.dropdown-menu.open,
.modal .bootstrap-datetimepicker-widget.dropdown-menu.open,
.modal-body .bootstrap-datetimepicker-widget.dropdown-menu.open,
body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu.open {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Fix for specific form styling within datepicker */

ul {
  margin: 0;
  padding: 0;
}

ul li.collapse.in {
  display: block;
}

ul li.collapse .timepicker .table-condensed .icon-chevron-up,
ul li.collapse .timepicker .table-condensed .icon-chevron-down {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0px;
  text-indent: -99999999em;
  background: url(/images/navigate-up-arrow.svg?7a58dac1217876946fe0430973a7324b) no-repeat center center;
  background-size: 100% auto;
}

ul li.collapse .timepicker .table-condensed .icon-chevron-down {
  background: url(/images/navigate-down-arrow.svg?62cd43feb115052b955df8188c7bec9d) no-repeat center center;
  background-size: 100% auto;
}

ul li.collapse .timepicker .table-condensed tr td {
  vertical-align: middle;
}

ul li.picker-switch a {
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  cursor: pointer;
}

ul li.picker-switch a .icon-time,
ul li.picker-switch a .icon-calendar {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 0px;
  text-indent: -99999999em;
  background: url(/images/wall-clock.svg?1d4cf3e68ffefbe6ff79e7b11be2ed19) no-repeat center center;
  background-size: 100% auto;
}

ul li.picker-switch a .icon-calendar {
  background: url(/images/calendar-ico.svg?62560eb454a30289d7e42b94895f7aba) no-repeat center center;
  background-size: 100% auto;
}

th,
td {
  width: 35px;
}

td .month,
td .year {
  width: 58px;
}

td.active,
td.active:hover,
td span.active {
  background-image: none !important;
  background: transparent !important;
  background-color: #2961ff !important;
}

div > .bootstrap-datetimepicker-widget {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 100% !important;
}

.dropdown-toggle.arrow-none:after {
  display: none !important;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border: none;
  padding: 0;
  transform: inherit;
  z-index: 12;
}

.dropdown-menu.scrollable {
  z-index: 12;
  height: 300px;
  max-height: 100vh;
  overflow: auto;
}

.dropdown-menu .dropdown-header {
  padding: 6px 14px;
  background-color: #fbfbfb;
}

.dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 5px 12px;
  outline: none !important;
}

.dropdown-menu .dropdown-top-border {
  display: block;
  border-top: 4px solid #2961ff;
}

.dropdown-menu .divider {
  margin: 0;
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu .header {
  font-size: 13px;
  font-weight: bold;
  min-width: 270px;
  border-bottom: 1px solid #eee;
  text-align: center;
  padding: 11px 0 8px 0;
  text-transform: uppercase;
}

.dropdown-menu ul.menu {
  padding-left: 0;
}

.dropdown-menu ul.menu#top-bar-notifications-menu {
  min-height: 254px;
}

.dropdown-menu ul.menu li {
  border-bottom: 1px solid #eee;
}

.dropdown-menu ul.menu li:last-child {
  border-bottom: none;
}

.dropdown-menu ul.menu li a,
.dropdown-menu ul.menu li button {
  display: block;
  padding: 7px 11px;
  text-decoration: none;
}

.dropdown-menu ul.menu li a:hover,
.dropdown-menu ul.menu li button:hover {
  background-color: #e9e9e9;
}

.dropdown-menu ul.menu .icon-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  color: #fff;
  text-align: center;
  display: inline-block;
}

.dropdown-menu ul.menu .icon-circle i {
  font-size: 18px;
  line-height: 36px;
}

.dropdown-menu ul.menu.tasks h4 {
  color: #333;
  font-size: 13px;
  margin: 0 0 8px 0;
}

.dropdown-menu ul.menu.tasks h4 small {
  float: right;
  margin-top: 6px;
}

.dropdown-menu ul.menu.tasks .progress {
  height: 7px;
  margin-bottom: 7px;
}

.dropdown-menu ul.menu .menu-info {
  display: inline-block;
  position: relative;
  top: 3px;
  left: 5px;
}

.dropdown-menu ul.menu .menu-info h4 {
  margin: 0;
  font-size: 14px;
  color: #333;
  font-weight: 700;
}

.dropdown-menu ul.menu .menu-info h4 .label {
  display: inline;
  padding: 0.12em 0.6em;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -ms-border-radius: 0.25em;
}

.dropdown-menu ul.menu .menu-info p {
  margin: 0;
  font-size: 11px;
  color: #aaa;
}

.dropdown-menu ul.menu .menu-info p .material-icons {
  font-size: 13px;
  color: #aaa;
  position: relative;
  top: 2px;
}

.dropdown-menu .footer {
  padding: 0 !important;
}

.dropdown-menu .footer a {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 5px 0 5px 0;
  font-size: 12px;
}

.dropdown-menu .footer a:hover {
  background-color: transparent;
  color: #000;
}

.dropdown-menu > li a,
.dropdown-menu > li .txt-btn,
.dropdown-menu > li .message-item,
.dropdown-menu > li .dropdown-item {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 6px 14px;
  border: none;
  text-align: left;
  cursor: pointer;
}

.dropdown-menu > li a:hover:not(.no-bg),
.dropdown-menu > li .txt-btn:hover:not(.no-bg),
.dropdown-menu > li .message-item:hover:not(.no-bg),
.dropdown-menu > li .dropdown-item:hover:not(.no-bg) {
  background-color: rgba(0, 0, 0, 0.075);
  text-decoration: none;
}

.dropdown-menu > li .btn-link {
  text-align: left;
  border: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: inherit !important;
  text-decoration: none !important;
  padding: 9px 18px;
  color: #666;
  display: block;
  font-size: 14px;
  line-height: 17px;
}

.dropdown-menu > li .btn-link:hover {
  background-color: rgba(0, 0, 0, 0.075);
  text-decoration: none;
}

.dropdown-menu > li .btn-link i.material-icons {
  float: left;
  margin-right: 7px;
  margin-top: -2px;
  font-size: 20px;
}

.dropdown-menu.pos-bottom {
  top: 100% !important;
  transform: inherit !important;
  max-height: 356px;
  overflow: auto;
  z-index: 3;
}

.dropdown-menu.pos-bottom.dropdown-menu-right {
  left: auto !important;
  right: 0 !important;
}

.dropdown-menu.pos-bottom .bx {
  display: block;
}

.dropdown-menu.pos-bottom .bx .cls {
  display: none;
}

.dropdown-menu.xs {
  width: 80px;
  min-width: 80px;
}

@media (max-width : 575px) {
  .dropdown-menu.pos-bottom {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    max-height: 100% !important;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
  }

  .dropdown-menu.pos-bottom .bx {
    background-color: #fff;
    max-width: 230px;
    padding: 10px 24px 10px 10px;
    margin: 0 auto;
    position: relative;
  }

  .dropdown-menu.pos-bottom .bx .cls {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
    background-size: 12px auto;
  }

  .dropdown-menu.pos-bottom.filter-more .bx {
    max-width: 300px;
  }
}

.dropdown.show .dropdown-toggle:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.sort-listing .dropdown-menu > li,
.sort-listing .dropdown-menu > li a,
.sort-listing .dropdown-menu > a {
  font-weight: 700;
}

.dropdown-animated {
  animation-duration: 0.3s !important;
}

.ui-widget.ui-widget-content {
  z-index: 99999;
  max-height: 294px;
  overflow: auto;
}

.ui-widget.ui-widget-content .ui-menu-item-wrapper {
  margin: 0 !important;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  padding: 6px 6px;
}

.ui-widget.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
  border: none !important;
  background-color: #2961ff !important;
}

.info-box-3 .content {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}

.info-box-3 .content .text {
  display: block;
  width: 100%;
  margin: 0;
}

.info-box-3 .content .number.sm {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}

.info-box-3 .icon {
  z-index: 0;
}

.info-box-3 .icon i.fas,
.info-box-3 .icon i.far,
.info-box-3 .icon i.fab {
  font-size: 56px;
  position: relative;
  top: -10px;
}

a.info-box-3 {
  cursor: pointer;
}

.bg-light-green,
.info-box-2.col-light-green {
  background-color: #8BC34A !important;
  color: #fff !important;
}

.bg-red,
.info-box-2.col-red {
  background-color: #F44336 !important;
  color: #fff !important;
}

.bg-red .content .text,
.bg-red .content .number,
.info-box-2.col-red .content .text,
.info-box-2.col-red .content .number {
  color: #fff !important;
}

.bg-pink,
.info-box-2.col-pink {
  background-color: #E91E63 !important;
  color: #fff !important;
}

.bg-pink .content .text,
.bg-pink .content .number,
.info-box-2.col-pink .content .text,
.info-box-2.col-pink .content .number {
  color: #fff !important;
}

.bg-purple,
.info-box-2.col-purple {
  background-color: #9C27B0 !important;
  color: #fff !important;
}

.bg-purple .content .text,
.bg-purple .content .number,
.info-box-2.col-purple .content .text,
.info-box-2.col-purple .content .number {
  color: #fff !important;
}

.bg-deep-purple,
.info-box-2.col-deep-purple {
  background-color: #673AB7 !important;
  color: #fff !important;
}

.bg-deep-purple .content .text,
.bg-deep-purple .content .number,
.info-box-2.col-deep-purple .content .text,
.info-box-2.col-deep-purple .content .number {
  color: #fff !important;
}

/* ========================================
   GLOBAL MODAL Z-INDEX FIXES
   Fix dropdown z-index issues across all modules
   ======================================== */

/* Fix z-index issues for dropdowns in modals */

.modal {
  z-index: 1050;
}

.modal-backdrop {
  z-index: 1040;
}

/* PROPERLY SCOPED - Only dropdowns INSIDE modal-body get higher z-index */

.modal-body .select2-container {
  z-index: 1060 !important;
  position: relative;
}

.modal-body .select2-dropdown {
  z-index: 1060 !important;
  position: absolute !important;
  /* Enhanced visual feedback */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  transition: opacity 0.15s ease-in-out;
}

.modal-body .select2-results {
  z-index: 1060 !important;
}

.modal-body .select2-search {
  z-index: 1060 !important;
}

/* Fix for Select2 search field input issues in modals - Enhanced UX */

.modal-body .select2-search__field {
  z-index: 1061 !important;
  position: relative !important;
  background: #fff !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal-body .select2-search__field:focus {
  border-color: #4e73df !important;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
  outline: 0 !important;
}

/* Ensure Select2 dropdown appears above other modal elements */

.modal-body .select2-container--open .select2-dropdown {
  z-index: 1060 !important;
  position: absolute !important;
}

.modal-body .select2-container--open .select2-dropdown--above {
  z-index: 1060 !important;
}

.modal-body .select2-container--open .select2-dropdown--below {
  z-index: 1060 !important;
}

/* Bootstrap select dropdowns inside modal-body only */

.modal-body .dropdown-menu {
  z-index: 1060 !important;
}

/* Custom select dropdowns inside modal-body only */

.modal-body .form-control option {
  z-index: 1060 !important;
}

/* Specific fixes for user and access modals */

#global-add-user-modal .modal-dialog {
  z-index: 1060;
}

#global-add-user-modal .modal-body .dropdown-menu,
#global-add-user-modal .modal-body .select2-container,
#global-add-user-modal .modal-body .select2-dropdown {
  z-index: 1060 !important;
}

/* Access modal specific fixes */

.modal .form-control,
.modal select {
  position: relative;
  z-index: 1;
}

.modal .dropdown {
  position: static;
}

.modal-body .dropdown-menu {
  position: absolute;
  z-index: 1060 !important;
}

/* Ensure select elements work properly in modals */

.modal select {
  z-index: auto;
}

.modal .form-group {
  position: relative;
  z-index: 1;
}

/* Fix for custom dropdown implementations - only inside modal-body */

.modal-body .custom-select {
  z-index: 1060 !important;
}

.modal-body .custom-select-dropdown {
  z-index: 1060 !important;
}

/* Additional fixes for common dropdown libraries - only inside modal-body */

.modal-body .chosen-container {
  z-index: 1060 !important;
}

.modal-body .chosen-drop {
  z-index: 1060 !important;
}

/* Bootstrap 4/5 specific dropdown fixes - only inside modal-body */

.modal-body .btn-group .dropdown-menu {
  z-index: 1060 !important;
}

.modal-body .input-group .dropdown-menu {
  z-index: 1060 !important;
}

/* Fix for country/nationality dropdown appearing behind form controls in modals */

.modal-body .countryDrop,
.modal-body .nationalityDrop,
.modal-body .contact_form .countryDrop,
.modal-body .contact_form .nationalityDrop {
  z-index: 1060 !important;
}

.modal-body .contact_form .selCountry .countryDrop ul,
.modal-body .contact_form .selNationality .countryDrop ul,
.modal-body .contact_form .selNationality .nationalityDrop ul {
  max-height: 200px;
  overflow-y: auto;
}

/* Ensure the parent selCountry/selNationality container doesn't create a trapping stacking context */

.modal-body .selCountry,
.modal-body .selNationality,
.modal-body .contact_form .selCountry,
.modal-body .contact_form .selNationality,
.modal-body .contact-country-field {
  position: relative;
  z-index: auto;
  overflow: visible;
}

/* Ensure tooltips and popovers also appear above modals */

.tooltip {
  z-index: 9999 !important;
}

.popover {
  z-index: 9999 !important;
}

/* Fix for date pickers and other overlay components */

.datepicker,
.ui-datepicker {
  z-index: 9999 !important;
}

.ui-autocomplete {
  z-index: 9999 !important;
}

/* Additional date-picker fixes for modal contexts */

.modal-body .datepicker,
.modal-body .ui-datepicker,
.modal .datepicker,
.modal .ui-datepicker {
  z-index: 1075 !important;
}

/* Fix for withIco date-picker calendar in modals */

.modal-body .withIco .datepicker,
.modal-body .withIco .ui-datepicker,
.modal-body .date-picker .datepicker,
.modal-body .date-picker .ui-datepicker,
.modal-body .input-append .datepicker,
.modal-body .input-append .ui-datepicker {
  z-index: 1075 !important;
}

/* Bootstrap datepicker specific fixes for modals - updated z-index */

.modal-body .bootstrap-datetimepicker-widget,
.modal .bootstrap-datetimepicker-widget {
  z-index: 1075 !important;
  position: absolute !important;
}

/* More specific rule for bootstrap-datetimepicker with dropdown-menu class */

.modal-body .bootstrap-datetimepicker-widget.dropdown-menu,
.modal .bootstrap-datetimepicker-widget.dropdown-menu,
body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* jQuery UI datepicker specific fixes for modals */

.modal-body .ui-datepicker-div,
.modal .ui-datepicker-div {
  z-index: 1075 !important;
}

/* Calendar popup containers in modals */

.modal-body .calendar-popup,
.modal-body .date-picker-popup,
.modal .calendar-popup,
.modal .date-picker-popup {
  z-index: 1075 !important;
}

/* Fix for Select2 container positioning issues */

.modal-body .select2-container {
  position: relative;
}

.modal-body .select2-selection {
  position: relative;
  z-index: 1;
}

/* Fix Select2 z-index conflict with bootstrap-datetimepicker widgets in modals */

/* Ensure Select2 dropdowns stay below datetimepicker widgets */

.modal .select2-container,
.modal .select2-dropdown,
.modal .select2-container--open .select2-dropdown,
.modal .select2-container--open .select2-dropdown--above,
.modal .select2-container--open .select2-dropdown--below,
.modal-body .select2-container,
.modal-body .select2-dropdown,
.modal-body .select2-container--open .select2-dropdown,
.modal-body .select2-container--open .select2-dropdown--above,
.modal-body .select2-container--open .select2-dropdown--below {
  z-index: 1060 !important;
}

/* Ensure bootstrap-datetimepicker widgets stay above Select2 */

.modal .bootstrap-datetimepicker-widget,
.modal .bootstrap-datetimepicker-widget.dropdown-menu,
.modal-body .bootstrap-datetimepicker-widget,
.modal-body .bootstrap-datetimepicker-widget.dropdown-menu,
body.modal-open .bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1075 !important;
  position: absolute !important;
}

/* Force datepicker to appear on top for task forms and modal contexts */

/* Override JavaScript-calculated positioning to force calendar above input */

#add_task_modal .bootstrap-datetimepicker-widget,
.modal .bootstrap-datetimepicker-widget,
.modal-body .bootstrap-datetimepicker-widget {
  transform: translateY(-100%) translateY(-40px) !important;
}

/* Additional positioning override for date-picker containers */

#add_task_modal .withIco.date-picker .bootstrap-datetimepicker-widget,
.modal .withIco.date-picker .bootstrap-datetimepicker-widget {
  transform: translateY(-100%) translateY(-42px) !important;
}

/* Task modal specific Select2 fixes - Enhanced UX */

#add_task_modal .modal-body,
#add_task_modal .modal-content {
  overflow: visible !important;
  /* Mobile: Allow scrolling while keeping dropdowns visible */
}

@media (max-width: 576px) {
  #add_task_modal .modal-body,
  #add_task_modal .modal-content {
    overflow: auto !important;
  }
}

#add_task_modal .select2-container {
  z-index: 1060 !important;
  position: relative;
}

#add_task_modal .select2-container--open {
  z-index: 1060 !important;
}

#add_task_modal .select2-container--open .select2-dropdown {
  z-index: 1060 !important;
  position: absolute !important;
  /* Better visual feedback */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#add_task_modal .select2-container--open .select2-dropdown--above,
#add_task_modal .select2-container--open .select2-dropdown--below {
  z-index: 1060 !important;
}

#add_task_modal .select2-dropdown {
  z-index: 1060 !important;
  /* Smooth transition */
  transition: opacity 0.15s ease-in-out;
}

#add_task_modal .select2-search__field {
  z-index: 1061 !important;
  /* Better focus state */
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#add_task_modal .select2-search__field:focus {
  border-color: #4e73df !important;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
}

/* Other common modals Select2 fixes - Enhanced UX */

#task_template_form_modal .modal-body,
#task_template_form_modal .modal-content,
#create_task_modal .modal-body,
#create_task_modal .modal-content,
#create_event_modal .modal-body,
#create_event_modal .modal-content,
#create_lead_modal .modal-body,
#create_lead_modal .modal-content {
  overflow: visible !important;
  /* Mobile: Allow scrolling while keeping dropdowns visible */
}

@media (max-width: 576px) {
  #task_template_form_modal .modal-body,
  #task_template_form_modal .modal-content,
  #create_task_modal .modal-body,
  #create_task_modal .modal-content,
  #create_event_modal .modal-body,
  #create_event_modal .modal-content,
  #create_lead_modal .modal-body,
  #create_lead_modal .modal-content {
    overflow: auto !important;
  }
}

#task_template_form_modal .select2-container,
#create_task_modal .select2-container,
#create_event_modal .select2-container,
#create_lead_modal .select2-container {
  z-index: 1060 !important;
  position: relative;
}

#task_template_form_modal .select2-container--open,
#create_task_modal .select2-container--open,
#create_event_modal .select2-container--open,
#create_lead_modal .select2-container--open {
  z-index: 1060 !important;
}

#task_template_form_modal .select2-container--open .select2-dropdown,
#create_task_modal .select2-container--open .select2-dropdown,
#create_event_modal .select2-container--open .select2-dropdown,
#create_lead_modal .select2-container--open .select2-dropdown {
  z-index: 1060 !important;
  position: absolute !important;
  /* Better visual feedback */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#task_template_form_modal .select2-container--open .select2-dropdown--above,
#task_template_form_modal .select2-container--open .select2-dropdown--below,
#create_task_modal .select2-container--open .select2-dropdown--above,
#create_task_modal .select2-container--open .select2-dropdown--below,
#create_event_modal .select2-container--open .select2-dropdown--above,
#create_event_modal .select2-container--open .select2-dropdown--below,
#create_lead_modal .select2-container--open .select2-dropdown--above,
#create_lead_modal .select2-container--open .select2-dropdown--below {
  z-index: 1060 !important;
}

#task_template_form_modal .select2-dropdown,
#create_task_modal .select2-dropdown,
#create_event_modal .select2-dropdown,
#create_lead_modal .select2-dropdown {
  z-index: 1060 !important;
  /* Smooth transition */
  transition: opacity 0.15s ease-in-out;
}

#task_template_form_modal .select2-search__field,
#create_task_modal .select2-search__field,
#create_event_modal .select2-search__field,
#create_lead_modal .select2-search__field {
  z-index: 1061 !important;
  /* Better focus state */
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#task_template_form_modal .select2-search__field:focus,
#create_task_modal .select2-search__field:focus,
#create_event_modal .select2-search__field:focus,
#create_lead_modal .select2-search__field:focus {
  border-color: #4e73df !important;
  box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25) !important;
}

/* Ensure dropdowns don't get cut off by modal boundaries - Enhanced UX */

.modal {
  overflow: visible;
}

.modal-dialog {
  overflow: visible;
}

.modal-content {
  overflow: visible;
}

.modal-body {
  overflow: visible !important;
  /* Mobile: Allow scrolling while keeping dropdowns visible */
}

@media (max-width: 576px) {
  .modal-body {
    overflow: auto !important;
    max-height: 70vh;
    -webkit-overflow-scrolling: touch;
    /* Smooth scrolling on iOS */
  }
}

/* End of Global Modal Z-Index Fixes */

.bg-indigo,
.info-box-2.col-indigo {
  background-color: #3F51B5 !important;
  color: #fff !important;
}

.bg-indigo .content .text,
.bg-indigo .content .number,
.info-box-2.col-indigo .content .text,
.info-box-2.col-indigo .content .number {
  color: #fff !important;
}

.bg-blue,
.info-box-2.col-blue {
  background-color: #2961ff !important;
  color: #fff !important;
}

.bg-blue .content .text,
.bg-blue .content .number,
.info-box-2.col-blue .content .text,
.info-box-2.col-blue .content .number {
  color: #fff !important;
}

.bg-light-blue,
.info-box-2.col-light-blue {
  background-color: #03A9F4 !important;
  color: #fff !important;
}

.bg-light-blue .content .text,
.bg-light-blue .content .number,
.info-box-2.col-light-blue .content .text,
.info-box-2.col-light-blue .content .number {
  color: #fff !important;
}

.bg-cyan,
.info-box-2.col-cyan {
  background-color: #00BCD4 !important;
  color: #fff !important;
}

.bg-cyan .content .text,
.bg-cyan .content .number,
.info-box-2.col-cyan .content .text,
.info-box-2.col-cyan .content .number {
  color: #fff !important;
}

.bg-teal,
.info-box-2.col-teal {
  background-color: #009688 !important;
  color: #fff !important;
}

.bg-teal .content .text,
.bg-teal .content .number,
.info-box-2.col-teal .content .text,
.info-box-2.col-teal .content .number {
  color: #fff !important;
}

.bg-green,
.info-box-2.col-green {
  background-color: #4CAF50 !important;
  color: #fff !important;
}

.bg-green .content .text,
.bg-green .content .number,
.info-box-2.col-green .content .text,
.info-box-2.col-green .content .number {
  color: #fff !important;
}

.bg-light-green,
.info-box-2.col-light-green {
  background-color: #8BC34A !important;
  color: #fff !important;
}

.bg-light-green .content .text,
.bg-light-green .content .number,
.info-box-2.col-light-green .content .text,
.info-box-2.col-light-green .content .number {
  color: #fff !important;
}

.bg-lime,
.info-box-2.col-lime {
  background-color: #CDDC39 !important;
  color: #fff !important;
}

.bg-lime .content .text,
.bg-lime .content .number,
.info-box-2.col-lime .content .text,
.info-box-2.col-lime .content .number {
  color: #fff !important;
}

.bg-yellow,
.info-box-2.col-yellow {
  background-color: #ffe821 !important;
  color: #fff !important;
}

.bg-yellow .content .text,
.bg-yellow .content .number,
.info-box-2.col-yellow .content .text,
.info-box-2.col-yellow .content .number {
  color: #fff !important;
}

.bg-amber,
.info-box-2.col-amber {
  background-color: #FFC107 !important;
  color: #fff !important;
}

.bg-amber .content .text,
.bg-amber .content .number,
.info-box-2.col-amber .content .text,
.info-box-2.col-amber .content .number {
  color: #fff !important;
}

.bg-orange,
.info-box-2.col-orange {
  background-color: #FF9800 !important;
  color: #fff !important;
}

.bg-orange .content .text,
.bg-orange .content .number,
.info-box-2.col-orange .content .text,
.info-box-2.col-orange .content .number {
  color: #fff !important;
}

.bg-deep-orange,
.info-box-2.col-deep-orange {
  background-color: #FF5722 !important;
  color: #fff !important;
}

.bg-deep-orange .content .text,
.bg-deep-orange .content .number,
.info-box-2.col-deep-orange .content .text,
.info-box-2.col-deep-orange .content .number {
  color: #fff !important;
}

.bg-brown,
.info-box-2.col-brown {
  background-color: #795548 !important;
  color: #fff !important;
}

.bg-brown .content .text,
.bg-brown .content .number,
.info-box-2.col-brown .content .text,
.info-box-2.col-brown .content .number {
  color: #fff !important;
}

.bg-grey,
.info-box-2.col-grey {
  background-color: #9E9E9E !important;
  color: #fff !important;
}

.bg-grey .content .text,
.bg-grey .content .number,
.info-box-2.col-grey .content .text,
.info-box-2.col-grey .content .number {
  color: #fff !important;
}

.bg-light-grey {
  background-color: #f6f9fb !important;
}

.bg-blue-grey,
.info-box-2.col-blue-grey {
  background-color: #607D8B !important;
  color: #fff !important;
}

.bg-blue-grey .content .text,
.bg-blue-grey .content .number,
.info-box-2.col-blue-grey .content .text,
.info-box-2.col-blue-grey .content .number {
  color: #fff !important;
}

.bg-black,
.info-box-2.col-black {
  background-color: #000000 !important;
  color: #fff !important;
}

.bg-black .content .text,
.bg-black .content .number,
.info-box-2.col-black .content .text,
.info-box-2.col-black .content .number {
  color: #fff !important;
}

.bg-white,
.info-box-2.col-white {
  background-color: #ffffff !important;
  color: #222 !important;
}

.bg-white .content .text,
.bg-white .content .number,
.info-box-2.col-white .content .text,
.info-box-2.col-white .content .number {
  color: #222 !important;
}

.col-red {
  color: #F44336 !important;
}

.col-pink {
  color: #E91E63 !important;
}

.col-purple {
  color: #9C27B0 !important;
}

.col-deep-purple {
  color: #673AB7 !important;
}

.col-indigo {
  color: #3F51B5 !important;
}

.col-blue {
  color: #2196F3 !important;
}

.col-light-blue {
  color: #03A9F4 !important;
}

.col-cyan {
  color: #00BCD4 !important;
}

.col-teal {
  color: #009688 !important;
}

.col-green {
  color: #4CAF50 !important;
}

.col-light-green {
  color: #8BC34A !important;
}

.col-lime {
  color: #CDDC39 !important;
}

.col-yellow {
  color: #ffe821 !important;
}

.col-amber {
  color: #FFC107 !important;
}

.col-orange {
  color: #FF9800 !important;
}

.col-deep-orange {
  color: #FF5722 !important;
}

.col-brown {
  color: #795548 !important;
}

.col-grey {
  color: #9E9E9E !important;
}

.col-blue-grey {
  color: #607D8B !important;
}

.col-black {
  color: #000000 !important;
}

.col-white {
  color: #ffffff !important;
}

.waves-block {
  display: block;
}

.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.del-field {
  display: inline-block;
  color: #fa6767 !important;
  font-size: 18px;
  cursor: pointer;
  margin: 4px 0 0 0;
}

.del-field:hover {
  color: #fd4141 !important;
}

.del-field.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.with-del,
.with-action {
  position: relative;
  padding-right: 24px;
}

.with-del .del-field,
.with-del .action,
.with-action .del-field,
.with-action .action {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 8px;
  right: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.with-del .del-field .material-icons,
.with-del .action .material-icons,
.with-action .del-field .material-icons,
.with-action .action .material-icons {
  font-size: 22px;
}

.fas.fa-phone:before {
  display: inline-block;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

a.disabled {
  pointer-events: none;
}

.table .thead-light th {
  background-color: #f4f8fa !important;
}

.table .thead-dark th {
  background-color: #000 !important;
  color: #fff !important;
}

.table .thead-dark th a {
  color: #fff !important;
}

.table input[type=radio],
.table input[type=checkbox] {
  height: 22px !important;
}

.table.value-table tr td {
  background-color: #f1f4fb;
  border: 2px solid #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  padding: 8px 10px;
}

.table.value-table tr td.dark {
  background-color: #cdd3de;
  font-weight: 700;
}

.table.ytdTable tr th {
  font-size: 20px;
  line-height: 24px;
  padding: 10px 10px !important;
  border: none;
}

.table.ytdTable tr td {
  padding: 10px 10px !important;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  text-align: center;
}

.table.ytdTable tr td .txt {
  display: block;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
}

.table.design-table {
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 14px;
  background-color: #eef3f7;
}

.table.design-table tr {
  position: relative;
  background-color: #fff;
}

.table.design-table tr td {
  border: none;
  padding: 30px 10px;
  position: static !important;
}

.table.design-table tr td .txt-id {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  text-decoration: none;
}

.table.design-table tr td .txt-tl {
  display: block;
  color: #3e4954;
  font-size: 14.5px;
  line-height: 18px;
  font-weight: 600;
}

.table.design-table tr td .txt-tl.md {
  font-size: 14px;
}

.table.design-table tr td .txt-tl.sm {
  font-size: 13px;
  line-height: 17px;
}

.table.design-table tr td .txt-tl.text-center {
  justify-content: center;
}

.table.design-table tr td .txt-tl.text-right {
  justify-content: flex-end;
}

.table.design-table tr td .txt-tl:not(:first-child) {
  margin: 6px 0 0 0;
}

.table.design-table tr td .txt-tl img {
  display: inline;
  vertical-align: middle;
  max-height: 24px;
  margin: -2px 6px 0 0;
  opacity: 0.7;
}

.table.design-table tr td .txt-tl img.sm {
  max-height: 20px;
}

.table.design-table tr td .txt-tl i {
  font-size: 19px;
  line-height: 20px;
  margin: 0 6px 0 0;
  color: #747474;
}

.table.design-table tr td .txt-lg {
  display: block;
  color: #313131;
  font-size: 14.5px;
  line-height: 18px;
  font-weight: 700;
}

.table.design-table tr td .txt-lg a {
  display: inline;
  vertical-align: middle;
}

.table.design-table tr td .txt-lg a:not(:last-child) {
  margin-right: 6px;
}

.table.design-table tr td .txt-lg.md {
  font-size: 14px;
}

.table.design-table tr td .txt-lg.sm {
  font-size: 13px;
  line-height: 17px;
}

.table.design-table tr td .txt-lg.c-name {
  display: block;
  font-size: 13px;
  line-height: 17px;
}

.table.design-table tr td .txt-lg.c-name:not(:first-child) {
  margin: 4px 0 0 0;
}

.table.design-table tr td .txt-lg.c-name a {
  display: inline;
}

.table.design-table tr td .txt-lg.c-name .text-normal {
  display: inline;
  font-weight: 500;
  color: #3e4954;
}

.table.design-table tr td .txt-lg:not(:first-child) {
  margin: 6px 0 0 0;
}

.table.design-table tr td .txt-lg.text-center {
  justify-content: center;
}

.table.design-table tr td .txt-lg.long-text {
  word-break: break-word;
}

.table.design-table tr td .txt-lg .nm:hover {
  color: #2961ff;
}

.table.design-table tr td .txt-lg .links {
  display: inline-block;
  align-items: center;
}

.table.design-table tr td .txt-lg .links:not(:last-child) {
  margin-right: 6px;
}

.table.design-table tr td .txt-lg .links i {
  margin: 0;
}

.table.design-table tr td .txt-lg img {
  display: block;
  float: left;
  max-height: 24px;
  width: auto;
  margin: 0 6px 0 0;
  opacity: 0.7;
  position: relative;
  top: 0px;
}

.table.design-table tr td .txt-lg img.sm {
  max-height: 20px;
}

.table.design-table tr td .txt-lg i {
  font-size: 17px;
  line-height: 20px;
  margin: 0 6px 0 0;
  color: #747474;
}

.table.design-table tr td .txt-lg .badge {
  display: inline-block;
  vertical-align: middle;
}

.table.design-table tr td .txt-lg .badge:not(:last-child) {
  margin-right: 6px;
}

.table.design-table tr td .action {
  display: flex;
  margin: 0 -3px;
  align-items: center;
  min-height: 46px;
}

.table.design-table tr td .action.text-center {
  justify-content: center;
}

.table.design-table tr td .action.text-right {
  justify-content: flex-end;
}

.table.design-table tr td .action:not(:first-child) {
  margin-top: 8px;
}

.table.design-table tr td .action .btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  float: left;
  margin: 0 3px;
}

.table.design-table tr td .tags {
  display: flex;
  flex-wrap: wrap;
}

.table.design-table tr td .tags:not(:first-child) {
  margin: 6px 0 0 0;
}

.table.design-table tr td .tags .badge {
  display: block;
  float: left;
  margin: 0 4px 4px 0;
}

.table.design-table tr td .feature-list {
  padding: 0;
  margin: 6px 0 0 0;
  white-space: nowrap;
}

.table.design-table tr td .feature-list:first-child {
  margin: 0;
}

.table.design-table tr td .feature-list.text-center {
  justify-content: center;
}

@media (min-width : 768px) {
  .table.design-table tbody tr:not(.no-hover) {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.design-table tbody tr:not(.no-hover) td {
    min-height: 46px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.design-table tbody tr:not(.no-hover) td:first-child {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    position: relative;
  }

  .table.design-table tbody tr:not(.no-hover) td:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 4px);
    opacity: 0;
    visibility: visible;
    border-left: 3.5px solid #2961ff;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
  }

  .table.design-table tbody tr:not(.no-hover) td:last-child {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
  }

  .table.design-table tbody tr:not(.no-hover):hover {
    box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
    background-color: #fff !important;
    transform: scale(1.0015);
    position: relative;
    z-index: 1;
  }

  .table.design-table tbody tr:not(.no-hover):hover.collapsHead th,
  .table.design-table tbody tr:not(.no-hover):hover.collapsHead td {
    background: transparent !important;
  }

  .table.design-table tbody tr:not(.no-hover):hover td:first-child:before {
    opacity: 1;
    visibility: visible;
  }

  .table.design-table.listing-table thead tr th:first-child {
    padding-left: 12px;
  }

  .table.design-table.listing-table thead tr th:last-child {
    padding-right: 12px;
  }

  .table.design-table.listing-table tbody tr td:first-child {
    padding-left: 12px;
  }

  .table.design-table.listing-table tbody tr td:last-child {
    padding-right: 12px;
  }
}

.table.design-table tbody tr:not(.no-hover) {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  transition: 600ms;
  -webkit-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  -moz-transition: 600ms;
}

.table.design-table tbody tr:not(.no-hover) td {
  min-height: 46px;
  transition: 600ms;
  -webkit-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  -moz-transition: 600ms;
}

.table.design-table tbody tr:not(.no-hover) td:first-child {
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
  position: relative;
}

.table.design-table tbody tr:not(.no-hover) td:first-child:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 0;
  width: 20px;
  height: calc(100% + 4px);
  opacity: 0;
  visibility: visible;
  border-left: 3.5px solid #2961ff;
  transition: 600ms;
  -webkit-transition: 600ms;
  -ms-transition: 600ms;
  -o-transition: 600ms;
  -moz-transition: 600ms;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
}

.table.design-table tbody tr:not(.no-hover) td:last-child {
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
}

.table.design-table tbody tr:not(.no-hover):hover {
  box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
  background-color: #fff !important;
  transform: scale(1.0015);
  position: relative;
  z-index: 1;
}

.table.design-table tbody tr:not(.no-hover):hover.collapsHead th,
.table.design-table tbody tr:not(.no-hover):hover.collapsHead td {
  background: transparent !important;
}

.table.design-table tbody tr:not(.no-hover):hover td:first-child:before {
  opacity: 1;
  visibility: visible;
}

.table.design-table.listing-table thead tr th:first-child {
  padding-left: 12px;
}

.table.design-table.listing-table thead tr th:last-child {
  padding-right: 12px;
}

.table.design-table.listing-table tbody tr td:first-child {
  padding-left: 12px;
}

.table.design-table.listing-table tbody tr td:last-child {
  padding-right: 12px;
}

@media (max-width : 1023px) {
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) {
    display: block;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) thead {
    display: none;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    border-bottom: none;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr:not(:first-child),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(2) {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(4),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(4) {
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-last-child(2) {
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child:nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-last-child(2):nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child:nth-last-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-last-child(2):nth-last-child(2) {
    margin-left: auto;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1023px) and (max-width : 767px) {
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(2) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(4),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(5),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(3),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(4),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(5) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(3) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(4) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(5) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(3) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(4) .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(5) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(6),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(6) {
    width: auto;
    max-width: 30%;
    flex: 0 0 30%;
    margin: 0 !important;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child {
    max-width: 100%;
    flex: 1;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child .action,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child .action {
    min-height: inherit;
  }

  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child .text-right,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child .text-center,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child .text-right {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1023px) and (max-width : 480px) {
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:last-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child,
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:nth-child(2),
  .table.design-table:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:last-child {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.table.design-table.with-checkbox tbody tr,
.table.design-table.with-checkbox tfoot tr {
  position: relative;
}

@media (max-width : 1023px) {
  .table.design-table.with-checkbox tbody tr,
  .table.design-table.with-checkbox tfoot tr {
    padding-left: 42px !important;
  }
}

@media (max-width : 767px) {
  .table.design-table.with-checkbox tbody tr,
  .table.design-table.with-checkbox tfoot tr {
    padding: 8px !important;
  }
}

@media (max-width : 480px) {
  .table.design-table.with-checkbox tbody tr,
  .table.design-table.with-checkbox tfoot tr {
    padding-left: 8px;
  }
}

@media (min-width : 768px) {
  .table.design-table.with-checkbox tbody tr td:first-child,
  .table.design-table.with-checkbox tfoot tr td:first-child {
    padding-left: 50px;
  }
}

.table.design-table.with-checkbox tbody tr td .m-check + .txt-lg,
.table.design-table.with-checkbox tfoot tr td .m-check + .txt-lg {
  margin: 0;
}

.table.design-table.with-checkbox tbody tr .m-check,
.table.design-table.with-checkbox tfoot tr .m-check {
  position: absolute;
  top: 30px;
  left: 16px;
}

@media (max-width : 1023px) {
  .table.design-table.with-checkbox tbody tr .m-check,
  .table.design-table.with-checkbox tfoot tr .m-check {
    top: 14px !important;
    margin: 0 !important;
  }
}

@media (max-width : 767px) {
  .table.design-table.with-checkbox tbody tr .m-check,
  .table.design-table.with-checkbox tfoot tr .m-check {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }

  .table.design-table.with-checkbox tbody tr .m-check:not(:last-child),
  .table.design-table.with-checkbox tfoot tr .m-check:not(:last-child) {
    margin: 0 0 10px 0 !important;
  }
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.open,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.open {
  background-color: rgba(41, 97, 255, 0.12);
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.child-list,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.child-list {
  display: none;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr:not(:first-child):not(.child-list),
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr:not(:first-child):not(.child-list) {
  border-top: 14px solid #eef3f7;
}

@media (min-width : 1024px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child {
    padding-left: 92px !important;
  }
}

@media (max-width : 1023px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child {
    padding-left: 8px !important;
  }
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .collapse-box,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .collapse-box {
  position: absolute;
  top: 16px;
  left: 50px;
  height: 32px;
}

@media (max-width : 1023px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr {
    padding-left: 92px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td:first-child,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td:first-child {
    padding-left: 8px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .collapse-box,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .collapse-box {
    top: 11px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr td .m-check,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr td .m-check {
    left: 16px;
  }
}

@media (max-width : 767px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr {
    padding-left: 8px;
    padding-top: 38px;
  }

  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .m-check,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .m-check {
    position: absolute;
    top: 10px;
  }
}

@media (max-width : 1400px) {
  .table.design-table.opportunities-table {
    display: block;
  }

  .table.design-table.opportunities-table thead {
    display: none;
  }

  .table.design-table.opportunities-table tbody,
  .table.design-table.opportunities-table tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table.opportunities-table tbody tr,
  .table.design-table.opportunities-table tfoot tr {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 8px 8px 42px;
    border-bottom: none;
  }

  .table.design-table.opportunities-table tbody tr:not(:first-child),
  .table.design-table.opportunities-table tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table.opportunities-table tbody tr .m-check,
  .table.design-table.opportunities-table tfoot tr .m-check {
    top: 15px;
  }

  .table.design-table.opportunities-table tbody tr td,
  .table.design-table.opportunities-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px !important;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table.opportunities-table tbody tr td:first-child,
  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:first-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .table.design-table.opportunities-table tbody tr td:first-child .text-center,
  .table.design-table.opportunities-table tbody tr td:nth-child(5) .text-center,
  .table.design-table.opportunities-table tfoot tr td:first-child .text-center,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1400px) and (max-width : 767px) {
  .table.design-table.opportunities-table tbody tr td:first-child,
  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:first-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(4),
  .table.design-table.opportunities-table tfoot tr td:nth-child(4) {
    order: 5;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    order: 4;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(6),
  .table.design-table.opportunities-table tfoot tr td:nth-child(6) {
    order: 6;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(7),
  .table.design-table.opportunities-table tfoot tr td:nth-child(7) {
    order: 7;
    margin-left: 0px;
    width: auto;
    max-width: inherit;
    flex: inherit;
  }

  .table.design-table.opportunities-table tbody tr td:nth-child(2),
  .table.design-table.opportunities-table tbody tr td:nth-child(3),
  .table.design-table.opportunities-table tbody tr td:nth-child(4),
  .table.design-table.opportunities-table tbody tr td:nth-child(6),
  .table.design-table.opportunities-table tbody tr td:last-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(2),
  .table.design-table.opportunities-table tfoot tr td:nth-child(3),
  .table.design-table.opportunities-table tfoot tr td:nth-child(4),
  .table.design-table.opportunities-table tfoot tr td:nth-child(6),
  .table.design-table.opportunities-table tfoot tr td:last-child {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .table.design-table.opportunities-table tbody tr td:last-child,
  .table.design-table.opportunities-table tfoot tr td:last-child {
    margin-left: auto;
    order: 8;
  }
}

@media (max-width : 1400px) and (max-width : 639px) {
  .table.design-table.opportunities-table tbody tr td:not(:nth-child(7)),
  .table.design-table.opportunities-table tfoot tr td:not(:nth-child(7)) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table.opportunities-table tbody tr td:not(:nth-child(7)) .text-center,
  .table.design-table.opportunities-table tfoot tr td:not(:nth-child(7)) .text-center {
    justify-content: flex-start;
    text-align: left !important;
  }

  .table.design-table.opportunities-table tbody tr td:first-child,
  .table.design-table.opportunities-table tbody tr td:nth-child(5),
  .table.design-table.opportunities-table tfoot tr td:first-child,
  .table.design-table.opportunities-table tfoot tr td:nth-child(5) {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width : 1400px) and (max-width : 767px) and (min-width : 640px) {
  .table.design-table.opportunities-table tbody tr,
  .table.design-table.opportunities-table tfoot tr {
    padding: 8px 8px 18px 42px !important;
  }

  .table.design-table.opportunities-table tbody tr .m-check,
  .table.design-table.opportunities-table tfoot tr .m-check {
    position: absolute !important;
    top: 15px !important;
    left: 16px !important;
    margin: 0 !important;
  }
}

@media (max-width : 1400px) {
  .table.design-table.deals-list-table {
    display: block;
  }

  .table.design-table.deals-list-table thead {
    display: none;
  }

  .table.design-table.deals-list-table tbody,
  .table.design-table.deals-list-table tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table.deals-list-table tbody tr,
  .table.design-table.deals-list-table tfoot tr {
    display: flex;
    flex-wrap: wrap;
  }

  .table.design-table.deals-list-table tbody tr:not(:first-child),
  .table.design-table.deals-list-table tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    position: static;
  }
}

@media (max-width : 1400px) and (min-width : 640px) {
  .table.design-table.deals-list-table tbody tr,
  .table.design-table.deals-list-table tfoot tr {
    padding: 8px 8px 8px 42px !important;
    border-bottom: none;
  }

  .table.design-table.deals-list-table tbody tr .m-check,
  .table.design-table.deals-list-table tfoot tr .m-check {
    position: absolute !important;
    top: 15px !important;
    left: 16px !important;
    margin: 0 !important;
  }

  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px !important;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(5),
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(5),
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 40%;
    flex: 0 0 40%;
  }

  .table.design-table.deals-list-table tbody tr td:first-child .text-center,
  .table.design-table.deals-list-table tbody tr td:nth-child(5) .text-center,
  .table.design-table.deals-list-table tbody tr td:nth-child(6) .text-center,
  .table.design-table.deals-list-table tfoot tr td:first-child .text-center,
  .table.design-table.deals-list-table tfoot tr td:nth-child(5) .text-center,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1400px) and (max-width : 899px) {
  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 66.666666% !important;
    flex: 0 0 66.666666% !important;
  }

  .table.design-table.deals-list-table tbody tr td:last-child,
  .table.design-table.deals-list-table tfoot tr td:last-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    padding-top: 14px !important;
  }
}

@media (max-width : 1400px) and (max-width : 899px) and (max-width : 639px) {
  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tfoot tr td {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tbody tr td:last-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:last-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width : 1400px) and (max-width : 899px) and (max-width : 599px) {
  .table.design-table.deals-list-table tbody tr td,
  .table.design-table.deals-list-table tbody tr td:last-child,
  .table.design-table.deals-list-table tbody tr td:nth-child(6),
  .table.design-table.deals-list-table tfoot tr td,
  .table.design-table.deals-list-table tfoot tr td:last-child,
  .table.design-table.deals-list-table tfoot tr td:nth-child(6) {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }

  .table.design-table.deals-list-table tbody tr td:first-child,
  .table.design-table.deals-list-table tfoot tr td:first-child {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width : 1400px) and (max-width : 899px) {
  .table.design-table.deals-list-table tbody tr td .text-center,
  .table.design-table.deals-list-table tfoot tr td .text-center {
    text-align: left !important;
    justify-content: flex-start !important;
  }
}

@media (max-width : 1400px) {
  .table.design-table.account-table {
    display: block;
  }

  .table.design-table.account-table thead {
    display: none;
  }

  .table.design-table.account-table tbody,
  .table.design-table.account-table tfoot {
    display: block;
    padding-top: 14px;
  }

  .table.design-table.account-table tbody tr,
  .table.design-table.account-table tfoot tr {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 8px 8px 42px;
    border-bottom: none;
  }

  .table.design-table.account-table tbody tr:not(:first-child),
  .table.design-table.account-table tfoot tr:not(:first-child) {
    margin-top: 14px;
  }

  .table.design-table.account-table tbody tr td,
  .table.design-table.account-table tfoot tr td {
    display: block;
    float: left;
    padding: 8px 8px;
  }

  .table.design-table.account-table tbody tr td:first-child,
  .table.design-table.account-table tfoot tr td:first-child {
    padding-left: 8px;
  }
}

@media (max-width : 1400px) and (min-width : 768px) {
  .table.design-table.account-table tbody tr td:first-child,
  .table.design-table.account-table tbody tr td:nth-child(2),
  .table.design-table.account-table tbody tr td:nth-child(5),
  .table.design-table.account-table tbody tr td:nth-child(6),
  .table.design-table.account-table tfoot tr td:first-child,
  .table.design-table.account-table tfoot tr td:nth-child(2),
  .table.design-table.account-table tfoot tr td:nth-child(5),
  .table.design-table.account-table tfoot tr td:nth-child(6) {
    max-width: 30%;
    flex: 0 0 30%;
  }

  .table.design-table.account-table tbody tr td:first-child .text-center,
  .table.design-table.account-table tbody tr td:nth-child(2) .text-center,
  .table.design-table.account-table tbody tr td:nth-child(5) .text-center,
  .table.design-table.account-table tbody tr td:nth-child(6) .text-center,
  .table.design-table.account-table tfoot tr td:first-child .text-center,
  .table.design-table.account-table tfoot tr td:nth-child(2) .text-center,
  .table.design-table.account-table tfoot tr td:nth-child(5) .text-center,
  .table.design-table.account-table tfoot tr td:nth-child(6) .text-center {
    text-align: left !important;
    justify-content: flex-start;
  }

  .table.design-table.account-table tbody tr td:nth-child(3),
  .table.design-table.account-table tbody tr td:nth-child(4),
  .table.design-table.account-table tbody tr td:nth-child(7),
  .table.design-table.account-table tbody tr td:last-child,
  .table.design-table.account-table tfoot tr td:nth-child(3),
  .table.design-table.account-table tfoot tr td:nth-child(4),
  .table.design-table.account-table tfoot tr td:nth-child(7),
  .table.design-table.account-table tfoot tr td:last-child {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (max-width : 1400px) {
  .table.design-table.account-table tbody tr td .m-check,
  .table.design-table.account-table tfoot tr td .m-check {
    top: 15px;
  }
}

@media (max-width : 1400px) and (max-width : 767px) {
  .table.design-table.account-table tbody tr,
  .table.design-table.account-table tfoot tr {
    padding-left: 8px;
    padding-top: 8px !important;
  }

  .table.design-table.account-table tbody tr td,
  .table.design-table.account-table tfoot tr td {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .table.design-table.account-table tbody tr td .text-center,
  .table.design-table.account-table tbody tr td .text-right,
  .table.design-table.account-table tfoot tr td .text-center,
  .table.design-table.account-table tfoot tr td .text-right {
    text-align: left !important;
    justify-content: flex-start;
  }
}

@media (max-width : 1400px) and (max-width : 767px) and (max-width : 480px) {
  .table.design-table.account-table tbody tr td:first-child,
  .table.design-table.account-table tbody tr td:nth-child(2),
  .table.design-table.account-table tbody tr td:nth-child(5),
  .table.design-table.account-table tbody tr td:last-child,
  .table.design-table.account-table tfoot tr td:first-child,
  .table.design-table.account-table tfoot tr td:nth-child(2),
  .table.design-table.account-table tfoot tr td:nth-child(5),
  .table.design-table.account-table tfoot tr td:last-child {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.table.no-border-td tr th,
.table.no-border-td tr td {
  border: none !important;
}

.design-table-head {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 16px 16px;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.design-table-head .m-check {
  display: inline-flex;
  align-items: center;
}

.design-table-head .m-check .ico {
  display: block;
  float: left;
}

.design-table-head .m-check .txt {
  display: block;
  float: left;
  color: #3f4855;
  font-size: 15px;
  line-height: 19px;
  font-weight: 700;
}

.design-table-head .m-check .txt:not(:first-child) {
  padding-left: 10px;
}

.design-table-head .table-head-right {
  display: block;
  float: left;
  margin: 0 0 0 auto;
  padding: 0 0 0 10px;
}

.design-table-head .table-head-right .list-number-select .form-control {
  width: 80px;
}

.input-group-text {
  background-color: #edf3f7 !important;
  color: #9098ac !important;
  font-size: 14px !important;
  border-color: #edeff2;
  border-radius: 0 2px 2px 0 !important;
  -webkit-border-radius: 0 2px 2px 0 !important;
  -moz-border-radius: 0 2px 2px 0 !important;
  -ms-border-radius: 0 2px 2px 0 !important;
}

.progress {
  height: 19px;
  border-radius: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.bg-primary {
  background-color: #2962ff !important;
}

.bg-secondary {
  background-color: #00ab83 !important;
}

.bg-info {
  background-color: #7460ee !important;
}

.bg-success {
  background-color: #28a745 !important;
}

.bg-warning {
  background-color: #ff821c !important;
}

.bg-danger {
  background-color: #fa6767 !important;
}

.text-danger {
  color: #fa6767 !important;
}

a.text-danger {
  color: #fa6767 !important;
}

a.text-danger:hover {
  color: #f74444 !important;
}

.text-primary {
  color: #2961ff !important;
}

a.text-primary {
  color: #2961ff !important;
}

a.text-primary:hover {
  color: #1c4bce !important;
}

.text-secondary {
  color: #00ab83 !important;
}

a.text-secondary {
  color: #00ab83 !important;
}

a.text-secondary:hover {
  color: #20af8f !important;
}

.text-info {
  color: #7460ee !important;
}

a.text-info {
  color: #7460ee !important;
}

a.text-info:hover {
  color: #1c4bce !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: #2961ff !important;
}

.no-border {
  border: inherit !important;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  .mainSection .mainBody {
    padding-top: 0 !important;
  }

  .mainSection .mainBody .page-title,
  .mainSection .mainBody .page-breadcrumb {
    display: none !important;
  }

  .mainSection .mainBody .page-title + .wh-box,
  .mainSection .mainBody .page-breadcrumb + .wh-box {
    margin-top: 0 !important;
  }

  .prop-details-view .largeWithThumb .thumb-view,
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    min-height: 1px !important;
  }

  .prop-feature-Description .basic-info,
  .prop-feature-Description .desc-box .desc-box-data > * {
    page-break-inside: avoid;
  }
}

@page {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin: 0;
  -webkit-print-color-adjust: exact;
}

body {
  font-family: "Nunito Sans", sans-serif;
  color: #222;
  background-color: #eef3f7;
  font-size: 14px;
}

body .ui-widget {
  font-family: "Nunito Sans", sans-serif;
}

body p a {
  color: #2961ff;
}

body p a:hover {
  color: #2961ff;
  text-decoration: underline;
}

body .rules-group-container .group-actions:not(:first-child),
body .rules-group-container .group-conditions:not(:first-child) {
  margin-left: 6px;
}

body .rules-group-container .group-actions .btn,
body .rules-group-container .group-conditions .btn {
  line-height: 16px !important;
}

body .rule-actions .btn {
  line-height: 16px !important;
}

.non-log .container-fluid,
.non-log .container-sm,
.non-log .container-md,
.non-log .container-lg,
.non-log .container-xl {
  max-width: 1600px;
}

.table.dataTable,
table.table-bordered.dataTable,
#dataTableBuilder {
  border-collapse: collapse !important;
  white-space: nowrap;
}

form {
  display: block;
  width: 100%;
}

form .card-inside-title {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 0 0 0;
  margin: 0 0 16px 0 !important;
}

form .card-inside-title:last-child {
  margin-bottom: 0 !important;
}

form .card-inside-title span {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
}

form .card-inside-title span:last-child {
  margin-right: 0;
}

form .card-inside-title .section-buttons .normal-text {
  font-size: 16px;
  font-weight: 600;
}

form .card-inside-title .section-buttons a.normal-text:not(.btn) {
  font-size: 14px;
  font-weight: 600;
  color: #2961ff;
  text-decoration: underline;
}

form .card-inside-title .section-buttons a.normal-text:not(.btn):hover {
  text-decoration: none;
}

form .card-inside-title .section-buttons .btn {
  display: inline-block;
  margin-bottom: 0;
}

.card,
.wh-box {
  display: block;
  background-color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  box-shadow: none;
}

.card .header .header-buttons,
.wh-box .header .header-buttons {
  padding: 0 0 0 16px;
}

.card .header .header-buttons:first-child,
.wh-box .header .header-buttons:first-child {
  padding-left: 0;
}

.card .header .header-buttons.with-advance-view,
.wh-box .header .header-buttons.with-advance-view {
  display: flex;
}

.card .header .header-buttons.with-advance-view .advanced_views,
.wh-box .header .header-buttons.with-advance-view .advanced_views {
  padding-top: 0;
}

.card .header .header-buttons .btn,
.wh-box .header .header-buttons .btn {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.8rem;
  font-weight: 500;
  outline: none !important;
  border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
  -ms-border-radius: 600px !important;
}

.card .header .header-buttons .btn:not(.mb-0),
.wh-box .header .header-buttons .btn:not(.mb-0) {
  margin-top: 0 !important;
  margin-left: 6px !important;
  margin-bottom: 8px !important;
}

.card .header .header-buttons .btn:not(.mb-0):not([class*=m-r-]),
.wh-box .header .header-buttons .btn:not(.mb-0):not([class*=m-r-]) {
  margin-right: 0 !important;
}

.card .header .header-buttons .btn.icon-only,
.wh-box .header .header-buttons .btn.icon-only {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 1px;
  padding-top: 0.26rem;
  padding-bottom: 0.26rem;
}

.card .header .header-buttons .btn.icon-only i,
.wh-box .header .header-buttons .btn.icon-only i {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

.card .header .header-buttons .btn.icon-only.btn-sm,
.card .header .header-buttons .btn-group-sm > .btn.icon-only,
.wh-box .header .header-buttons .btn.icon-only.btn-sm,
.wh-box .header .header-buttons .btn-group-sm > .btn.icon-only {
  padding: 0 !important;
  min-height: 26px;
  min-width: 26px;
}

.card .header .header-buttons .btn.m-b-0,
.wh-box .header .header-buttons .btn.m-b-0 {
  margin-bottom: 0 !important;
}

.card .header .header-buttons .btn.m-t-10,
.wh-box .header .header-buttons .btn.m-t-10 {
  margin-top: 10px !important;
}

.card .header .header-buttons .btn:first-child,
.wh-box .header .header-buttons .btn:first-child {
  margin-left: 0 !important;
}

.card .header .header-buttons .btn-crud:not([class*=m-]),
.card .header .header-buttons .next-prev-btn-group:not([class*=m-]),
.wh-box .header .header-buttons .btn-crud:not([class*=m-]),
.wh-box .header .header-buttons .next-prev-btn-group:not([class*=m-]) {
  margin: 4px 0 6px 6px !important;
}

@media (max-width : 480px) {
  .card .header .header-buttons .btn-crud.width-200,
  .card .header .header-buttons .next-prev-btn-group.width-200,
  .wh-box .header .header-buttons .btn-crud.width-200,
  .wh-box .header .header-buttons .next-prev-btn-group.width-200 {
    width: 100%;
    margin-left: 0 !important;
  }
}

.card .header .header-buttons .btn-crud.next-prev-btn-group .btn,
.card .header .header-buttons .next-prev-btn-group.next-prev-btn-group .btn,
.wh-box .header .header-buttons .btn-crud.next-prev-btn-group .btn,
.wh-box .header .header-buttons .next-prev-btn-group.next-prev-btn-group .btn {
  margin-top: 0 !important;
  margin-left: 1px !important;
}

@media (max-width : 1023px) {
  .card .header h2,
  .card .header .header-tl,
  .wh-box .header h2,
  .wh-box .header .header-tl {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
  }

  .card .header h2 .header-buttons,
  .card .header .header-tl .header-buttons,
  .wh-box .header h2 .header-buttons,
  .wh-box .header .header-tl .header-buttons {
    width: 100%;
    padding: 0;
    margin: 12px 0 0 0;
    text-align: left !important;
    order: 2;
  }

  .card .header h2 .header-buttons.order-3,
  .card .header .header-tl .header-buttons.order-3,
  .wh-box .header h2 .header-buttons.order-3,
  .wh-box .header .header-tl .header-buttons.order-3 {
    order: 3;
  }

  .card .header h2 .header-buttons .header-buttons,
  .card .header .header-tl .header-buttons .header-buttons,
  .wh-box .header h2 .header-buttons .header-buttons,
  .wh-box .header .header-tl .header-buttons .header-buttons {
    width: auto;
    padding: 0;
    order: inherit;
  }

  .card .header h2 .header-text,
  .card .header .header-tl .header-text,
  .wh-box .header h2 .header-text,
  .wh-box .header .header-tl .header-text {
    display: block;
    float: left;
    width: 100%;
    order: 1;
  }

  .card .header h2 .order-2,
  .card .header .header-tl .order-2,
  .wh-box .header h2 .order-2,
  .wh-box .header .header-tl .order-2 {
    order: 2;
  }

  .card .header h2.no-break,
  .card .header .header-tl.no-break,
  .wh-box .header h2.no-break,
  .wh-box .header .header-tl.no-break {
    flex-wrap: nowrap;
    align-items: center;
  }

  .card .header h2.no-break .header-buttons,
  .card .header .header-tl.no-break .header-buttons,
  .wh-box .header h2.no-break .header-buttons,
  .wh-box .header .header-tl.no-break .header-buttons {
    margin: 0;
  }
}

.card h4,
.wh-box h4 {
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

.card h4:not(:last-child):not(.modal-title),
.wh-box h4:not(:last-child):not(.modal-title) {
  margin: 0 0 18px 0;
}

@media (max-width : 1023px) {
  .card.card .header,
  .wh-box.card .header {
    padding: 14px;
  }
}

@media (max-width : 1023px) {
  .card .body,
  .wh-box .body {
    padding: 14px;
  }
}

.card .body [class*=col-],
.wh-box .body [class*=col-] {
  margin-bottom: 0;
}

.collapsible {
  display: block;
  float: none;
}

.collapsible:not(:first-child) {
  margin: 8px 0 0 0;
}

.collapsible .card-inside-title {
  text-transform: inherit;
  padding-bottom: 0;
  display: flex !important;
  background-color: rgba(41, 97, 255, 0.1);
  color: #2961ff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  padding: 9px 12px 9px 38px;
  cursor: pointer;
  position: relative;
  margin: 0 !important;
}

.collapsible .card-inside-title .pointer {
  display: block;
  padding: 2px 6px 0 0;
  margin: 0;
  flex: 1;
}

.collapsible .card-inside-title .expander {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  padding: 0;
  margin: 0;
  box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -ms-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -webkit-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -o-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -moz-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
}

.collapsible .card-inside-title .expander i {
  font-size: 15px;
  color: #2961ff;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
}

.collapsible .card-inside-title .section-buttons {
  padding: 0;
  margin: 0;
}

.collapsible .card-inside-title .section-buttons a.normal-text:not(.btn) {
  font-size: 13px;
  font-weight: 400;
  color: #2961ff;
  text-decoration: underline;
  margin: 2px 8px 0 0;
}

.collapsible .card-inside-title .section-buttons a.normal-text:not(.btn):last-child {
  margin-right: 0;
}

.collapsible .card-inside-title .section-buttons a.normal-text:not(.btn):hover {
  text-decoration: none;
}

.collapsible .panel-content {
  padding-top: 16px;
  float: none;
}

.login-page .card .body {
  padding: 0;
}

@media (max-width : 599px) {
  .login-page .card .body .col-xs-6,
  .login-page .card .body .col-sm-6,
  .login-page .card .body .col-md-6,
  .login-page .card .body .col-lg-6 {
    margin-bottom: 0;
  }
}

.login-page .loginContainer {
  display: block;
  background: url(/images/login-banner-right.png?b5c455dd1adb105b8cd673291e33b7e2) no-repeat top right;
  background-color: #fff;
  background-size: auto 100%;
}

.login-page .loginSection {
  display: block;
  background: url(/images/login-banner-left.png?497a189f0ff849722de4d4f92762c340) no-repeat top left;
  min-height: calc(100vh - 60px);
}

.login-page .loginWrapper {
  display: block;
  padding: 30px 74px 30px 74px;
}

.login-page .login-box {
  position: relative;
}

@media (max-width : 1023px) {
  .login-page .loginWrapper {
    padding: 20px 20px 30px 20px;
  }
}

@media (max-width : 599px) {
  .login-page .loginContainer {
    background: transparent;
  }

  .login-page .loginSection {
    background-color: #a8b6fe;
  }

  .login-page .login-box {
    padding-bottom: 70px;
  }
}

.login-page .loginHeader {
  display: block;
}

.login-page .loginHeader .logo {
  display: block;
  float: left;
}

.login-page .loginHeader .logo a {
  display: inline-block;
  vertical-align: top;
}

.login-page .loginHeader .logo a img {
  display: block;
  height: 48px;
  width: auto;
}

.login-page .loginHeader .btn {
  min-width: 162px;
}

@media (max-width : 599px) {
  .login-page .loginHeader .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
  }
}

.login-page .card {
  display: block;
  float: none;
  margin: 66px 0 0 0;
  max-width: 498px;
  background-color: #fff;
  padding: 22px 46px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border: inherit;
  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.15);
}

.login-page .card.fp-card {
  margin-left: auto;
  margin-right: auto;
}

.login-page .card .form-group label {
  font-size: 12px;
  font-weight: 600;
}

.login-page .card .keepLog {
  display: block;
  position: relative;
  margin: 0;
}

.login-page .card .keepLog input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.login-page .card .keepLog .txt {
  display: block;
  background-color: #edf1f1;
  color: #7e7e87;
  border: 2px solid #edf1f1;
  font-size: 12px;
  line-height: 13px;
  padding: 13px 10px 9px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 40px;
  text-align: center;
  font-weight: 700;
}

.login-page .card .keepLog .txt .material-icons {
  display: none;
  vertical-align: top;
  font-size: 18px;
  margin: -4px 2px 0 0;
}

.login-page .card .keepLog:hover .txt {
  text-decoration: none;
  background-color: #e5e8e8;
  color: #2961ff;
  border-color: #8ba9f8;
}

.login-page .card .keepLog input:checked + .txt {
  color: #2961ff;
  border-color: #8ba9f8;
}

.login-page .card .keepLog input:checked + .txt .material-icons {
  display: inline-block;
}

.login-page .card .frgtPassBtn {
  display: block;
  background-color: #edf1f1;
  color: #7e7e87;
  text-align: center;
  border: 2px solid #edf1f1;
  font-size: 12px;
  line-height: 13px;
  padding: 13px 10px 9px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 40px;
  font-weight: 700;
}

.login-page .card .frgtPassBtn:hover {
  text-decoration: none;
  background-color: #e5e8e8;
  color: #2961ff;
  border-color: #8ba9f8;
}

@media (max-width : 1023px) {
  .login-page .card {
    margin: 40px auto 0 auto;
  }
}

@media (max-width : 599px) {
  .login-page .card {
    padding: 22px;
    max-width: 412px;
  }
}

.login-page .log-social-btn {
  display: block;
  background-color: #fff;
  color: #464a4d;
  border: 2px solid #dbdcde;
  font-size: 11px;
  line-height: 20px;
  padding: 8px 10px 7px 10px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  height: 40px;
  text-align: center;
  font-weight: 700;
}

.login-page .log-social-btn img {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 0 0;
}

.login-page .log-social-btn.linkedin:hover {
  color: #007ab9;
  background-color: #edf1f1;
  border-color: #7cb9d9;
  text-decoration: none;
}

.login-page .log-social-btn.gplus:hover {
  color: #dc5043;
  background-color: #fff5f4;
  border-color: #eda29b;
  text-decoration: none;
}

.login-page .blueTxt {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  text-decoration: underline;
}

.login-page .blueTxt:hover {
  text-decoration: none;
}

.login-page .footer {
  background-color: #edf3f7;
  height: 60px;
  padding: 24px 0 0 0;
}

.formTl {
  display: block;
  color: #2961ff;
  font-size: 25px;
  line-height: 28px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 20px 0;
}

.container {
  padding: 0 24px;
}

@media (max-width : 1023px) {
  .container {
    padding: 0 10px;
  }
}

.mainSite {
  display: flex;
  flex-flow: column;
  padding: 0 0 0 268px;
  min-height: 100%;
}

@media (min-width : 1200px) {
  .smallSidebar .mainSite {
    padding: 0 0 0 66px;
  }
}

@media (max-width : 1199px) {
  .mainSite,
  .smallSidebar .mainSite {
    padding: 0;
  }
}

.pageHeader {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 268px);
  z-index: 12;
  background-color: #fff;
  height: 70px;
  padding: 16px 0;
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.18);
}

body.smallSidebar .pageHeader {
  width: calc(100% - 66px);
}

@media (max-width : 1199px) {
  .pageHeader {
    width: 100%;
  }

  body.smallSidebar .pageHeader {
    width: 100%;
  }
}

.pageHeader .headerLogo {
  display: none;
  vertical-align: top;
  height: 70px;
  margin: -16px 14px 0 0;
  text-align: center;
  padding: 15px 10px 0 10px;
  background-color: #2961ff;
}

.pageHeader .headerLogo img {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  width: auto;
}

@media (max-width : 1199px) {
  .pageHeader .headerLogo {
    display: inline-block;
  }
}

@media (max-width : 480px) {
  .pageHeader .headerLogo {
    padding: 17px 6px 0 6px;
    margin-right: 8px;
  }

  .pageHeader .headerLogo img {
    height: 38px;
  }
}

.pageHeader .sw-dropdown {
  height: 254px;
}

.pageHeader .container {
  max-width: 100%;
}

@media (max-width : 1199px) {
  .pageHeader .container {
    padding-left: 0;
  }
}

@media (max-width : 599px) {
  .pageHeader .pageHeader .topbar {
    position: relative;
  }
}

.pageHeader .logUser {
  display: inline-block;
  vertical-align: middle;
}

.pageHeader .logUser .dropdown-toggle {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.pageHeader .logUser .dropdown-toggle:after {
  color: #9fa7b8;
}

@media (max-width : 599px) {
  .pageHeader .logUser .dropdown-toggle:after {
    display: none;
  }
}

.pageHeader .logUser .dropdown-toggle:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.pageHeader .logUser .dropdown-menu {
  left: auto !important;
  right: 0;
  transform: inherit !important;
  top: 100% !important;
}

.pageHeader .logUser .uPhoto {
  display: inline-block;
  vertical-align: middle;
  width: 34px;
  height: 34px;
}

.pageHeader .country {
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 0;
}

.pageHeader .country .flagImage {
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
}

@media (max-width : 1023px) {
  .pageHeader .country {
    margin: 0 6px 0 0;
  }
}

@media (max-width : 599px) {
  .pageHeader .country {
    position: static;
  }
}

.pageHeader .headNotify {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}

.pageHeader .headNotify.notifi .allNotifi {
  display: none;
}

@media (max-width : 599px) {
  .pageHeader .headNotify.dropdown {
    position: static;
  }

  .pageHeader .headNotify.notifi {
    position: fixed;
    bottom: 6px;
    right: 6px;
    z-index: 1;
    margin: 0;
    transition: 500ms;
    -webkit-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    -moz-transition: 500ms;
    visibility: visible;
    opacity: 1;
  }

  body.showDashNav .pageHeader .headNotify.notifi {
    visibility: hidden;
    opacity: 0;
  }

  .pageHeader .headNotify.notifi .ico {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #2961ff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .pageHeader .headNotify.notifi .ico img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    filter: brightness(2);
    width: 22px;
    height: auto;
  }

  .pageHeader .headNotify.notifi .ico .label-count {
    right: auto;
    left: -4px;
    top: -3px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
  }

  .pageHeader .headNotify.notifi .allNotifi {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
  }

  .pageHeader .headNotify.notifi .dropdown-menu.notify-drop {
    display: none !important;
  }

  body.smallSidebar .pageHeader .headNotify.notifi {
    visibility: hidden;
    opacity: 0;
  }
}

.pageHeader .headNotify .ico {
  display: block;
  min-width: 24px;
  height: 24px;
  position: relative;
  padding: 7px 0 0 10px;
  font-size: 0px;
  text-align: center;
  cursor: pointer;
}

@media (max-width : 599px) {
  .pageHeader .headNotify .ico {
    padding-left: 6px;
  }
}

.pageHeader .headNotify .ico.p0 {
  padding-left: 0;
}

.pageHeader .headNotify .ico .highlight {
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fc4b6c;
  animation: notify 1.5s infinite;
}

.pageHeader .headNotify .ico img {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  width: auto;
}

.pageHeader .headNotify .ico .label-count {
  display: block;
  position: absolute;
  top: 0px;
  right: -5px;
  width: 16px;
  height: 16px;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.pageHeader .headNotify .dropdown-menu {
  right: 0;
  left: auto !important;
  transform: inherit !important;
  margin-top: -6px;
}

.pageHeader .headNotify #notifications_dropdown {
  margin: 0 !important;
}

@media (min-width: 1170px) {
  .pageHeader .headNotify #notifications_dropdown {
    width: auto;
  }
}

.pageHeader .headNotify.srch {
  display: none;
}

@media (max-width : 899px) {
  .pageHeader .headNotify.srch {
    display: inline-block;
  }
}

@media (max-width : 1023px) {
  .pageHeader .headNotify {
    margin: 0 8px 0 0;
  }
}

@media (max-width : 599px) {
  .pageHeader .headNotify {
    margin: 0 6px 0 0;
  }
}

.pageHeader .headerSearch {
  display: inline-block;
  vertical-align: middle;
}

.pageHeader .headerSearch .txt {
  display: inline-block;
  vertical-align: middle;
  color: #9098ac;
  font-size: 15px;
  line-height: 17px;
  padding: 0 8px 0 0;
}

.pageHeader .headerSearch .srchBox {
  display: inline-block;
  vertical-align: middle;
  width: 424px;
  position: relative;
}

.pageHeader .headerSearch .srchBox .form-control {
  display: block;
  background-color: #edf3f7;
  border: 1px solid #edf3f7;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  width: 100%;
  height: 36px;
  font-size: 14px;
  outline: inherit !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  padding-right: 44px;
}

.pageHeader .headerSearch .srchBox .form-control:focus {
  border-color: #dadfe2;
}

.pageHeader .headerSearch .srchBox .srchBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 100%;
  z-index: 1;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat left center;
  background-size: 18px auto;
  outline: inherit !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border: none;
}

.pageHeader .headerSearch .srchBox .header-search-result {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  z-index: 999;
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.25);
}

.pageHeader .headerSearch .srchBox .header-search-result .search-loader {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .search-loader img {
  display: block;
  width: 28px;
  height: auto;
  margin: 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body {
  display: block;
  max-height: 308px;
  overflow: auto;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group {
  display: block;
  border-bottom: 1px solid #e8eef3;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group h5 {
  display: block;
  color: #414755;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 20px;
  border-bottom: 1px solid #e8eef3;
  margin: 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul {
  display: block;
  margin: 0;
  padding: 0;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul li {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 16px;
  padding: 8px 20px 8px 54px;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat 20px 6px;
  background-size: 16px auto;
  cursor: pointer;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul li strong {
  font-weight: 600;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-body .result-group ul li:hover {
  background-color: #f7f7f7;
  color: #333;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-footer {
  display: block;
  color: #414755;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 10px 20px;
  background-color: #eef3f7;
}

.pageHeader .headerSearch .srchBox .header-search-result .result-footer:hover {
  color: #2961ff;
  text-decoration: none;
  background-color: #e6ebef;
}

@media (max-width : 1299px) {
  .pageHeader .headerSearch .srchBox {
    width: 346px;
  }
}

@media (min-width : 900px) {
  .pageHeader .headerSearch {
    display: inline-block !important;
  }
}

@media (max-width : 899px) {
  .pageHeader .headerSearch {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 12px 16px 14px 16px;
    border-top: 1px solid #ddd;
    box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.2);
  }

  .pageHeader .headerSearch .txt {
    display: block;
    padding: 0 0 6px 0;
  }

  .pageHeader .headerSearch .srchBox {
    display: block;
    width: 100%;
  }
}

.navbarClick {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 6px 0 0;
  padding: 6px 6px 6px 0;
  cursor: pointer;
}

@media (max-width : 1199px) {
  .navbarClick {
    margin-top: 6px;
  }
}

.navbarClick .bars {
  display: block;
  width: 18px;
  height: 14px;
  position: relative;
  transition: 2s;
  -webkit-transition: 2s;
  -ms-transition: 2s;
  -o-transition: 2s;
  -moz-transition: 2s;
}

.navbarClick .bars span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 2px;
  background-color: #a6b7bf;
}

.navbarClick .bars span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 100%;
}

.navbarClick .bars span:last-child {
  top: auto;
  bottom: 0;
}

.navbarClick.sl .bars {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}

#leftsidebar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 268px;
  height: 100%;
  background-color: #2961ff;
  z-index: 13;
  overflow: hidden;
}

@media (min-width : 1200px) {
  body.show-dropdown #leftsidebar {
    z-index: 2;
  }

  body.smallSidebar #leftsidebar {
    width: 66px;
  }

  body.smallSidebar #leftsidebar:hover {
    width: 268px;
  }

  body.smallSidebar #leftsidebar:hover .sidebarLogo img {
    opacity: 0;
  }

  body.smallSidebar #leftsidebar:hover .sidebarLogo img + img {
    opacity: 1;
  }

  body.smallSidebar #leftsidebar:hover .user-info {
    padding-left: 32px;
    padding-right: 32px;
  }

  body.smallSidebar #leftsidebar:hover .user-info .info-container {
    display: block;
  }

  body.smallSidebar #leftsidebar:hover .sidebarNav .list li a {
    padding-left: 32px;
    padding-right: 32px;
  }

  body.smallSidebar #leftsidebar:hover .sidebarNav .list li a span {
    visibility: visible;
    opacity: 1;
  }

  body.smallSidebar #leftsidebar:hover .sidebarNav .list li a.menu-toggle :after {
    display: block;
  }
}

#leftsidebar .sidebarLogo {
  display: block;
  width: 100%;
  height: 70px;
  text-align: center;
  font-size: 0px;
  padding: 14px 10px 0 10px;
  position: relative;
  background-color: #2961ff;
}

#leftsidebar .sidebarLogo img {
  display: block;
  height: 42px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  opacity: 0;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarLogo img {
    opacity: 1;
  }
}

#leftsidebar .sidebarLogo img + img {
  display: inline-block;
  vertical-align: top;
  height: 42px;
  width: auto;
  opacity: 1;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarLogo img + img {
    opacity: 0;
  }
}

#leftsidebar .user-info {
  display: block;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 17px 32px;
  height: 82px;
  position: relative;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .user-info {
    padding-left: 9px;
    padding-right: 9px;
  }
}

#leftsidebar .user-info .image {
  display: block;
  float: left;
  width: 44px;
  height: 44px;
  overflow: hidden;
}

#leftsidebar .user-info .image img {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#leftsidebar .user-info .info-container {
  display: block;
  padding: 4px 30px 4px 56px;
  position: relative;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .user-info .info-container {
    display: none;
  }
}

#leftsidebar .user-info .info-container .name {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#leftsidebar .user-info .info-container .email {
  display: block;
  color: #bed2ff;
  font-size: 11px;
  line-height: 13px;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 4px 0 0 0;
}

#leftsidebar .user-info .info-container .btn-group {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 1;
}

#leftsidebar .user-info .info-container .btn-group .icon {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url(/images/down-arrow.svg?bdeefd3a76d66e9c4e5ba5ce3345a524) no-repeat center;
  background-size: 12px auto;
}

#leftsidebar .user-info .info-container .btn-group .dropdown-menu {
  left: auto !important;
  right: 0;
}

#leftsidebar .user-info .info-container .btn-group .dropdown-menu li a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 10px;
}

#leftsidebar .user-info .info-container .btn-group .dropdown-menu li a .material-icons {
  font-size: 20px;
  margin: 0 6px 0 0;
}

#leftsidebar .sidebarNav {
  display: block;
}

#leftsidebar .sidebarNav .slimScrollDiv {
  height: calc(100vh - 152px) !important;
  overflow: auto;
}

#leftsidebar .sidebarNav .list {
  display: block;
  padding: 0;
  margin: 0;
  height: 100% !important;
}

#leftsidebar .sidebarNav .list li {
  display: block;
}

#leftsidebar .sidebarNav .list li a {
  display: block;
  color: #b5ccff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  padding: 10px 32px;
  position: relative;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarNav .list li a {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#leftsidebar .sidebarNav .list li a.menu-toggle {
  position: relative;
}

#leftsidebar .sidebarNav .list li a.menu-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: url(/images/down-arrow.svg?bdeefd3a76d66e9c4e5ba5ce3345a524) no-repeat center;
  background-size: 11px auto;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarNav .list li a.menu-toggle:after {
    display: none;
  }
}

#leftsidebar .sidebarNav .list li a span {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  padding: 11px 32px 0 68px;
}

@media (min-width : 1200px) {
  body.smallSidebar #leftsidebar .sidebarNav .list li a span {
    visibility: hidden;
    opacity: 0;
  }
}

#leftsidebar .sidebarNav .list li a i {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  line-height: 22px;
}

#leftsidebar .sidebarNav .list li a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.1);
}

#leftsidebar .sidebarNav .list li a.menu-toggle.toggled:after {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}

#leftsidebar .sidebarNav .list li .ml-menu {
  display: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

#leftsidebar .sidebarNav .list li .ml-menu a:hover,
#leftsidebar .sidebarNav .list li .ml-menu a.toggled {
  background-color: rgba(0, 0, 0, 0.07);
}

#leftsidebar .sidebarNav .list li.header {
  display: none;
}

@media (max-width : 1199px) {
  #leftsidebar {
    left: -268px;
    z-index: 10;
  }

  body.smallSidebar #leftsidebar {
    left: 0;
  }
}

.nav-tabs {
  border-bottom: 3px solid #edf3f7;
}

.nav-tabs > li {
  position: relative;
  margin: 0 !important;
}

.nav-tabs > li > a {
  border: none !important;
  color: #9098ac !important;
  position: relative;
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:active,
.nav-tabs > li > a:focus {
  background-color: transparent !important;
  text-decoration: none;
}

.nav-tabs > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 2px;
  border-bottom: 3px solid #2961ff;
  transform: scaleX(0);
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transition: 0.1s ease-in;
}

.nav-tabs > li > a.active {
  color: #222 !important;
}

.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:active,
.nav-tabs > li > a.active:focus {
  background-color: transparent !important;
}

.nav-tabs > li > a.active:before {
  transform: scaleX(1);
  -ms-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -moz-transform: scaleX(1);
}

.nav-tabs > li > a .material-icons {
  position: relative;
  top: 7px;
  margin-bottom: 8px;
}

.navtabContainer {
  display: block;
  overflow: auto;
  position: relative;
  width: 100%;
}

.navtabContainer:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #edf3f7;
  z-index: 0;
}

.navtabContainer .nav-tabs {
  display: table;
  white-space: nowrap;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
}

.navtabContainer .nav-tabs:not([class*=pl-]):not([class*=p-l-]) {
  padding-left: 0;
}

@media (max-width : 575px) {
  .navtabContainer .nav-tabs {
    border-right: none;
  }
}

.navtabContainer .nav-tabs > li {
  display: table-cell;
}

.navtabContainer .nav-tabs > li a {
  padding-right: 16px;
  padding-left: 16px;
}

.navtabContainer .nav-tabs > li a .material-icons {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: auto;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 18px;
}

.navtabOuter {
  display: block;
  overflow: hidden;
  height: 43px;
  padding: 0;
  position: relative;
  width: 100%;
}

.navtabOuter .next,
.navtabOuter .prev {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 100%;
  background: linear-gradient(to right, #c8d0d6, rgba(238, 243, 247, 0));
  text-align: center;
  color: #222;
  font-size: 16px;
  font-weight: 600;
}

.navtabOuter .next i,
.navtabOuter .prev i {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.navtabOuter .next.next,
.navtabOuter .prev.next {
  left: auto;
  right: 0;
  background: linear-gradient(to left, #c8d0d6, rgba(238, 243, 247, 0));
}

.navtabOuter .next.next i,
.navtabOuter .prev.next i {
  left: auto;
  right: 8px;
}

.navtabOuter.nextPrev {
  padding: 0 28px;
}

.navtabOuter.nextPrev .next,
.navtabOuter.nextPrev .prev {
  display: block;
}

.nav-tab-with-sort {
  display: block;
  position: relative;
}

.nav-tab-with-sort .sort-field {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 1rem 0;
}

@media (min-width : 576px) {
  .nav-tab-with-sort .sort-field {
    position: absolute;
    top: -6px;
    right: 0;
    margin: 0;
  }
}

#settings .setting-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}

#settings .setting-list li {
  padding: 0;
  position: relative;
  border-top: 1px solid #eee;
}

#settings .setting-list li .switch {
  position: absolute;
  top: 7px;
  right: 5px;
}

.demo-choose-skin {
  list-style: none;
  padding-left: 0;
  overflow-y: hidden;
  padding-bottom: 12px;
  background-color: #fff;
}

.demo-choose-skin li {
  padding: 10px 10px 4px 10px;
  position: relative;
  cursor: pointer;
}

.demo-choose-skin li.active {
  background-color: #eee;
}

.demo-choose-skin li.active:after {
  font-family: "Material Icons";
  position: absolute;
  top: 10px;
  right: 10px;
  content: "\e876";
  font-size: 18px;
  font-weight: bold;
}

.demo-choose-skin li:hover {
  background-color: #eee;
}

.demo-choose-skin li div {
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}

.demo-choose-skin li span {
  position: relative;
  bottom: 7px;
  left: 5px;
}

hr {
  border-top-color: #edf3f7;
}

.mapArea {
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  overflow: hidden;
}

.mapArea .mapImage {
  display: block;
  width: 100%;
  height: auto;
}

.language-top-btns {
  display: flex;
  flex-wrap: wrap;
}

.language-top-btns:not(:last-child) {
  margin: 0 0 16px 0;
}

.aiDropdownMenu {
  padding: 10px;
  max-width: 400px;
}

.aiDropdownMenu p {
  color: #414755;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.aiDropdownMenu p:not(:first-child) {
  margin: 12px 0 0 0;
}

.languageBtns {
  display: block;
  margin: 0 0 20px 0;
}

.languageBtns .btn {
  margin: 0 10px 0 0;
  min-width: 126px;
}

.languageBtns .btn:last-child {
  margin-right: 0;
}

.ai-btn {
  display: inline-block;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0 10px 0 0;
}

.ai-btn img {
  display: inline-block;
  height: 38px;
  width: auto;
}

.descriptionFormarea {
  display: block;
  max-width: 670px;
  margin: 0 auto;
}

.descriptionFormarea.md {
  max-width: 600px;
}

#rightsidebar {
  position: fixed;
  top: 70px;
  right: -280px;
  width: 280px;
  height: calc(100vh - 70px);
  background-color: #fff;
  z-index: 11;
  padding: 0;
}

#rightsidebar.open {
  right: 0;
}

#rightsidebar .nav-tabs {
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  margin-left: 2px;
}

#rightsidebar .nav-tabs li {
  text-align: center;
}

#rightsidebar .nav-tabs li > a {
  margin-right: 0;
  font-weight: 700;
  font-size: 13px;
}

#rightsidebar .nav-tabs li:first-child {
  width: 45%;
}

#rightsidebar .nav-tabs li:last-child {
  width: 55%;
}

#rightsidebar .themeBox {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e9ecef;
}

#rightsidebar .themeBox:last-child {
  border: none;
}

#rightsidebar .themeBox h5 {
  display: block;
  color: #3e5569;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin: 10px 0;
  padding: 0;
}

#rightsidebar .themeBox .theme-color {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

#rightsidebar .themeBox .theme-color .theme-item {
  list-style: none;
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  padding: 0;
  background: transparent !important;
}

#rightsidebar .themeBox .theme-color .theme-item:before,
#rightsidebar .themeBox .theme-color .theme-item:after {
  display: none !important;
}

#rightsidebar .themeBox .theme-color .theme-item .theme-link {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  width: 22px;
  height: 22px;
  display: block;
}

#rightsidebar .themeBox .theme-color .theme-item .theme-link:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 2px solid transparent;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

@media (max-width : 1199px) {
  #rightsidebar {
    width: 272px;
  }
}

.right-menu-settings ul li {
  padding: 0;
}

.right-menu-settings ul li a {
  color: #747474;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 100%;
  padding: 8px 12px;
}

.right-menu-settings ul li a i.material-icons {
  margin-top: 5px;
  font-size: 20px;
  color: #2961ff;
}

.right-menu-settings ul li a span {
  margin: 7px 0 7px 12px;
  color: #333;
  font-weight: bold;
  font-size: 13px;
  overflow: hidden;
}

.right-menu-settings ul li a:hover {
  text-decoration: none;
}

.right-menu-settings ul li a:hover span {
  color: #2961ff;
}

.overlay,
.navoverlay {
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 10;
}

.overlay.navoverlay,
.navoverlay.navoverlay {
  display: block;
  opacity: 0;
  visibility: hidden;
}

@media (max-width : 1199px) {
  body.smallSidebar .overlay.navoverlay,
  body.smallSidebar .navoverlay.navoverlay {
    opacity: 1;
    visibility: visible;
  }
}

.tab-content .fade.active {
  opacity: 1;
}

.mainSection {
  display: flex;
  flex-flow: column;
  position: relative;
  padding: 0;
  flex: 1;
}

.mainSection .mainBody {
  display: flex;
  flex-flow: column;
  flex: 1;
  padding: 88px 13px 0 13px;
}

.mainSection .mainBody > .container-fluid,
.mainSection .mainBody > .container-sm,
.mainSection .mainBody > .container-md,
.mainSection .mainBody > .container-lg,
.mainSection .mainBody > .container-xl {
  display: flex;
  flex-flow: column;
  flex: 1;
}

.mainSection .mainBody > .content {
  min-height: calc(100vh - 194px);
}

@media (max-width : 1199px) {
  .mainSection .mainBody {
    padding-left: 0;
    padding-right: 0;
  }
}

.mainSection .page-title {
  display: block;
  color: #414755;
  font-size: 21px;
  line-height: 25px;
  font-weight: 800;
}

.mainSection .page-title.xl {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
}

@media (max-width : 599px) {
  .mainSection .page-title.xl {
    font-size: 22px;
    line-height: 26px;
  }
}

.mainSection .page-breadcrumb {
  display: block;
  margin: 12px 0 0 0;
  font-size: 0px;
  padding: 0;
}

.mainSection .page-breadcrumb:first-child {
  margin: 0;
}

.mainSection .page-breadcrumb li {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 0 22px 0 0;
  margin: 3px 15px 3px 0;
  background: url(/images/breadcrumb-arrow.png?4d5222440ec2601955fda5d33eae449d) no-repeat right center;
}

.mainSection .page-breadcrumb li:last-child {
  background: transparent;
  padding-right: 0;
  margin-right: 0;
}

.mainSection .page-breadcrumb li a {
  display: block;
  color: #8d97ad;
  text-decoration: none;
}

.mainSection .page-breadcrumb li a:hover {
  color: #2961ff;
  text-decoration: underline;
}

@media (max-width : 767px) {
  .mainSection .page-breadcrumb li {
    padding-right: 16px;
    margin-right: 8px;
  }
}

.mainSection .wh-box {
  padding: 16px 24px 30px 24px;
  margin: 16px 0 0 0;
}

.mainSection .wh-box:first-child {
  margin: 0;
}

.mainSection .wh-box.gray {
  background-color: #f3f7f9;
}

.mainSection .wh-box.full-height {
  min-height: 95.1%;
}

.mainSection .wh-box .header {
  display: block;
}

.mainSection .wh-box .header .btn {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 4px;
}

.mainSection .wh-box .header .btn:last-child {
  margin-right: 0;
}

.mainSection .wh-box h3,
.mainSection .wh-box .wh-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.mainSection .wh-box h3 h2,
.mainSection .wh-box h3 h3,
.mainSection .wh-box h3 h4,
.mainSection .wh-box h3 h5,
.mainSection .wh-box h3 h6,
.mainSection .wh-box .wh-title h2,
.mainSection .wh-box .wh-title h3,
.mainSection .wh-box .wh-title h4,
.mainSection .wh-box .wh-title h5,
.mainSection .wh-box .wh-title h6 {
  display: block;
  float: left;
}

.mainSection .wh-box h3 h2:not(:last-child),
.mainSection .wh-box h3 h3:not(:last-child),
.mainSection .wh-box h3 h4:not(:last-child),
.mainSection .wh-box h3 h5:not(:last-child),
.mainSection .wh-box h3 h6:not(:last-child),
.mainSection .wh-box .wh-title h2:not(:last-child),
.mainSection .wh-box .wh-title h3:not(:last-child),
.mainSection .wh-box .wh-title h4:not(:last-child),
.mainSection .wh-box .wh-title h5:not(:last-child),
.mainSection .wh-box .wh-title h6:not(:last-child) {
  padding: 0 16px 0 0;
}

.mainSection .wh-box h3 .btn,
.mainSection .wh-box h3 .float-right,
.mainSection .wh-box .wh-title .btn,
.mainSection .wh-box .wh-title .float-right {
  margin-left: auto;
}

.mainSection .wh-box h3 .sm,
.mainSection .wh-box .wh-title .sm {
  font-size: 82%;
}

.mainSection .wh-box h3.sm,
.mainSection .wh-box .wh-title.sm {
  font-size: 18px;
  line-height: 22px;
}

.mainSection .wh-box h3 .form-group,
.mainSection .wh-box .wh-title .form-group {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  margin: 4px 0;
}

.mainSection .wh-box h3 .form-group,
.mainSection .wh-box .wh-title .form-group {
  width: 328px;
}

.mainSection .wh-box h3 .form-group .form-control,
.mainSection .wh-box .wh-title .form-group .form-control {
  color: #414755;
  font-size: 20px;
  font-weight: 800;
}

.mainSection .wh-box .wh-title-sm {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 0 0 0;
  margin: 0 0 16px 0;
}

@media (max-width : 767px) {
  .mainSection .wh-box .wh-title-sm {
    font-size: 18px;
  }
}

.mainSection .wh-box .wh-title-sm span {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
}

.mainSection .wh-box .wh-title-sm span:last-child {
  margin-right: 0;
}

.mainSection .wh-box .wh-title-sm span .form-group {
  margin: 0;
}

.mainSection .wh-box .wh-title-sm span .form-control.cur {
  width: 156px;
}

@media (max-width : 599px) {
  .mainSection .wh-box .wh-title-sm .tl {
    display: block;
    margin: 0 0 16px 0;
  }
}

.mainSection .wh-box h5 {
  font-size: 18px;
}

.mainSection .wh-box h6 {
  font-size: 15px;
  line-height: 19px;
  margin: 0 0 12px 0;
}

.mainSection .wh-box h6:last-child {
  margin-bottom: 0;
}

.mainSection .wh-box .wh-body {
  display: block;
  padding: 16px 0 0 0;
}

.mainSection .wh-box .wh-body:first-child {
  padding: 0;
}

.mainSection .wh-box .wh-body .tab-pane {
  padding: 24px 0 0 0;
}

.mainSection .wh-box .wh-body .tab-pane.blue-gray {
  background-color: #edf3f7;
  padding: 24px;
}

@media (max-width : 599px) {
  .mainSection .wh-box .wh-body .tab-pane.blue-gray {
    padding: 14px;
  }
}

@media (max-width : 1023px) {
  .mainSection .wh-box {
    padding: 12px;
  }

  .mainSection .wh-box h3,
  .mainSection .wh-box .wh-title {
    font-size: 18px;
    line-height: 22px;
  }

  .mainSection .wh-box h3 .form-group .form-control,
  .mainSection .wh-box .wh-title .form-group .form-control {
    font-size: 16px;
  }
}

.mainSection .tab-pane > h1:first-child,
.mainSection .tab-pane > h2:first-child,
.mainSection .tab-pane > h3:first-child,
.mainSection .tab-pane > h4:first-child,
.mainSection .tab-pane > h5:first-child {
  margin-top: 0;
  padding-top: 0;
}

.footer {
  display: block;
  color: #b1b9c3;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  padding: 36px 0;
  text-align: center;
  margin-top: auto;
}

.footer .version {
  display: inline-block;
  vertical-align: top;
  color: #414755;
  font-weight: 600;
}

.duplicateContactBox {
  display: block;
  background-color: #fcfcfc;
  position: relative;
  padding: 20px;
  border-left: 1px solid #f4f4f4;
}

.duplicateContactBox .cls {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 20px;
  height: 20px;
  background: url(/images/cross-black.svg?14b7b633062affa3424a301c7fcdc4a6) no-repeat center;
  background-size: 11px auto;
  cursor: pointer;
}

.duplicateContactBox h4,
.duplicateContactBox h5 {
  display: block;
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0 0 16px 0;
}

.duplicateContactBox h4 .material-icons,
.duplicateContactBox h5 .material-icons {
  color: #fa6767;
  display: inline-block;
  vertical-align: top;
  font-size: 26px;
  margin-top: -2px;
}

.duplicateContactBox h5 {
  font-size: 18px;
}

.duplicateContactBox h5 .material-icons {
  font-size: 24px;
}

.duplicateContactBox .smTxt {
  display: block;
  color: #2961ff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
}

.duplicateContactBox .infoList {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
}

.duplicateContactBox .infoList li {
  display: block;
  color: #404040;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
}

.duplicateContactBox .infoList li strong {
  font-weight: 700;
  color: #000;
}

.duplicateContactBox .btns {
  display: block;
  margin: 20px 0 0 0;
  text-align: center;
}

.help-block {
  display: block;
  color: #222;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin: 4px 0 0 0;
  position: relative;
}

.help-block.error,
.help-block.error-help-block {
  color: #ff2727;
}

.help-block.success,
.help-block.success-help-block {
  color: #30b906;
}

.form-group .sm-t {
  font-size: 13px;
  font-weight: 500;
}

.form-group .help-block {
  display: block;
  color: #222;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  margin: 4px 0 0 0;
}

.form-group .help-block strong {
  font-weight: 600;
}

.form-group.error .help-block,
.form-group .help-block.error-help-block {
  color: #ff2727;
}

.form-group.success .help-block,
.form-group .help-block.success-help-block {
  color: #30b906;
}

.form-group label {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.form-group label.switch {
  margin: 0;
}

.form-group label > .ico {
  display: inline-flex;
  vertical-align: middle;
  max-height: 20px;
  opacity: 0.8;
  cursor: pointer;
  margin: 0 0 0 3px;
}

.form-group label > .ico:hover {
  opacity: 1;
}

.form-group.with-color-picker {
  position: relative;
}

.form-group.with-color-picker .form-control {
  padding-right: 34px;
}

.form-group.with-color-picker .color-picker {
  position: absolute;
  right: 10px;
  bottom: 6px;
  width: auto;
}

.form-group.required label:after {
  content: "*";
  color: red;
  font-size: 16px;
  margin: 0 0 0 1px;
}

.form-group textarea.form-control {
  height: 100px;
  resize: none;
}

.form-group textarea.form-control.area-64 {
  height: 64px;
}

.form-group.error .form-control {
  border-color: #f89192 !important;
}

.form-group.error .form-control::-moz-placeholder {
  color: #ff7676;
}

.form-group.error .form-control::placeholder {
  color: #ff7676;
}

.form-group .input-group .form-line {
  flex: 1;
}

.form-group .input-group-prepend {
  position: relative;
  z-index: 1;
  margin: 0 0 0 -1px;
}

.form-group .input-group-prepend .form-control {
  background-color: #e5e8ec;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

.form-group .input-group-prepend.phone-code {
  z-index: 2;
}

.form-group .input-group-prepend.phone-code .selCountry {
  width: 170px;
}

.form-group .withIco,
.form-group .range-picker {
  position: relative;
  width: 100%;
}

.form-group .withIco.range-picker,
.form-group .range-picker.range-picker {
  cursor: pointer;
  padding-right: 34px;
  display: flex;
  align-items: center;
}

.form-group .withIco.range-picker span,
.form-group .range-picker.range-picker span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.form-group .withIco .form-control,
.form-group .range-picker .form-control {
  padding-right: 42px;
  position: relative;
  z-index: 2;
}

.form-group .withIco .form-control:disabled + i,
.form-group .withIco .form-control[readonly] + i,
.form-group .range-picker .form-control:disabled + i,
.form-group .range-picker .form-control[readonly] + i {
  z-index: 1;
}

.form-group .withIco .bootstrap-tagsinput,
.form-group .range-picker .bootstrap-tagsinput {
  padding-right: 42px;
}

@media (max-width : 599px) {
  .form-group .withIco.date-picker .form-control,
  .form-group .range-picker.date-picker .form-control {
    padding-right: 30px;
  }
}

.form-group .withIco > i,
.form-group .range-picker > i {
  display: block;
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 7px;
  color: #3469ff;
  font-size: 24px;
  line-height: 28px;
  cursor: pointer;
}

.form-group .withIco > i.security_ans_view,
.form-group .range-picker > i.security_ans_view {
  font-size: 18px;
}

.form-group .withIco.sm-ico > i,
.form-group .range-picker.sm-ico > i {
  font-size: 20px;
}

.form-group .withIco .ico,
.form-group .range-picker .ico {
  display: block;
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
}

.form-group .withIco .ico img,
.form-group .range-picker .ico img {
  display: block;
  width: 24px;
  height: auto;
}

.form-group .withIco.input-prepend .form-control,
.form-group .range-picker.input-prepend .form-control {
  padding-left: 42px;
  padding-right: 0;
}

.form-group .withIco.input-prepend i,
.form-group .range-picker.input-prepend i {
  left: 7px;
  right: auto;
}

.form-group .withIco.input-prepend .ico,
.form-group .range-picker.input-prepend .ico {
  display: block;
  right: auto;
  left: 10px;
}

.form-group .to {
  font-size: 14px;
  line-height: 16px;
}

.form-group.with-action {
  position: relative;
  padding: 6px 30px 6px 6px;
  background-color: #f9f9f9;
}

.form-group.with-action .delField {
  display: block;
  position: absolute;
  top: 10px;
  right: 6px;
  color: #f74747;
  font-size: 15px;
  padding: 4px;
}

.form-group.with-badge {
  position: relative;
}

.form-group.with-badge .form-control {
  padding-right: 58px;
}

.form-group.with-badge .badge {
  position: absolute;
  top: 12px;
  right: 7px;
}

.form-group.with-del.with-badge .badge {
  position: absolute;
  top: 12px;
  right: 32px;
}

.iti {
  width: 100%;
}

.iti.iti--allow-dropdown input,
.iti.iti--allow-dropdown input[type=tel],
.iti.iti--allow-dropdown input[type=text],
.iti.iti--separate-dial-code input,
.iti.iti--separate-dial-code input[type=tel],
.iti.iti--separate-dial-code input[type=text] {
  padding-left: 58px;
}

.iti .iti__country-list {
  background-color: #ffffff !important;
  color: #414755;
  z-index: 1000 !important;
  border: 1px solid #ccc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.iti .iti__country-list .iti__country {
  background-color: #ffffff;
}

.iti .iti__country-list .iti__country.iti__highlight,
.iti .iti__country-list .iti__country:hover {
  background-color: #f1f5f9 !important;
}

.iti .iti__country-list .iti__dial-code {
  color: #6b7280;
}

.form-control {
  border: 1px solid #edeff2;
  color: #414755;
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  outline: none !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

.form-control:focus {
  border-color: #2961ff;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
}

.form-control:disabled,
.form-control[readonly] {
  color: #414755;
  cursor: not-allowed;
  background-color: rgba(174, 186, 197, 0.3) !important;
  border-color: #edeff2 !important;
}

.form-control:disabled ~ .badge,
.form-control[readonly] ~ .badge {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.6;
}

.form-control:disabled ~ .bootstrap-datetimepicker-widget,
.form-control[readonly] ~ .bootstrap-datetimepicker-widget {
  display: none !important;
}

.form-control.gm-err-autocomplete {
  padding-left: 22px;
  background-position: 4px 11px !important;
}

select.form-control:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(/images/select-arrow.png?f5c801af80bcc3e43731f15424001730) no-repeat right 6px center #fff;
  padding-right: 20px !important;
}

input.number::-webkit-outer-spin-button,
input.number::-webkit-inner-spin-button {
  -webkit-appearance: auto !important;
}

input.number[type=number] {
  -moz-appearance: inherit !important;
}

.addField,
.addField:focus {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-decoration: underline;
}

.addField .material-icons,
.addField:focus .material-icons {
  display: inline-block;
  vertical-align: top;
  margin: -3px 0px 0 0;
  font-size: 20px;
  line-height: 21px;
}

.addField:hover,
.addField:focus:hover {
  text-decoration: none;
  color: #2961ff;
}

.addField.disabled,
.addField:focus.disabled {
  opacity: 0.6;
  cursor: not-allowed;
  text-decoration: inherit;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  margin-top: 10px;
}

.custom-control .custom-checkbox {
  min-height: 1em;
}

.custom-control.inline-block,
.custom-control.form-check-inline,
.custom-control.d-inline {
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
}

.custom-control .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control .custom-control-input:disabled + .custom-control-label {
  opacity: 0.7;
  cursor: not-allowed;
}

.custom-control .custom-control-label {
  color: #3e5569;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
  padding-top: 2px;
}

.custom-control .custom-control-label small {
  font-size: 12px;
  line-height: 16px;
  color: #788b9a;
}

.custom-control .custom-control-label:before,
.custom-control .custom-control-label:after {
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  top: 2px !important;
}

.custom-control .custom-control-label.border:before {
  border: 1px solid #2961ff;
}

.custom-control.lg .custom-control-label {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  padding-top: 0;
  color: #222;
}

.custom-control.lg .custom-control-label small {
  color: #222;
  font-size: 80%;
  font-weight: 600;
}

.custom-control.custom-radio .custom-control-label:before {
  width: 20px;
  height: 20px;
  margin: -1px;
  border: 2px solid #2961ff;
  background-color: #eef3f6 !important;
}

.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background: transparent !important;
  background-color: #2961ff !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 10px;
  height: 10px;
  margin: 4px 0 0 4px;
}

.field-inline {
  display: flex;
  flex-wrap: wrap;
}

.field-inline .form-label {
  display: block;
  float: left;
  padding: 0 16px 0 0;
  margin: 0;
  align-self: center;
}

.field-inline .form-control {
  display: block;
  float: left;
  max-width: 100%;
  flex: 1;
}

.sub-domain-field {
  display: block;
  position: relative;
  padding: 0 0 0 52px;
}

.sub-domain-field .form-group.http {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.sub-domain-field .form-group.http label {
  margin: 0;
}

.btn-uploader {
  position: relative;
  overflow: hidden;
}

.btn-uploader input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 300%;
  height: 200%;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}

.c-alert-box {
  display: block;
  text-align: center;
}

.c-alert-box .msg {
  display: inline-flex;
  background-color: #eceeff;
  border: 1px solid #adb7ff;
  color: #101a4e;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.bg-info {
  background-color: #7460ee !important;
}

.bootstrap-tagsinput {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #edeff2 !important;
  color: #9098ac !important;
  font-size: 14px;
  min-height: 38px;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
  padding: 7px 6px 4px 6px !important;
}

.bootstrap-tagsinput input {
  color: #9098ac;
  font-size: 14px;
}

.bootstrap-tagsinput .bootstrap-tagsinput input {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  max-width: inherit;
  outline: none;
  padding: 0 6px;
  width: auto;
}

.bootstrap-tagsinput .tag.label-info {
  display: inline-flex;
  align-items: center;
  margin-bottom: 3px;
  background-color: #2961ff;
  font-size: 13px;
  line-height: 15px;
  padding: 0 5px 0 8px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  margin-bottom: 3px;
  margin-right: 4px;
}

.bootstrap-tagsinput .tag.label-info span {
  display: inline-block;
  vertical-align: top;
  padding: 3px 0;
}

.bootstrap-tagsinput .more-less {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: static;
  top: 0;
  right: 0;
  margin-left: auto;
  padding: 0 6px 0 0;
  width: 52px;
  height: auto;
  background: url(/images/navigate-up-arrow.svg?7a58dac1217876946fe0430973a7324b) no-repeat right 4px center;
  background-size: 8px auto;
  background-color: #fff;
  color: #222;
  font-size: 13px;
  line-height: 16px;
  cursor: pointer;
}

*:not(.single-line-tagsinput) > .bootstrap-tagsinput .twitter-typeahead + .more-less {
  display: none;
}

.single-line-tagsinput .bootstrap-tagsinput.ellipsis {
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.single-line-tagsinput .bootstrap-tagsinput.ellipsis:not(.typehead-view) .twitter-typeahead {
  position: fixed !important;
  top: 0;
  right: 100%;
}

.single-line-tagsinput .bootstrap-tagsinput.ellipsis .more-less {
  position: absolute;
  height: 36px;
  background: url(/images/navigate-down-arrow.svg?62cd43feb115052b955df8188c7bec9d) no-repeat right 4px center;
  background-size: 8px auto;
  background-color: #fff;
}

.ts-wrapper.multi .ts-control > .item {
  background-color: #2961ff !important;
}

.form-control.ts-wrapper {
  border: none;
}

.form-control.ts-wrapper.multi .ts-control > .item {
  border: 0 solid #dee2e6;
  color: #fff !important;
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.form-control.ts-wrapper.multi .ts-control > .item .remove {
  color: rgba(255, 255, 255, 0.8);
}

.form-control.ts-wrapper:not(.multi) .ts-control .item {
  color: #343a40 !important;
}

.form-control.ts-wrapper .ts-control {
  color: #414755;
  font-size: 14px;
  height: 38px;
  border: 1px solid #edeff2 !important;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  box-shadow: none !important;
}

.form-control.ts-wrapper .ts-control input {
  color: #414755 !important;
}

.form-control.ts-wrapper.focus .ts-control {
  border-color: #2961ff !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
}

.buttonset {
  display: block;
  padding: 20px 0 0 0;
  width: 100%;
}

.buttonset .btn {
  margin: 0 5px 8px 0;
}

.buttonset .btn:first-child {
  margin-left: 0;
}

.buttonset .btn:last-child {
  margin-right: 0;
}

@media (max-width : 599px) {
  .buttonset .btn {
    margin: 0 2px 6px 2px;
  }
}

.min-50 {
  min-width: 50px !important;
}

.min-60 {
  min-width: 60px !important;
}

.min-70 {
  min-width: 70px !important;
}

.min-80 {
  min-width: 80px !important;
}

.min-100 {
  min-width: 100px !important;
}

.min-150 {
  min-width: 150px !important;
}

.min-160 {
  min-width: 100px !important;
}

@media (min-width: 599px) {
  .min-160 {
    min-width: 160px !important;
  }
}

.min-180 {
  min-width: 100px !important;
}

@media (min-width: 599px) {
  .min-180 {
    min-width: 180px !important;
  }
}

.btn {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  outline: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-decoration: none !important;
  font-size: 0.9rem;
  line-height: 1.7;
}

.btn i.material-icons {
  display: inline-block;
  vertical-align: top;
}

.btn.fav:hover,
.btn.fav:active,
.btn.fav.sl {
  background-color: #fc4b6c !important;
  border-color: #fc4b6c !important;
  box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(252, 75, 108, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn.n-light-btn {
  border: 1px solid #edeff2;
  color: #778092;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.btn.n-light-btn:hover,
.btn.n-light-btn.sl {
  background-color: #edf3f7;
}

.btn.btn-circle {
  border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
  -ms-border-radius: 600px !important;
}

.btn.btn-square {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
}

.btn.btn-md {
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
  min-height: 38px;
  min-width: 78px;
}

.btn.btn-md img {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: auto;
  margin: 3px 2px 0 0;
}

.btn.btn-md i.material-icons {
  font-size: 20px;
  line-height: 20px;
  margin: 1px 0 0 0;
}

.btn.btn-md.btn-ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  min-height: 38px;
  position: relative;
  font-size: 16px !important;
  line-height: 20px !important;
}

.btn.btn-md.btn-ico i,
.btn.btn-md.btn-ico img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.btn.btn-md.btn-ico i.fa-whatsapp,
.btn.btn-md.btn-ico img.fa-whatsapp {
  font-size: 14px;
}

.btn.btn-md.btn-ico img {
  width: auto;
  max-width: 16px;
  max-height: 16px;
}

.btn.btn-sm,
.btn-group-sm > .btn {
  min-width: 60px;
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  padding: 0.3rem 0.5rem 0.2rem 0.5rem !important;
  font-weight: 600;
}

.btn.btn-sm i,
.btn-group-sm > .btn i {
  font-size: 12px;
}

.btn.btn-sm i.material-icons,
.btn-group-sm > .btn i.material-icons {
  font-size: 18px;
  line-height: 18px;
  margin: -1px 0 0 0;
}

.btn.btn-sm.icon-only,
.btn-group-sm > .btn.icon-only {
  min-width: 1px;
}

.btn.btn-sm img,
.btn-group-sm > .btn img {
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: auto;
  margin: 1px 2px 0 0;
}

.btn.btn-sm.btn-ico,
.btn-group-sm > .btn.btn-ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 27px;
  min-height: 27px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width : 599px) {
  .btn.btn-sm,
  .btn-group-sm > .btn {
    font-size: 0.72rem !important;
    padding-top: 0.2rem !important;
  }
}

.btn.btn-xs {
  min-width: 50px;
}

.btn:hover,
.btn:focus,
.btn:active {
  outline: none !important;
}

@media (max-width : 599px) {
  .btn.btn-md {
    min-width: 70px;
  }
}

.btn.btn-primary-text-only {
  color: #3F51B5 !important;
}

.btn.btn-danger-text-only {
  color: #fa6767 !important;
}

.btn.btn-primary-text-only,
.btn.btn-danger-text-only {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.btn.btn-primary-text-only:hover,
.btn.btn-danger-text-only:hover {
  text-decoration: underline !important;
}

.btn-sm.btn.btn-primary-text-only,
.btn-sm.btn.btn-danger-text-only,
.btn-group-sm > .btn.btn-primary-text-only,
.btn-group-sm > .btn.btn-danger-text-only {
  font-size: 0.9rem !important;
}

.btn-group .btn.mb-0 {
  margin-bottom: 0 !important;
}

.btn-xs,
.btn-group-xs > .btn,
.btn-xs.normal-text {
  padding: 0.22rem 0.5rem 0.18rem;
  font-size: 0.7rem !important;
  line-height: 0.7rem !important;
}

.btn-xs i,
.btn-group-xs > .btn i,
.btn-xs.normal-text i {
  font-size: 10px;
}

.btn-default,
.btn-default:focus {
  background-color: #ddd !important;
  border-color: #ddd !important;
  color: #222 !important;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
}

.btn-default:hover:not(:disabled),
.btn-default:active:not(:disabled),
.btn-default:focus:hover:not(:disabled),
.btn-default:focus:active:not(:disabled) {
  background-color: #d6d5d5 !important;
  border-color: #d6d5d5 !important;
  color: #222 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.4) !important;
}

.btn-danger:not(.btn-text-only),
.btn-danger:focus:not(.btn-text-only),
.range_inputs .btn-default:not(.btn-text-only),
.range_inputs .btn-default:not(:disabled):not(.btn-text-only) {
  background-color: #fa6767 !important;
  border-color: #fa6767 !important;
  box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  color: #fff !important;
}

.btn-danger:not(.btn-text-only):hover,
.btn-danger:not(.btn-text-only):active,
.btn-danger:not(.btn-text-only):focus,
.btn-danger:focus:not(.btn-text-only):hover,
.btn-danger:focus:not(.btn-text-only):active,
.btn-danger:focus:not(.btn-text-only):focus,
.range_inputs .btn-default:not(.btn-text-only):hover,
.range_inputs .btn-default:not(.btn-text-only):active,
.range_inputs .btn-default:not(.btn-text-only):focus,
.range_inputs .btn-default:not(:disabled):not(.btn-text-only):hover,
.range_inputs .btn-default:not(:disabled):not(.btn-text-only):active,
.range_inputs .btn-default:not(:disabled):not(.btn-text-only):focus {
  background-color: #f74444 !important;
  border-color: #f74444 !important;
  box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-danger.btn-text-only,
.btn-danger:focus.btn-text-only,
.range_inputs .btn-default.btn-text-only,
.range_inputs .btn-default:not(:disabled).btn-text-only {
  color: #fa6767 !important;
}

.btn-outline-danger,
.btn-outline-danger:focus {
  border-color: #fa6767 !important;
  color: #fa6767 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:active,
.btn-outline-danger:focus:hover,
.btn-outline-danger:focus:active {
  background-color: #f74444 !important;
  border-color: #f74444 !important;
  box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-primary,
.btn-primary:focus {
  background-color: #2961ff !important;
  border-color: #2961ff !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:hover,
.btn-primary:focus:active {
  background-color: #1c4bce !important;
  border-color: #1c4bce !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-primary.active,
.btn-primary:focus.active {
  background-color: #0d3fcc !important;
  border-color: #0d3fcc !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-primary,
.btn-outline-primary:focus {
  border-color: #2961ff !important;
  color: #2961ff !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus:hover,
.btn-outline-primary:focus:active {
  background-color: #1c4bce !important;
  border-color: #1c4bce !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-secondary,
.btn-secondary:focus {
  background-color: #00ab83 !important;
  border-color: #00ab83 !important;
  box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  color: #fff !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus:hover,
.btn-secondary:focus:active {
  background-color: #00a27c !important;
  border-color: #00a27c !important;
  box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-secondary,
.btn-outline-secondary:focus {
  border-color: #00ab83 !important;
  color: #00ab83 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus:hover,
.btn-outline-secondary:focus:active {
  background-color: #20af8f !important;
  border-color: #20af8f !important;
  box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 199, 164, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-info,
.btn-info:focus {
  background-color: #7460ee !important;
  border-color: #7460ee !important;
  box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  color: #fff !important;
}

.btn-info:hover:not(:disabled),
.btn-info:active:not(:disabled),
.btn-info:focus:hover:not(:disabled),
.btn-info:focus:active:not(:disabled) {
  background-color: #634fdc !important;
  border-color: #634fdc !important;
  box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-info,
.btn-outline-info:focus {
  border-color: #7460ee !important;
  color: #7460ee !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-info:hover:not(:disabled),
.btn-outline-info:active:not(:disabled),
.btn-outline-info:focus:hover:not(:disabled),
.btn-outline-info:focus:active:not(:disabled) {
  background-color: #634fdc !important;
  border-color: #634fdc !important;
  box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-success,
.btn-success:focus {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.7) !important;
  color: #fff !important;
}

.btn-success:hover:not(:disabled),
.btn-success:active:not(:disabled),
.btn-success:focus:hover:not(:disabled),
.btn-success:focus:active:not(:disabled) {
  background-color: #1e7e34 !important;
  border-color: #1e7e34 !important;
  box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-success,
.btn-outline-success:focus {
  border-color: #28a745 !important;
  color: #28a745 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-success:hover:not(:disabled),
.btn-outline-success:active:not(:disabled),
.btn-outline-success:focus:hover:not(:disabled),
.btn-outline-success:focus:active:not(:disabled) {
  background-color: #1e7e34 !important;
  border-color: #1e7e34 !important;
  box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(30, 126, 52, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-warning,
.btn-warning:focus {
  background-color: #ff821c !important;
  border-color: #ff821c !important;
  box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  color: #fff !important;
}

.btn-warning:hover:not(:disabled),
.btn-warning:active:not(:disabled),
.btn-warning:focus:hover:not(:disabled),
.btn-warning:focus:active:not(:disabled) {
  background-color: #e06c0d !important;
  border-color: #e06c0d !important;
  box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-warning,
.btn-outline-warning:focus {
  border-color: #ff821c !important;
  color: #ff821c !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-warning:hover:not(:disabled),
.btn-outline-warning:active:not(:disabled),
.btn-outline-warning:focus:hover:not(:disabled),
.btn-outline-warning:focus:active:not(:disabled) {
  background-color: #e06c0d !important;
  border-color: #e06c0d !important;
  box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-dark,
.btn-dark:focus {
  background-color: #3f3f3f !important;
  border-color: #3f3f3f !important;
  box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.7) !important;
  color: #fff !important;
}

.btn-dark:hover:not(:disabled),
.btn-dark:active:not(:disabled),
.btn-dark:focus:hover:not(:disabled),
.btn-dark:focus:active:not(:disabled) {
  background-color: #333333 !important;
  border-color: #333333 !important;
  box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-outline-dark:hover {
  color: #fff !important;
}

.btn-dark-success,
.btn-dark-success:focus {
  border-color: #3f3f3f !important;
  color: #3f3f3f !important;
}

.btn-dark-success:hover:not(:disabled),
.btn-dark-success:active:not(:disabled),
.btn-dark-success:focus:hover:not(:disabled),
.btn-dark-success:focus:active:not(:disabled) {
  background-color: #333333 !important;
  border-color: #333333 !important;
  box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(63, 63, 63, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-light,
.btn-light:focus {
  background-color: #edf3f7 !important;
  border-color: #edf3f7 !important;
  color: #414755 !important;
}

.btn-light:hover:not(:disabled),
.btn-light:active:not(:disabled),
.btn-light:focus:hover:not(:disabled),
.btn-light:focus:active:not(:disabled) {
  background-color: #e7ebee !important;
  border-color: #e7ebee !important;
  color: #414755 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
}

.btn-outline-light,
.btn-outline-light:focus {
  background-color: transparent !important;
  border-color: #edf3f7 !important;
  color: #edf3f7 !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.btn-outline-light:hover:not(:disabled),
.btn-outline-light:active,
.btn-outline-light:focus:hover:not(:disabled),
.btn-outline-light:focus:active {
  background-color: #e7ebee !important;
  border-color: #e7ebee !important;
  color: #414755 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(237, 243, 247, 0.4) !important;
}

.btn-link,
.btn-link:focus {
  color: #2961ff;
}

.btn-rounded {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-rounded.btn-xs {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-rounded.btn-md {
  padding-left: 20px;
  padding-right: 20px;
}

.modal-open .modal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.modal-dialog {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.modal-dialog.modal-xl {
  width: 1020px;
  max-width: 100%;
}

.modal-content {
  padding: 0;
  position: relative;
}

.modal-content .modal-header {
  background-color: #f9f9f9;
  color: #414755;
  font-size: 19px;
  line-height: 25px;
  font-weight: 800;
  padding: 16px 42px 16px 24px;
}

.modal-content .modal-header .modal-title {
  font-size: 19px;
  line-height: 25px;
  font-weight: 700;
  min-height: 18px;
}

.modal-content .close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
  background-size: 16px auto;
  padding: 0;
  margin: 0;
  opacity: 1;
  font-size: 0px;
  z-index: 1;
}

.modal-content .close i {
  display: none;
}

.modal-content .modal-body {
  padding: 20px 22px;
}

.modal-content .modal-body > .body {
  padding: 0;
}

.modal-content .modal-body h3,
.modal-content .modal-body h4,
.modal-content .modal-body h5,
.modal-content .modal-body h6 {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 14px 0 0 0;
  margin: 0 0 16px 0;
}

.modal-content .modal-body h3 {
  font-size: 22px;
}

.modal-content .modal-body h5 {
  font-size: 18px;
}

.modal-content .modal-body h6 {
  font-size: 16px;
}

.modal-content .modal-footer {
  border-top: 2px solid #edf3f7;
  color: #414755;
  font-size: 21px;
  line-height: 24px;
  font-weight: 800;
  padding: 14px 22px 18px 22px;
}

.addContactModal .modal-dialog {
  width: 844px;
  max-width: 100%;
}

.card-payment-modal .modal-dialog {
  width: 500px;
  max-width: 100%;
}

.card-payment-modal .modal-dialog .modal-content > .close {
  top: 5px;
  right: 5px;
  background-size: 13px auto;
}

.card-payment-form {
  padding-top: 36px;
}

.dataTables_scrollBody {
  padding: 10px 14px 11px 14px;
  width: 100%;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 1rem;
  vertical-align: top;
  border-top: 2px solid #f2f4fd;
  font-size: 14px;
}

.table th.text-wrap .txt,
.table td.text-wrap .txt {
  word-break: break-word;
}

.table .align-middle td {
  vertical-align: middle !important;
}

.table.dataTable,
body .table.dataTable {
  width: 100%;
  overflow-x: auto;
}

.table.dataTable th,
.table.dataTable td,
.table.dataTable thead th,
.table.dataTable thead td,
body .table.dataTable th,
body .table.dataTable td,
body .table.dataTable thead th,
body .table.dataTable thead td {
  vertical-align: top;
  font-weight: 600;
  padding: 0.6rem 0.4rem !important;
}

.table.dataTable th:first-child,
.table.dataTable td:first-child,
.table.dataTable thead th:first-child,
.table.dataTable thead td:first-child,
body .table.dataTable th:first-child,
body .table.dataTable td:first-child,
body .table.dataTable thead th:first-child,
body .table.dataTable thead td:first-child {
  padding-left: 0.8rem !important;
}

.table.dataTable th:last-child,
.table.dataTable td:last-child,
.table.dataTable thead th:last-child,
.table.dataTable thead td:last-child,
body .table.dataTable th:last-child,
body .table.dataTable td:last-child,
body .table.dataTable thead th:last-child,
body .table.dataTable thead td:last-child {
  padding-right: 0.8rem !important;
}

.table.dataTable tbody tr td,
body .table.dataTable tbody tr td {
  vertical-align: middle;
}

.table.dataTable tr td .quick-edit-icon,
.table.dataTable tr td .unlink-icon,
body .table.dataTable tr td .quick-edit-icon,
body .table.dataTable tr td .unlink-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: #2961ff;
  font-size: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.table.dataTable tr td .quick-edit-icon:before,
.table.dataTable tr td .unlink-icon:before,
body .table.dataTable tr td .quick-edit-icon:before,
body .table.dataTable tr td .unlink-icon:before {
  content: "\f303";
  font-size: 14px;
}

.table.dataTable tr td .quick-edit-icon:hover,
.table.dataTable tr td .unlink-icon:hover,
body .table.dataTable tr td .quick-edit-icon:hover,
body .table.dataTable tr td .unlink-icon:hover {
  background-color: rgba(41, 97, 255, 0.12);
  color: #2961ff;
}

.table.dataTable tr td .quick-edit-icon.unlink-icon,
.table.dataTable tr td .unlink-icon.unlink-icon,
body .table.dataTable tr td .quick-edit-icon.unlink-icon,
body .table.dataTable tr td .unlink-icon.unlink-icon {
  top: -2px;
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 0px;
  line-height: inherit;
}

.table.dataTable tr td .quick-edit-icon.unlink-icon:before,
.table.dataTable tr td .unlink-icon.unlink-icon:before,
body .table.dataTable tr td .quick-edit-icon.unlink-icon:before,
body .table.dataTable tr td .unlink-icon.unlink-icon:before {
  content: "\f00d";
  color: #ff3636;
  font-size: 14px;
  line-height: 16px;
}

.table.dataTable tr td .quick-edit-icon.unlink-icon:hover,
.table.dataTable tr td .unlink-icon.unlink-icon:hover,
body .table.dataTable tr td .quick-edit-icon.unlink-icon:hover,
body .table.dataTable tr td .unlink-icon.unlink-icon:hover {
  background-color: rgba(255, 54, 54, 0.12);
  color: #ff3636;
}

.table.dataTable:not(.listing-table) .dataTables_scrollHead,
body .table.dataTable:not(.listing-table) .dataTables_scrollHead {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

@media (min-width : 768px) {
  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover),
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td {
    min-height: 46px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    position: relative;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child:before,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 4px);
    opacity: 0;
    visibility: visible;
    border-left: 3.5px solid #2961ff;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:last-child,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover) td:last-child {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover {
    box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
    background-color: #fff !important;
    transform: scale(1.0015);
    position: relative;
    z-index: 1;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead th,
  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead td,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead th,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover.collapsHead td {
    background: transparent !important;
  }

  .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover td:first-child:before,
  body .table.dataTable:not(.listing-table) tbody tr:not(.no-hover):hover td:first-child:before {
    opacity: 1;
    visibility: visible;
  }

  .table.dataTable:not(.listing-table).listing-table thead tr th:first-child,
  body .table.dataTable:not(.listing-table).listing-table thead tr th:first-child {
    padding-left: 12px;
  }

  .table.dataTable:not(.listing-table).listing-table thead tr th:last-child,
  body .table.dataTable:not(.listing-table).listing-table thead tr th:last-child {
    padding-right: 12px;
  }

  .table.dataTable:not(.listing-table).listing-table tbody tr td:first-child,
  body .table.dataTable:not(.listing-table).listing-table tbody tr td:first-child {
    padding-left: 12px;
  }

  .table.dataTable:not(.listing-table).listing-table tbody tr td:last-child,
  body .table.dataTable:not(.listing-table).listing-table tbody tr td:last-child {
    padding-right: 12px;
  }
}

.table th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #eef5f9;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped th:not(.text-wrap),
.table-striped td:not(.text-wrap) {
  white-space: nowrap;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: #f8f9fa;
}

.text-table.gray .table-hover tbody tr:hover {
  background-color: #fff;
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #d8d2fa;
}

.table-hover .table-primary:hover {
  background-color: #c4bbf7;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #c4bbf7;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c7ede6;
}

.table-hover .table-success:hover {
  background-color: #b4e7dd;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b4e7dd;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c3d3ff;
}

.table-hover .table-info:hover {
  background-color: #aac0ff;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #aac0ff;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffecc6;
}

.table-hover .table-warning:hover {
  background-color: #ffe4ad;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe4ad;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fcc4ce;
}

.table-hover .table-danger:hover {
  background-color: #fbacba;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #fbacba;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-cyan,
.table-cyan > th,
.table-cyan > td {
  background-color: #ceeefd;
}

.table-hover .table-cyan:hover {
  background-color: #b6e6fc;
}

.table-hover .table-cyan:hover > td,
.table-hover .table-cyan:hover > th {
  background-color: #b6e6fc;
}

.table-orange,
.table-orange > th,
.table-orange > td {
  background-color: #fedfb8;
}

.table-hover .table-orange:hover {
  background-color: #fed49f;
}

.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
  background-color: #fed49f;
}

.table-purple,
.table-purple > th,
.table-purple > td {
  background-color: #d8d2fa;
}

.table-hover .table-purple:hover {
  background-color: #c4bbf7;
}

.table-hover .table-purple:hover > td,
.table-hover .table-purple:hover > th {
  background-color: #c4bbf7;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f8f9fa;
}

.table-hover .table-active:hover {
  background-color: #e9ecef;
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e9ecef;
}

.table .thead-dark th {
  color: #eef5f9;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #4F5467;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #eef5f9;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1599.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (min-width : 768px) {
  .table-responsive {
    padding: 0 14px 14px 14px;
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
  }
}

.table-responsive > .table-bordered {
  border: 0;
}

#dataTableBuilder_filter label {
  min-height: 28px;
}

#dataTableBuilder_info {
  display: block;
  float: left !important;
  margin: 16px 0 0 0;
}

#dataTableBuilder_paginate,
.dataTables_paginate {
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  float: right;
}

div.dataTables_wrapper .dt-buttons {
  text-align: left;
  display: inline;
}

div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button {
  border-radius: 600px !important;
  -webkit-border-radius: 600px !important;
  -moz-border-radius: 600px !important;
  -ms-border-radius: 600px !important;
  padding: 5px 12px 4px 12px;
  margin-bottom: 0;
  margin-top: 5px;
  background-color: #2961ff !important;
  border-color: #2961ff !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  color: #fff !important;
}

div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button:hover,
div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button:active {
  background-color: #1c4bce !important;
  border-color: #1c4bce !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

div.dataTables_wrapper .dt-buttons.dt-buttons .dt-button.active {
  background-color: #0d3fcc !important;
  border-color: #0d3fcc !important;
  box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.9) !important;
  color: #fff !important;
  text-decoration: none !important;
}

div.dataTables_wrapper div.dataTables_length {
  margin-right: 5px;
}

div.dataTables_wrapper .dataTables_filter {
  padding-bottom: 16px;
}

div.dataTables_wrapper .dataTables_scrollHead {
  padding: 0 14px;
  width: 100%;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner {
  background-color: rgba(41, 97, 255, 0.22);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table {
  margin: 0 !important;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table thead {
  background: transparent !important;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table thead tr {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th {
  color: #3c3c3c;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  border: none;
  outline: none;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_asc:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_desc:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: auto;
  position: static;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_asc:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th.sorting_desc:after {
  content: "\f0dc" !important;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  color: #000;
  font-size: 13px !important;
  line-height: 12px;
  right: auto !important;
  left: 0.5rem !important;
  opacity: 0.75 !important;
  top: 0.7rem !important;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child {
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_asc:before,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_desc:before {
  width: calc(14px + 0.9rem);
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_asc:after,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:first-child .sorting_desc:after {
  left: 0.9rem !important;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th:last-child {
  border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -ms-border-radius: 0 6px 6px 0;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .c-check-box {
  border: 1px solid rgba(41, 97, 255, 0.42) !important;
  background-color: #fff;
  margin-top: 2px;
  margin-right: 6px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .c-check:checked + .c-check-box {
  background-color: #2961ff;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .c-check:checked + .c-check-box:before {
  top: -1px;
  left: -1px;
}

div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter,
div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-date,
body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 .selection .select2-selection {
  font-size: 13px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
}

body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 {
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -ms-border-radius: 6px !important;
}

body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 .selection .select2-selection .select2-selection__rendered {
  padding: 0 !important;
}

body div.dataTables_wrapper .dataTables_scrollHead .dataTables_scrollHeadInner .table th .yadcf-filter-wrapper .select2 .selection .select2-selection .select2-selection__arrow {
  height: 28px;
}

div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper {
  margin: 3px 0 0 0;
}

div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper .yadcf-filter {
  border-color: rgba(41, 97, 255, 0.42) !important;
}

div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper .yadcf-filter:focus,
div.dataTables_wrapper .dataTables_scrollHead .yadcf-filter-wrapper .yadcf-filter:active {
  border-color: #2961ff !important;
}

.page-link {
  color: #2961ff;
  cursor: pointer;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.page-item.active .page-link {
  background-color: #2961ff;
  cursor: default;
}

.page-item.disabled .page-link {
  opacity: 0.6;
  cursor: not-allowed;
}

.uInformation {
  display: block;
  float: right;
  width: 292px;
  max-width: 100%;
  padding: 28px;
  background-color: #eef5f9;
}

@media (max-width : 767px) {
  .uInformation {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 16px;
  }
}

.uInformation h4 {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
}

.uInformation .u-info-bx {
  display: block;
  margin: 26px 0 0 0;
}

.uInformation .u-info-bx p {
  display: block;
  color: #242323;
  font-size: 15px;
  line-height: 17px;
  margin: 6px 0 0;
  padding: 0;
}

.uInformation .u-info-bx p span {
  color: #747d93;
}

.uInformation .u-info-bx p a {
  color: #2961ff;
  text-decoration: none;
}

.uInformation .u-info-bx p a:hover {
  text-decoration: underline;
}

body table th input[type=text],
body table th input:not([type=button]),
body table td input[type=text],
body table td input:not([type=button]) {
  border: 1px solid #edeff2 !important;
  color: #9098ac;
  font-size: 14px;
  height: 38px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  padding: 0.375rem 0.6rem;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  outline: none;
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

body table th input[type=text]:focus,
body table th input:not([type=button]):focus,
body table td input[type=text]:focus,
body table td input:not([type=button]):focus {
  border-color: #2961ff !important;
}

.custom-uploader {
  display: block;
  position: relative;
  overflow: hidden;
  border: 1px solid #edeff2;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  margin: 0 !important;
}

.custom-uploader input {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200%;
  height: 200%;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.custom-uploader input:hover + .upload-area {
  background-color: #f7f7f7;
}

.custom-uploader .upload-area {
  display: block;
  padding: 30px 14px 14px 14px;
  text-align: center;
}

.custom-uploader .upload-area img {
  display: inline-block;
  vertical-align: top;
  height: auto;
  max-height: 50px;
}

.custom-uploader .upload-area .t {
  display: block;
  color: #414755;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  margin: 12px 0 0 0;
}

.custom-uploader .upload-area .sm-t {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 8px 0 0 0;
}

.custom-uploader .upload-area .btn-sm,
.custom-uploader .upload-area .btn-group-sm > .btn {
  margin: 10px 0 12px 0;
  font-size: 12px;
  line-height: 14px;
  padding: 4px 12px;
}

.custom-uploader .upload-area .btn-md {
  margin: 10px 0 12px 0;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 12px;
  min-height: 32px;
  min-width: 114px;
}

@media (max-width : 575px) {
  .custom-uploader .upload-area .t {
    font-size: 15px;
  }

  .custom-uploader .upload-area .btn-sm,
  .custom-uploader .upload-area .btn-group-sm > .btn {
    font-size: 10px;
    line-height: 13px;
    padding: 2px 5px;
    margin-bottom: 6px;
  }
}

.custom-uploader.thumb {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.custom-uploader.thumb .upload-area {
  width: 100%;
  height: auto;
  padding: 10px;
  background: transparent !important;
}

.custom-uploader.new-uploader {
  border: inherit;
}

.custom-uploader.new-uploader .upload-area {
  padding-top: 56px;
  padding-bottom: 26px;
  background: url(/images/bkg-uploader.png?b95048467042faeae0e126deadf053db) no-repeat top center;
  border: 2px dashed #95b2fe;
}

.custom-uploader.new-uploader .upload-area .t {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.custom-uploader.new-uploader .upload-area .sm-t {
  color: #565c69;
  font-size: 17px;
  line-height: 19px;
}

.custom-uploader.new-uploader .upload-area img {
  max-height: 86px;
}

.custom-uploader.new-uploader .upload-area.new-upload-area {
  background: transparent;
  padding: 26px 0 36px 0;
}

.custom-uploader.new-uploader .upload-area.new-upload-area .t {
  margin: 20px 0 0 0;
}

.custom-uploader.new-uploader .upload-area.new-upload-area .sm-t {
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 0 0;
}

.upload-format {
  display: block;
}

.upload-format p {
  display: block;
  color: #9298ae;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 12px 0 0 0;
}

.upload-format p:first-child {
  margin: 0;
}

.upload-format p a {
  display: inline-block;
  color: #2961ff;
  font-weight: 600;
}

.upload-format p a:hover {
  text-decoration: underline;
}

.upload-img-view {
  display: block;
  padding: 8px;
  text-align: center;
  position: relative;
}

.upload-img-view:hover {
  background-color: #edf3f7;
}

.upload-img-view .f-image {
  display: block;
  text-align: center;
  padding: 10px;
}

.upload-img-view .f-image img {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

.upload-img-view .image {
  display: block;
  position: relative;
  cursor: pointer;
  border: 1px solid #edeff2;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.upload-img-view .image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -ms-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -o-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  transition: 800ms;
  -webkit-transition: 800ms;
  -ms-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
}

.upload-img-view .image img {
  display: block;
  width: 100%;
  height: auto;
}

.upload-img-view .image .btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  z-index: 3;
  top: 5px;
  right: 5px;
  margin: 0;
}

.upload-img-view .image .btn.btn-sm,
.upload-img-view .image .btn-group-sm > .btn {
  padding-top: 0.2rem !important;
  padding-bottom: 0.1rem !important;
}

.upload-img-view .image .btn i,
.upload-img-view .image .btn .material-icons {
  font-size: 16px;
  line-height: 18px;
  margin: 0 2px 0 0 !important;
}

.upload-img-view .image .play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background-color: #2961ff;
  width: 32px;
  height: 32px;
  cursor: pointer;
}

.upload-img-view .image .play i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 0 1px;
}

.upload-img-view .progressSec {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 1;
  background-color: #ffffff;
  align-items: center;
  border: 1px solid #edf3f7;
}

.upload-img-view .progressSec .c {
  display: block;
  width: 120px;
  margin: 0 auto;
}

.upload-img-view .progressSec .c .progress {
  height: 8px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 100%;
  margin: 0;
  background-color: #edf3f7;
}

.upload-img-view .progressSec .c .progress-v {
  display: block;
  margin: 4px 0 0 0;
  text-align: center;
  color: #717171;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
}

.upload-img-view .custom-control {
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 1;
  margin: 0;
  padding: 0 0 0 18px;
}

.upload-img-view .custom-control.left {
  left: 11px;
  right: auto;
}

.upload-img-view .custom-checkbox {
  padding: 0;
  min-height: 1px;
}

.upload-img-view .custom-checkbox .custom-control-label {
  display: block;
  width: 18px;
  min-height: 18px;
  position: relative;
}

.upload-img-view .custom-checkbox .custom-control-label:before,
.upload-img-view .custom-checkbox .custom-control-label:after {
  left: 1px;
}

.upload-img-view .btn {
  display: inline-block;
  vertical-align: top;
  background-color: #d4e0ff;
  color: #153385;
  font-weight: 600;
  border-color: #b0c0e9;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  margin: 10px 0 0 0;
}

.upload-img-view .btn:hover {
  background-color: #e7ecf9;
}

.upload-img-view .btn .material-icons {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin: 3px 0 0 0;
}

.upload-img-view .btn.btn-sm .material-icons,
.upload-img-view .btn-group-sm > .btn .material-icons {
  margin: 1px 0 0 0;
}

.upload-img-view .form-group {
  margin: 10px 0 0 0;
}

.upload-img-view .form-group .f-name {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 0;
}

@media (max-width : 899px) {
  .upload-img-view .form-group {
    margin: 6px 0 0 0;
  }

  .upload-img-view .form-group .f-name {
    font-size: 14px;
    line-height: 16px;
  }
}

.upload-img-view.view {
  display: flex;
  flex-flow: column;
  min-height: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid #edeff2;
}

.upload-img-view.preview {
  padding: 0 0 8px 0;
  background: transparent !important;
}

.upload-img-view.preview .form-group .f-name {
  text-align: left;
}

.upload-img-view:hover .form-group .f-name {
  color: #2961ff;
}

.upload-img-view:hover .image:before {
  box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -ms-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -o-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset 0 0 180px 0px rgba(0, 0, 0, 0.7);
}

.upload-img-view .actions {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 11px;
  right: 11px;
}

.upload-img-view .actions .action-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #d4e0ff;
  color: #353535;
  font-size: 14px;
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
}

.upload-img-view .actions .action-btn:not(:last-child) {
  margin-right: 4px;
}

.upload-img-view .actions .action-btn:hover {
  text-decoration: none;
}

.upload-img-view .actions .action-btn.line:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  width: 2px;
  height: 28px;
  background-color: #fff;
  box-shadow: 0 0 0px 1.5px #7460ee;
  -ms-box-shadow: 0 0 0px 1.5px #7460ee;
  -webkit-box-shadow: 0 0 0px 1.5px #7460ee;
  -o-box-shadow: 0 0 0px 1.5px #7460ee;
  -moz-box-shadow: 0 0 0px 1.5px #7460ee;
  opacity: 0.6;
  z-index: 1;
}

.upload-img-view .actions .action-btn.line .fa,
.upload-img-view .actions .action-btn.line .fas,
.upload-img-view .actions .action-btn.line .far,
.upload-img-view .actions .action-btn.line .fab {
  opacity: 0.6;
}

.upload-img-view .actions .action-btn.danger {
  color: #fff;
  background-color: #fa6767;
}

.upload-img-view .actions .action-btn.danger:hover {
  color: #fff;
  background-color: #f74444;
}

.upload-img-view .actions .action-btn.info {
  color: #fff;
  background-color: #7460ee;
}

.upload-img-view .actions .action-btn.info:hover {
  color: #fff;
  background-color: #634fdc;
}

.upload-img-view .actions .action-btn .fa,
.upload-img-view .actions .action-btn .fas,
.upload-img-view .actions .action-btn .far,
.upload-img-view .actions .action-btn .fab {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.upload-img-view .actions .action-btn img {
  display: block;
  max-height: 18px;
  filter: brightness(0) invert(1);
}

.topbar .dropdown-menu.dropdown-menu-right {
  padding-top: 0;
  border: 0;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  margin-top: 48px !important;
  left: auto !important;
  right: -20px !important;
  width: 316px;
}

.topbar .dropdown-menu.dropdown-menu-right.right-0 {
  left: auto !important;
  right: 0 !important;
}

@media (max-width : 599px) {
  .topbar .dropdown-menu.dropdown-menu-right {
    right: 0 !important;
    width: 100vw;
    max-width: 100vw;
    min-width: 1px !important;
  }
}

.topbar .dropdown-menu.switch-company,
.topbar .dropdown-menu.notify-drop {
  min-width: 352px;
  max-width: 352px;
}

.topbar .dropdown-menu.notify-drop .message-center,
.topbar .dropdown-menu.notify-drop .slimScrollDiv {
  height: auto !important;
  max-height: 300px !important;
}

.topbar .dropdown-menu.switch-company .message-center,
.topbar .dropdown-menu.switch-company .slimScrollDiv {
  height: auto !important;
  max-height: 258px !important;
}

.topbar .dropdown-menu .with-arrow {
  position: absolute;
  height: 10px;
  overflow: hidden;
  width: 40px;
  top: -10px;
  right: 10px;
}

@media (max-width : 599px) {
  .topbar .dropdown-menu .with-arrow {
    display: none;
  }
}

.topbar .dropdown-menu .with-arrow > span {
  background-color: #2962ff !important;
  width: 15px;
  height: 15px;
  top: 3px;
  left: 15px;
  position: absolute;
  border-radius: 6px 0 0;
  -webkit-border-radius: 6px 0 0;
  -moz-border-radius: 6px 0 0;
  -ms-border-radius: 6px 0 0;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

.topbar .dropdown-menu .list-style-none {
  margin: 0;
  padding: 0;
}

.topbar .dropdown-menu .list-style-none li {
  list-style: none;
}

.topbar .dropdown-menu .list-style-none li .mailbox .message-center {
  height: 317px;
  overflow: auto;
  position: relative;
}

.topbar .dropdown-menu .list-style-none li a,
.topbar .dropdown-menu .list-style-none li .message-item {
  color: #3e5569;
  padding: 8px 0;
  display: block;
  text-decoration: none;
  position: relative;
}

.topbar .dropdown-menu .list-style-none li a .mainLink,
.topbar .dropdown-menu .list-style-none li .message-item .mainLink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.topbar .dropdown-menu .list-style-none li a .mainLink:hover,
.topbar .dropdown-menu .list-style-none li .message-item .mainLink:hover {
  background: transparent;
}

.topbar .dropdown-menu .list-style-none li a.nav-link,
.topbar .dropdown-menu .list-style-none li .message-item.nav-link {
  font-size: 13px;
}

.topbar .dropdown-menu .list-style-none li a .btn-circle,
.topbar .dropdown-menu .list-style-none li .message-item .btn-circle {
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  width: 40px;
  height: 40px;
  padding: 8px;
  display: block;
  float: left;
}

.topbar .dropdown-menu .list-style-none li a .btn-danger,
.topbar .dropdown-menu .list-style-none li .message-item .btn-danger {
  color: #fff;
  background-color: #f62d51;
  border-color: #f62d51;
}

.topbar .dropdown-menu .drop-title {
  font-weight: 600;
  padding: 11px 20px 15px !important;
  border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -ms-border-radius: 2px 2px 0 0;
  position: relative;
}

.topbar .dropdown-menu .drop-title:after {
  content: "";
  position: absolute;
  background: url(/images/img5.png?9dff257c66e7024b49726c5fbbb86d7b) no-repeat;
  opacity: 0.2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}

.topbar .dropdown-menu .drop-title h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 4px;
}

.topbar .dropdown-menu .drop-title .font-light {
  font-weight: 300;
}

.topbar .dropdown-menu .text-white {
  color: #fff !important;
}

.mailbox .message-center .message-item {
  border-bottom: 1px solid #e9ecef;
  display: block;
  text-decoration: none;
  padding: 9px 15px !important;
}

.mailbox .message-center .message-item .mail-contnet {
  display: block;
  padding-left: 52px;
  min-height: 40px;
}

.mailbox .message-center .message-item .mail-contnet .message-title {
  color: #212529;
  margin: 5px 0 0;
  font-size: 16px;
  font-weight: 700;
  word-break: break-word;
}

.mailbox .message-center .message-item .mail-contnet .message-title a {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #2961ff;
  position: relative;
  z-index: 2;
}

.mailbox .message-center .message-item .mail-contnet .message-title a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.mailbox .message-center .message-item .mail-contnet .message-title .label {
  font-size: 11px;
  line-height: 13px;
  padding: 0 5px;
}

@media (max-width : 599px) {
  .mailbox .message-center .message-item .mail-contnet .message-title .label {
    display: inline-block;
  }
}

.mailbox .message-center .message-item .mail-contnet .mail-desc,
.mailbox .message-center .message-item .mail-contnet .time {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #a1aab2;
}

.mailbox .message-center .message-item .mail-contnet .mail-desc .material-icons,
.mailbox .message-center .message-item .mail-contnet .time .material-icons {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
}

.list-header {
  border-bottom: 3px solid #edf3f7;
  padding-bottom: 16px;
}

@media (max-width : 767px) {
  .list-header .header-text {
    padding: 0;
  }
}

.list-header .header-text .txt-c {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.list-header .header-text .txt-c .txt {
  display: block;
  float: left;
  padding: 0 10px 0 0;
}

@media (max-width : 767px) {
  .list-header .header-buttons {
    float: none !important;
    text-align: right;
    margin: 0;
    padding-bottom: 16px;
  }
}

.list-header h2,
.list-header .header-tl {
  display: block;
  color: #111;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
}

.list-header h2:not(:last-child),
.list-header .header-tl:not(:last-child) {
  margin-right: 6px;
}

.list-header h2 small,
.list-header .header-tl small {
  display: block;
  font-size: 14px;
  margin-top: 8px;
  color: #9098ac;
  line-height: 16px;
}

.list-header h2 small i,
.list-header .header-tl small i {
  font-size: 18px;
  margin: 0 2px 0 0;
}

.list-header h2 small i.fa-map-marker-alt,
.list-header .header-tl small i.fa-map-marker-alt {
  color: #ec393f;
}

.list-header h2 .tl-form-group,
.list-header .header-tl .tl-form-group {
  width: 200px;
}

@media (max-width : 767px) {
  .list-header h2,
  .list-header .header-tl {
    font-size: 19px;
    line-height: 24px;
  }
}

.list-header h2 .header-text,
.list-header .header-tl .header-text {
  display: block;
}

.list-header h2 .header-text.flex,
.list-header .header-tl .header-text.flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.list-header h2 .header-text .badges,
.list-header .header-tl .header-text .badges {
  display: inline-flex;
  margin: 0 -2px;
}

.list-header h2 .header-text .badges .badge,
.list-header .header-tl .header-text .badges .badge {
  margin: 2px;
}

.list-header h2 .header-text .sm-tl,
.list-header .header-tl .header-text .sm-tl {
  margin: 4px 0 0 0;
}

.list-header h2 .header-buttons,
.list-header .header-tl .header-buttons {
  padding: 0 0 0 16px;
}

@media (max-width : 899px) {
  .list-header h2 .header-buttons,
  .list-header .header-tl .header-buttons {
    padding-left: 0;
  }
}

.list-header .nextStep {
  display: inline-block;
  vertical-align: top;
  margin: 3px 0;
  background-color: #f2f2f2;
  color: #222;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
}

.list-header .nextStep strong {
  font-weight: 600;
}

.list-header .linkTxt {
  display: block;
}

.list-header .linkTxt.clearfix {
  clear: both;
}

.list-header .linkTxt .rate {
  display: block;
  margin: 0 0 6px 0;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  min-width: 100px;
  text-align: center;
  background-color: rgba(41, 97, 255, 0.1);
  border: 1px dashed #2961ff;
  color: #2961ff;
}

.list-header .linkTxt .links {
  display: inline-block;
  font-size: 14px;
  margin: 5px 6px 0 0;
  color: #9098ac;
  line-height: 16px;
  font-weight: 500;
}

.list-header .linkTxt a.links:hover {
  color: #2961ff;
}

.list-header .linkTxt .amount {
  display: block;
  float: right;
  margin: 6px 0 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #222;
  text-align: right;
}

.activeStatus {
  display: flex;
  width: calc(100% + 8px);
  flex-wrap: wrap;
  margin: 8px -4px 0 -4px;
  padding: 0;
  justify-content: flex-end;
}

@media (max-width : 1023px) {
  .activeStatus {
    justify-content: inherit;
  }
}

@media (max-width : 899px) {
  .activeStatus {
    order: 2;
  }

  .activeStatus.order-4 {
    order: 4;
  }
}

.activeStatus .li {
  display: block;
  float: left;
  position: relative;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
  padding: 14px 8px;
  margin: 4px;
  background-color: #f1f4fb;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  text-align: left;
  color: #2961ff;
  width: auto;
  min-width: 130px;
  overflow: hidden;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

@media (max-width : 1400px) {
  .activeStatus .li {
    min-width: 120px;
  }
}

.activeStatus .li.sm {
  font-size: 15px;
  line-height: 19px;
}

.activeStatus .li.light-bg {
  background-color: #f4f7ff;
}

.activeStatus .li.with-icon {
  position: relative;
  padding-right: 34px;
}

.activeStatus .li.with-icon i {
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  color: #ef5350;
  font-size: 32px;
  line-height: 34px;
}

.activeStatus .li.with-icon i.fa-calendar-alt {
  font-size: 24px;
}

@media (max-width : 1023px) {
  .activeStatus .li {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width : 767px) {
  .activeStatus .li {
    width: calc(25% - 8px);
    min-width: 1px;
  }
}

@media (max-width : 575px) {
  .activeStatus .li {
    width: calc(50% - 8px);
  }

  .activeStatus .li:nth-child(odd):last-child {
    width: 100%;
  }
}

.activeStatus .li .t {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #777;
  margin: 0 0 6px 0;
}

.activeStatus .li .info-txt {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 17px;
}

.activeStatus .li .info-txt:not(:last-child) {
  margin: 0 0 3px 0;
}

.activeStatus .li .info-txt .t {
  display: block;
  float: left;
  margin-right: 4px;
}

.activeStatus .li .info-txt i {
  display: block;
  float: left;
  min-width: 16px;
  text-align: center;
  margin: 0 5px 0 0;
}

.activeStatus .li .sm {
  font-size: 15px;
  line-height: 19px;
}

.activeStatus .li .info-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.activeStatus .li .info-list .li-data {
  display: flex;
  float: left;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 18px;
  color: #222;
  font-weight: 600;
}

.activeStatus .li .info-list .li-data img {
  display: block;
  float: left;
  height: 18px;
  width: auto;
  margin: 0 6px 0 0;
}

.activeStatus.col-activeStatus {
  margin-top: -5px;
}

.activeStatus.col-activeStatus .li {
  width: calc(33.333333% - 8px);
  min-width: 1px;
}

@media (max-width : 575px) {
  .activeStatus.col-activeStatus .li {
    width: calc(50% - 8px);
  }

  .activeStatus.col-activeStatus .li:nth-child(odd):last-child {
    width: 100%;
  }
}

.activeStatus.flex .li {
  flex: 1;
}

@media (max-width : 767px) {
  .activeStatus.flex .li {
    flex: inherit;
  }
}

@media (min-width : 768px) {
  .activeStatus.flex-auto .li:not(.auto-width) {
    flex: 1;
  }
}

@media (min-width : 576px) {
  .activeStatus.flex-width {
    flex-flow: row;
  }

  .activeStatus.flex-width .li {
    width: 100%;
  }
}

.activeStatus.lg .li {
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}

.activeStatus.lg .li .t {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #4e4e4e;
}

.activeStatus.lg .li small {
  display: inline-block;
  vertical-align: top;
}

.notes-with-status {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}

.notes-with-status .notes-box {
  display: block;
  float: left;
  width: 33.333333%;
  margin: 12px 0 0 0;
  background-color: #f1f4fb;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.notes-with-status .notes-box h5 {
  font-size: 17px;
  line-height: 21px;
}

.notes-with-status .notes-box p {
  display: block;
}

.notes-with-status .notes-box p:not(:last-child) {
  margin: 0 0 12px 0;
}

.notes-with-status .activeStatus {
  float: left;
  width: 100%;
  flex: 1;
  padding: 0 0 0 8px;
}

@media (max-width : 1023px) {
  .notes-with-status {
    flex-flow: column-reverse;
  }

  .notes-with-status .notes-box {
    width: 100%;
    margin: 8px 0 0 0;
  }

  .notes-with-status .activeStatus {
    padding-left: 0;
  }
}

.listTab {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  color: #555555;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
}

.listTab:not(:last-child) {
  margin-right: 10px;
}

.listTab .fa,
.listTab .far,
.listTab .fas {
  font-size: 18px;
  line-height: 26px;
}

.listTab .txt {
  display: inline-block;
  vertical-align: top;
  margin: 6px 0 0 6px;
}

.listTab:hover,
.listTab.sl,
.show .listTab {
  color: #2961ff;
}

@media (max-width : 599px) {
  .listTab .fa,
  .listTab .far,
  .listTab .fas {
    margin-right: 7px;
    font-size: 18px;
  }

  .listTab.mapTab {
    margin-left: 0;
  }
}

.dropdown {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.dropdown.pull-right {
  float: right;
}

.list-search {
  display: block;
  width: 400px;
  max-width: 100%;
  position: relative;
}

.list-search.email-search {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  max-width: 100%;
}

.list-search.doc-search {
  display: inline-block;
  vertical-align: top;
  width: 344px;
  max-width: 100%;
}

.list-search.full {
  width: 100%;
  max-width: 100%;
}

.list-search.with-limit {
  padding-right: 50px;
  position: relative;
}

.list-search.with-limit .limit {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  z-index: 0;
}

.list-search.with-limit .limit:focus {
  z-index: 2;
}

.list-search.with-limit .btn {
  right: 52px;
  z-index: 1;
}

@media (max-width : 899px) {
  .list-search {
    width: 100%;
    max-width: 100%;
    clear: both;
  }
}

.list-search .form-control {
  padding-right: 44px;
  position: relative;
  z-index: 1;
}

.list-search .btn,
.list-search .btn:focus,
.list-search .btn:active {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 44px;
  height: 40px;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat center center !important;
  padding: 0;
  background-size: 18px auto !important;
  outline: none !important;
  box-shadow: inherit !important;
  -ms-box-shadow: inherit !important;
  -webkit-box-shadow: inherit !important;
  -o-box-shadow: inherit !important;
  -moz-box-shadow: inherit !important;
  margin: 0 !important;
}

.custom-sortable {
  display: block;
  border-bottom: 3px solid #edf3f7;
  position: relative;
}

.custom-sortable .custom-sortable-opt .sort-listing {
  margin: 12px 0 12px 0;
}

@media (max-width : 767px) {
  .custom-sortable .custom-sortable-opt.mobile-view {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 800ms;
    -webkit-transition: 800ms;
    -ms-transition: 800ms;
    -o-transition: 800ms;
    -moz-transition: 800ms;
  }

  body.show-sorting .custom-sortable .custom-sortable-opt.mobile-view {
    opacity: 1;
    visibility: visible;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing-c {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    padding: 24px 0 8px 0 !important;
    width: 280px;
    max-width: calc(100vw - 32px);
    height: auto;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing-c .mob-close {
    display: block;
    position: absolute;
    top: 2px;
    right: 1px;
    background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
    background-size: 12px auto;
    border: none;
    padding: 0;
    width: 28px;
    height: 20px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing {
    display: block;
    padding: 0 16px !important;
    margin: 0;
    max-height: calc(100vh - 102px);
    overflow: auto;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li {
    display: block;
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .t {
    padding: 10px 16px 10px 0 !important;
    position: relative;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .t:after {
    position: absolute !important;
    top: 14px !important;
    right: 0px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu {
    position: static !important;
    transform: inherit !important;
    -ms-transform: inherit !important;
    -webkit-transform: inherit !important;
    -o-transform: inherit !important;
    -moz-transform: inherit !important;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -moz-box-shadow: none !important;
    width: 100% !important;
    padding: 0 0 8px 0;
    max-height: inherit;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .check-tree {
    width: 100%;
    padding-bottom: 10px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .check-tree .li {
    padding: 10px 0 0 0;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .check-tree .li:first-child {
    padding-top: 0;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .form-group label {
    font-size: 14px;
    line-height: 16px;
  }

  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .countryDrop,
  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .nationalityDrop,
  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .countryDrop,
  .custom-sortable .custom-sortable-opt.mobile-view .sort-listing > li .dropdown-menu .selCountry .nationalityDrop {
    position: relative;
  }
}

.custom-sortable .rgtBx {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width : 767px) {
  .custom-sortable {
    padding-right: 0;
    border: none;
  }

  .custom-sortable .rgtBx {
    position: static;
    float: right;
    margin: 6px 0 12px 0;
  }
}

.custom-sortable .custom-sortable-opt {
  display: block;
  overflow: auto;
}

.custom-sortable .custom-sortable-opt .sort-listing {
  display: table;
  padding: 0;
  margin: 0 0 20px 0;
}

.custom-sortable .custom-sortable-opt .sort-listing > li {
  display: table-cell;
  padding: 0 26px 0 0;
  color: #414755;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

.custom-sortable .custom-sortable-opt .sort-listing > li:last-child {
  padding-right: 0;
}

.custom-sortable .custom-sortable-opt .sort-listing > li a {
  display: inline-block;
  color: #414755;
  white-space: nowrap;
}

.custom-sortable .custom-sortable-opt .sort-listing > li a i {
  margin: 0 0 0 2px;
}

.custom-sortable .custom-sortable-opt .sort-listing > li > .form-control {
  border: none !important;
  padding: 0 20px 0 0 !important;
  height: auto;
  width: auto;
  color: #414755;
  font-weight: 700;
}

.custom-sortable .custom-sortable-opt .sort-listing > li > select.form-control {
  cursor: pointer;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing {
  display: block;
  font-size: 0px;
  margin: 0;
  padding: 0;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing .dropdown-menu {
  max-height: 600px;
  overflow: auto;
  z-index: 12;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li {
  display: inline-block;
  vertical-align: top;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.dropdown {
  padding: 0;
  margin: 0 14px -1px 0;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.dropdown:last-child {
  margin-right: 0;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li .t {
  display: block;
  cursor: pointer;
  padding: 8px 0 10px 0;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

@media (max-width : 575px) {
  .custom-sortable .custom-sortable-opt.o-visible .sort-listing > li .t {
    padding: 11px 0;
  }
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.show .t {
  color: #2961ff;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li.show .t:after {
  color: #2961ff;
}

.custom-sortable .custom-sortable-opt.o-visible .sort-listing > li .dropdown-toggle:after {
  position: relative;
  top: 4px;
  font-size: 18px;
  color: #9fa7b8;
}

.table.dataTable th .table-action,
.table.dataTable td .table-action,
.listing-table thead tr th .table-action,
.listing-table thead tr td .table-action,
.listing-table tbody tr th .table-action,
.listing-table tbody tr td .table-action,
.listing-table tfoot tr th .table-action,
.listing-table tfoot tr td .table-action,
.text-table table thead td .table-action,
.text-table table tbody td .table-action,
.text-table table tfoot td .table-action {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 18px;
}

.table.dataTable th .table-action a,
.table.dataTable td .table-action a,
.listing-table thead tr th .table-action a,
.listing-table thead tr td .table-action a,
.listing-table tbody tr th .table-action a,
.listing-table tbody tr td .table-action a,
.listing-table tfoot tr th .table-action a,
.listing-table tfoot tr td .table-action a,
.text-table table thead td .table-action a,
.text-table table tbody td .table-action a,
.text-table table tfoot td .table-action a,
.table.dataTable th .table-action .actn,
.table.dataTable td .table-action .actn,
.listing-table thead tr th .table-action .actn,
.listing-table thead tr td .table-action .actn,
.listing-table tbody tr th .table-action .actn,
.listing-table tbody tr td .table-action .actn,
.listing-table tfoot tr th .table-action .actn,
.listing-table tfoot tr td .table-action .actn,
.text-table table thead td .table-action .actn,
.text-table table tbody td .table-action .actn,
.text-table table tfoot td .table-action .actn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  color: #424242;
  font-size: 16px;
  line-height: 24px;
  margin: 0 12px 0 0;
  cursor: pointer !important;
}

.text-table .table.dataTable th .table-action a,
.table.dataTable .text-table th .table-action a,
.text-table .table.dataTable td .table-action a,
.table.dataTable .text-table td .table-action a,
.text-table .listing-table thead tr th .table-action a,
.listing-table thead tr .text-table th .table-action a,
.text-table .listing-table thead tr td .table-action a,
.listing-table thead tr .text-table td .table-action a,
.text-table .listing-table tbody tr th .table-action a,
.listing-table tbody tr .text-table th .table-action a,
.text-table .listing-table tbody tr td .table-action a,
.listing-table tbody tr .text-table td .table-action a,
.text-table .listing-table tfoot tr th .table-action a,
.listing-table tfoot tr .text-table th .table-action a,
.text-table .listing-table tfoot tr td .table-action a,
.listing-table tfoot tr .text-table td .table-action a,
.text-table table thead td .table-action a,
.text-table table tbody td .table-action a,
.text-table table tfoot td .table-action a,
.text-table .table.dataTable th .table-action .actn,
.table.dataTable .text-table th .table-action .actn,
.text-table .table.dataTable td .table-action .actn,
.table.dataTable .text-table td .table-action .actn,
.text-table .listing-table thead tr th .table-action .actn,
.listing-table thead tr .text-table th .table-action .actn,
.text-table .listing-table thead tr td .table-action .actn,
.listing-table thead tr .text-table td .table-action .actn,
.text-table .listing-table tbody tr th .table-action .actn,
.listing-table tbody tr .text-table th .table-action .actn,
.text-table .listing-table tbody tr td .table-action .actn,
.listing-table tbody tr .text-table td .table-action .actn,
.text-table .listing-table tfoot tr th .table-action .actn,
.listing-table tfoot tr .text-table th .table-action .actn,
.text-table .listing-table tfoot tr td .table-action .actn,
.listing-table tfoot tr .text-table td .table-action .actn,
.text-table table thead td .table-action .actn,
.text-table table tbody td .table-action .actn,
.text-table table tfoot td .table-action .actn {
  font-size: 17px;
  line-height: 19px;
}

.text-table .table.dataTable th .table-action a.text-md,
.table.dataTable .text-table th .table-action a.text-md,
.text-table .table.dataTable td .table-action a.text-md,
.table.dataTable .text-table td .table-action a.text-md,
.text-table .listing-table thead tr th .table-action a.text-md,
.listing-table thead tr .text-table th .table-action a.text-md,
.text-table .listing-table thead tr td .table-action a.text-md,
.listing-table thead tr .text-table td .table-action a.text-md,
.text-table .listing-table tbody tr th .table-action a.text-md,
.listing-table tbody tr .text-table th .table-action a.text-md,
.text-table .listing-table tbody tr td .table-action a.text-md,
.listing-table tbody tr .text-table td .table-action a.text-md,
.text-table .listing-table tfoot tr th .table-action a.text-md,
.listing-table tfoot tr .text-table th .table-action a.text-md,
.text-table .listing-table tfoot tr td .table-action a.text-md,
.listing-table tfoot tr .text-table td .table-action a.text-md,
.text-table table thead td .table-action a.text-md,
.text-table table tbody td .table-action a.text-md,
.text-table table tfoot td .table-action a.text-md,
.text-table .table.dataTable th .table-action .actn.text-md,
.table.dataTable .text-table th .table-action .actn.text-md,
.text-table .table.dataTable td .table-action .actn.text-md,
.table.dataTable .text-table td .table-action .actn.text-md,
.text-table .listing-table thead tr th .table-action .actn.text-md,
.listing-table thead tr .text-table th .table-action .actn.text-md,
.text-table .listing-table thead tr td .table-action .actn.text-md,
.listing-table thead tr .text-table td .table-action .actn.text-md,
.text-table .listing-table tbody tr th .table-action .actn.text-md,
.listing-table tbody tr .text-table th .table-action .actn.text-md,
.text-table .listing-table tbody tr td .table-action .actn.text-md,
.listing-table tbody tr .text-table td .table-action .actn.text-md,
.text-table .listing-table tfoot tr th .table-action .actn.text-md,
.listing-table tfoot tr .text-table th .table-action .actn.text-md,
.text-table .listing-table tfoot tr td .table-action .actn.text-md,
.listing-table tfoot tr .text-table td .table-action .actn.text-md,
.text-table table thead td .table-action .actn.text-md,
.text-table table tbody td .table-action .actn.text-md,
.text-table table tfoot td .table-action .actn.text-md {
  font-size: 19px;
}

.table.dataTable th .table-action a:last-child,
.table.dataTable td .table-action a:last-child,
.listing-table thead tr th .table-action a:last-child,
.listing-table thead tr td .table-action a:last-child,
.listing-table tbody tr th .table-action a:last-child,
.listing-table tbody tr td .table-action a:last-child,
.listing-table tfoot tr th .table-action a:last-child,
.listing-table tfoot tr td .table-action a:last-child,
.text-table table thead td .table-action a:last-child,
.text-table table tbody td .table-action a:last-child,
.text-table table tfoot td .table-action a:last-child,
.table.dataTable th .table-action .actn:last-child,
.table.dataTable td .table-action .actn:last-child,
.listing-table thead tr th .table-action .actn:last-child,
.listing-table thead tr td .table-action .actn:last-child,
.listing-table tbody tr th .table-action .actn:last-child,
.listing-table tbody tr td .table-action .actn:last-child,
.listing-table tfoot tr th .table-action .actn:last-child,
.listing-table tfoot tr td .table-action .actn:last-child,
.text-table table thead td .table-action .actn:last-child,
.text-table table tbody td .table-action .actn:last-child,
.text-table table tfoot td .table-action .actn:last-child {
  margin-right: 0;
}

.table.dataTable th .table-action a:hover,
.table.dataTable td .table-action a:hover,
.listing-table thead tr th .table-action a:hover,
.listing-table thead tr td .table-action a:hover,
.listing-table tbody tr th .table-action a:hover,
.listing-table tbody tr td .table-action a:hover,
.listing-table tfoot tr th .table-action a:hover,
.listing-table tfoot tr td .table-action a:hover,
.text-table table thead td .table-action a:hover,
.text-table table tbody td .table-action a:hover,
.text-table table tfoot td .table-action a:hover,
.table.dataTable th .table-action .actn:hover,
.table.dataTable td .table-action .actn:hover,
.listing-table thead tr th .table-action .actn:hover,
.listing-table thead tr td .table-action .actn:hover,
.listing-table tbody tr th .table-action .actn:hover,
.listing-table tbody tr td .table-action .actn:hover,
.listing-table tfoot tr th .table-action .actn:hover,
.listing-table tfoot tr td .table-action .actn:hover,
.text-table table thead td .table-action .actn:hover,
.text-table table tbody td .table-action .actn:hover,
.text-table table tfoot td .table-action .actn:hover {
  color: #2961ff;
  text-decoration: none;
}

.table.dataTable th .table-action a:hover .fa-copy,
.table.dataTable td .table-action a:hover .fa-copy,
.listing-table thead tr th .table-action a:hover .fa-copy,
.listing-table thead tr td .table-action a:hover .fa-copy,
.listing-table tbody tr th .table-action a:hover .fa-copy,
.listing-table tbody tr td .table-action a:hover .fa-copy,
.listing-table tfoot tr th .table-action a:hover .fa-copy,
.listing-table tfoot tr td .table-action a:hover .fa-copy,
.text-table table thead td .table-action a:hover .fa-copy,
.text-table table tbody td .table-action a:hover .fa-copy,
.text-table table tfoot td .table-action a:hover .fa-copy,
.table.dataTable th .table-action a:hover .fa-eye,
.table.dataTable td .table-action a:hover .fa-eye,
.listing-table thead tr th .table-action a:hover .fa-eye,
.listing-table thead tr td .table-action a:hover .fa-eye,
.listing-table tbody tr th .table-action a:hover .fa-eye,
.listing-table tbody tr td .table-action a:hover .fa-eye,
.listing-table tfoot tr th .table-action a:hover .fa-eye,
.listing-table tfoot tr td .table-action a:hover .fa-eye,
.text-table table thead td .table-action a:hover .fa-eye,
.text-table table tbody td .table-action a:hover .fa-eye,
.text-table table tfoot td .table-action a:hover .fa-eye,
.table.dataTable th .table-action a:hover .fa-envelope,
.table.dataTable td .table-action a:hover .fa-envelope,
.listing-table thead tr th .table-action a:hover .fa-envelope,
.listing-table thead tr td .table-action a:hover .fa-envelope,
.listing-table tbody tr th .table-action a:hover .fa-envelope,
.listing-table tbody tr td .table-action a:hover .fa-envelope,
.listing-table tfoot tr th .table-action a:hover .fa-envelope,
.listing-table tfoot tr td .table-action a:hover .fa-envelope,
.text-table table thead td .table-action a:hover .fa-envelope,
.text-table table tbody td .table-action a:hover .fa-envelope,
.text-table table tfoot td .table-action a:hover .fa-envelope,
.table.dataTable th .table-action a:hover .fa-user,
.table.dataTable td .table-action a:hover .fa-user,
.listing-table thead tr th .table-action a:hover .fa-user,
.listing-table thead tr td .table-action a:hover .fa-user,
.listing-table tbody tr th .table-action a:hover .fa-user,
.listing-table tbody tr td .table-action a:hover .fa-user,
.listing-table tfoot tr th .table-action a:hover .fa-user,
.listing-table tfoot tr td .table-action a:hover .fa-user,
.text-table table thead td .table-action a:hover .fa-user,
.text-table table tbody td .table-action a:hover .fa-user,
.text-table table tfoot td .table-action a:hover .fa-user,
.table.dataTable th .table-action a:hover .fa-play-circle,
.table.dataTable td .table-action a:hover .fa-play-circle,
.listing-table thead tr th .table-action a:hover .fa-play-circle,
.listing-table thead tr td .table-action a:hover .fa-play-circle,
.listing-table tbody tr th .table-action a:hover .fa-play-circle,
.listing-table tbody tr td .table-action a:hover .fa-play-circle,
.listing-table tfoot tr th .table-action a:hover .fa-play-circle,
.listing-table tfoot tr td .table-action a:hover .fa-play-circle,
.text-table table thead td .table-action a:hover .fa-play-circle,
.text-table table tbody td .table-action a:hover .fa-play-circle,
.text-table table tfoot td .table-action a:hover .fa-play-circle,
.table.dataTable th .table-action a:hover .fa-pause-circle,
.table.dataTable td .table-action a:hover .fa-pause-circle,
.listing-table thead tr th .table-action a:hover .fa-pause-circle,
.listing-table thead tr td .table-action a:hover .fa-pause-circle,
.listing-table tbody tr th .table-action a:hover .fa-pause-circle,
.listing-table tbody tr td .table-action a:hover .fa-pause-circle,
.listing-table tfoot tr th .table-action a:hover .fa-pause-circle,
.listing-table tfoot tr td .table-action a:hover .fa-pause-circle,
.text-table table thead td .table-action a:hover .fa-pause-circle,
.text-table table tbody td .table-action a:hover .fa-pause-circle,
.text-table table tfoot td .table-action a:hover .fa-pause-circle,
.table.dataTable th .table-action .actn:hover .fa-copy,
.table.dataTable td .table-action .actn:hover .fa-copy,
.listing-table thead tr th .table-action .actn:hover .fa-copy,
.listing-table thead tr td .table-action .actn:hover .fa-copy,
.listing-table tbody tr th .table-action .actn:hover .fa-copy,
.listing-table tbody tr td .table-action .actn:hover .fa-copy,
.listing-table tfoot tr th .table-action .actn:hover .fa-copy,
.listing-table tfoot tr td .table-action .actn:hover .fa-copy,
.text-table table thead td .table-action .actn:hover .fa-copy,
.text-table table tbody td .table-action .actn:hover .fa-copy,
.text-table table tfoot td .table-action .actn:hover .fa-copy,
.table.dataTable th .table-action .actn:hover .fa-eye,
.table.dataTable td .table-action .actn:hover .fa-eye,
.listing-table thead tr th .table-action .actn:hover .fa-eye,
.listing-table thead tr td .table-action .actn:hover .fa-eye,
.listing-table tbody tr th .table-action .actn:hover .fa-eye,
.listing-table tbody tr td .table-action .actn:hover .fa-eye,
.listing-table tfoot tr th .table-action .actn:hover .fa-eye,
.listing-table tfoot tr td .table-action .actn:hover .fa-eye,
.text-table table thead td .table-action .actn:hover .fa-eye,
.text-table table tbody td .table-action .actn:hover .fa-eye,
.text-table table tfoot td .table-action .actn:hover .fa-eye,
.table.dataTable th .table-action .actn:hover .fa-envelope,
.table.dataTable td .table-action .actn:hover .fa-envelope,
.listing-table thead tr th .table-action .actn:hover .fa-envelope,
.listing-table thead tr td .table-action .actn:hover .fa-envelope,
.listing-table tbody tr th .table-action .actn:hover .fa-envelope,
.listing-table tbody tr td .table-action .actn:hover .fa-envelope,
.listing-table tfoot tr th .table-action .actn:hover .fa-envelope,
.listing-table tfoot tr td .table-action .actn:hover .fa-envelope,
.text-table table thead td .table-action .actn:hover .fa-envelope,
.text-table table tbody td .table-action .actn:hover .fa-envelope,
.text-table table tfoot td .table-action .actn:hover .fa-envelope,
.table.dataTable th .table-action .actn:hover .fa-user,
.table.dataTable td .table-action .actn:hover .fa-user,
.listing-table thead tr th .table-action .actn:hover .fa-user,
.listing-table thead tr td .table-action .actn:hover .fa-user,
.listing-table tbody tr th .table-action .actn:hover .fa-user,
.listing-table tbody tr td .table-action .actn:hover .fa-user,
.listing-table tfoot tr th .table-action .actn:hover .fa-user,
.listing-table tfoot tr td .table-action .actn:hover .fa-user,
.text-table table thead td .table-action .actn:hover .fa-user,
.text-table table tbody td .table-action .actn:hover .fa-user,
.text-table table tfoot td .table-action .actn:hover .fa-user,
.table.dataTable th .table-action .actn:hover .fa-play-circle,
.table.dataTable td .table-action .actn:hover .fa-play-circle,
.listing-table thead tr th .table-action .actn:hover .fa-play-circle,
.listing-table thead tr td .table-action .actn:hover .fa-play-circle,
.listing-table tbody tr th .table-action .actn:hover .fa-play-circle,
.listing-table tbody tr td .table-action .actn:hover .fa-play-circle,
.listing-table tfoot tr th .table-action .actn:hover .fa-play-circle,
.listing-table tfoot tr td .table-action .actn:hover .fa-play-circle,
.text-table table thead td .table-action .actn:hover .fa-play-circle,
.text-table table tbody td .table-action .actn:hover .fa-play-circle,
.text-table table tfoot td .table-action .actn:hover .fa-play-circle,
.table.dataTable th .table-action .actn:hover .fa-pause-circle,
.table.dataTable td .table-action .actn:hover .fa-pause-circle,
.listing-table thead tr th .table-action .actn:hover .fa-pause-circle,
.listing-table thead tr td .table-action .actn:hover .fa-pause-circle,
.listing-table tbody tr th .table-action .actn:hover .fa-pause-circle,
.listing-table tbody tr td .table-action .actn:hover .fa-pause-circle,
.listing-table tfoot tr th .table-action .actn:hover .fa-pause-circle,
.listing-table tfoot tr td .table-action .actn:hover .fa-pause-circle,
.text-table table thead td .table-action .actn:hover .fa-pause-circle,
.text-table table tbody td .table-action .actn:hover .fa-pause-circle,
.text-table table tfoot td .table-action .actn:hover .fa-pause-circle {
  font-weight: 600;
}

.table.dataTable th .table-action a:hover .fa-pencil-alt:before,
.table.dataTable td .table-action a:hover .fa-pencil-alt:before,
.listing-table thead tr th .table-action a:hover .fa-pencil-alt:before,
.listing-table thead tr td .table-action a:hover .fa-pencil-alt:before,
.listing-table tbody tr th .table-action a:hover .fa-pencil-alt:before,
.listing-table tbody tr td .table-action a:hover .fa-pencil-alt:before,
.listing-table tfoot tr th .table-action a:hover .fa-pencil-alt:before,
.listing-table tfoot tr td .table-action a:hover .fa-pencil-alt:before,
.text-table table thead td .table-action a:hover .fa-pencil-alt:before,
.text-table table tbody td .table-action a:hover .fa-pencil-alt:before,
.text-table table tfoot td .table-action a:hover .fa-pencil-alt:before,
.table.dataTable th .table-action .actn:hover .fa-pencil-alt:before,
.table.dataTable td .table-action .actn:hover .fa-pencil-alt:before,
.listing-table thead tr th .table-action .actn:hover .fa-pencil-alt:before,
.listing-table thead tr td .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tbody tr th .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tbody tr td .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tfoot tr th .table-action .actn:hover .fa-pencil-alt:before,
.listing-table tfoot tr td .table-action .actn:hover .fa-pencil-alt:before,
.text-table table thead td .table-action .actn:hover .fa-pencil-alt:before,
.text-table table tbody td .table-action .actn:hover .fa-pencil-alt:before,
.text-table table tfoot td .table-action .actn:hover .fa-pencil-alt:before {
  content: "\f304";
}

.table.dataTable th .table-action a.fav,
.table.dataTable td .table-action a.fav,
.listing-table thead tr th .table-action a.fav,
.listing-table thead tr td .table-action a.fav,
.listing-table tbody tr th .table-action a.fav,
.listing-table tbody tr td .table-action a.fav,
.listing-table tfoot tr th .table-action a.fav,
.listing-table tfoot tr td .table-action a.fav,
.text-table table thead td .table-action a.fav,
.text-table table tbody td .table-action a.fav,
.text-table table tfoot td .table-action a.fav,
.table.dataTable th .table-action .actn.fav,
.table.dataTable td .table-action .actn.fav,
.listing-table thead tr th .table-action .actn.fav,
.listing-table thead tr td .table-action .actn.fav,
.listing-table tbody tr th .table-action .actn.fav,
.listing-table tbody tr td .table-action .actn.fav,
.listing-table tfoot tr th .table-action .actn.fav,
.listing-table tfoot tr td .table-action .actn.fav,
.text-table table thead td .table-action .actn.fav,
.text-table table tbody td .table-action .actn.fav,
.text-table table tfoot td .table-action .actn.fav {
  color: #424242;
}

.table.dataTable th .table-action a.fav.sl,
.table.dataTable td .table-action a.fav.sl,
.listing-table thead tr th .table-action a.fav.sl,
.listing-table thead tr td .table-action a.fav.sl,
.listing-table tbody tr th .table-action a.fav.sl,
.listing-table tbody tr td .table-action a.fav.sl,
.listing-table tfoot tr th .table-action a.fav.sl,
.listing-table tfoot tr td .table-action a.fav.sl,
.text-table table thead td .table-action a.fav.sl,
.text-table table tbody td .table-action a.fav.sl,
.text-table table tfoot td .table-action a.fav.sl,
.table.dataTable th .table-action a.fav.active,
.table.dataTable td .table-action a.fav.active,
.listing-table thead tr th .table-action a.fav.active,
.listing-table thead tr td .table-action a.fav.active,
.listing-table tbody tr th .table-action a.fav.active,
.listing-table tbody tr td .table-action a.fav.active,
.listing-table tfoot tr th .table-action a.fav.active,
.listing-table tfoot tr td .table-action a.fav.active,
.text-table table thead td .table-action a.fav.active,
.text-table table tbody td .table-action a.fav.active,
.text-table table tfoot td .table-action a.fav.active,
.table.dataTable th .table-action a.fav:hover,
.table.dataTable td .table-action a.fav:hover,
.listing-table thead tr th .table-action a.fav:hover,
.listing-table thead tr td .table-action a.fav:hover,
.listing-table tbody tr th .table-action a.fav:hover,
.listing-table tbody tr td .table-action a.fav:hover,
.listing-table tfoot tr th .table-action a.fav:hover,
.listing-table tfoot tr td .table-action a.fav:hover,
.text-table table thead td .table-action a.fav:hover,
.text-table table tbody td .table-action a.fav:hover,
.text-table table tfoot td .table-action a.fav:hover,
.table.dataTable th .table-action .actn.fav.sl,
.table.dataTable td .table-action .actn.fav.sl,
.listing-table thead tr th .table-action .actn.fav.sl,
.listing-table thead tr td .table-action .actn.fav.sl,
.listing-table tbody tr th .table-action .actn.fav.sl,
.listing-table tbody tr td .table-action .actn.fav.sl,
.listing-table tfoot tr th .table-action .actn.fav.sl,
.listing-table tfoot tr td .table-action .actn.fav.sl,
.text-table table thead td .table-action .actn.fav.sl,
.text-table table tbody td .table-action .actn.fav.sl,
.text-table table tfoot td .table-action .actn.fav.sl,
.table.dataTable th .table-action .actn.fav.active,
.table.dataTable td .table-action .actn.fav.active,
.listing-table thead tr th .table-action .actn.fav.active,
.listing-table thead tr td .table-action .actn.fav.active,
.listing-table tbody tr th .table-action .actn.fav.active,
.listing-table tbody tr td .table-action .actn.fav.active,
.listing-table tfoot tr th .table-action .actn.fav.active,
.listing-table tfoot tr td .table-action .actn.fav.active,
.text-table table thead td .table-action .actn.fav.active,
.text-table table tbody td .table-action .actn.fav.active,
.text-table table tfoot td .table-action .actn.fav.active,
.table.dataTable th .table-action .actn.fav:hover,
.table.dataTable td .table-action .actn.fav:hover,
.listing-table thead tr th .table-action .actn.fav:hover,
.listing-table thead tr td .table-action .actn.fav:hover,
.listing-table tbody tr th .table-action .actn.fav:hover,
.listing-table tbody tr td .table-action .actn.fav:hover,
.listing-table tfoot tr th .table-action .actn.fav:hover,
.listing-table tfoot tr td .table-action .actn.fav:hover,
.text-table table thead td .table-action .actn.fav:hover,
.text-table table tbody td .table-action .actn.fav:hover,
.text-table table tfoot td .table-action .actn.fav:hover {
  color: #fc4b6c;
}

.table.dataTable th .table-action a.fav.sl .fa-heart:before,
.table.dataTable td .table-action a.fav.sl .fa-heart:before,
.listing-table thead tr th .table-action a.fav.sl .fa-heart:before,
.listing-table thead tr td .table-action a.fav.sl .fa-heart:before,
.listing-table tbody tr th .table-action a.fav.sl .fa-heart:before,
.listing-table tbody tr td .table-action a.fav.sl .fa-heart:before,
.listing-table tfoot tr th .table-action a.fav.sl .fa-heart:before,
.listing-table tfoot tr td .table-action a.fav.sl .fa-heart:before,
.text-table table thead td .table-action a.fav.sl .fa-heart:before,
.text-table table tbody td .table-action a.fav.sl .fa-heart:before,
.text-table table tfoot td .table-action a.fav.sl .fa-heart:before,
.table.dataTable th .table-action a.fav.active .fa-heart:before,
.table.dataTable td .table-action a.fav.active .fa-heart:before,
.listing-table thead tr th .table-action a.fav.active .fa-heart:before,
.listing-table thead tr td .table-action a.fav.active .fa-heart:before,
.listing-table tbody tr th .table-action a.fav.active .fa-heart:before,
.listing-table tbody tr td .table-action a.fav.active .fa-heart:before,
.listing-table tfoot tr th .table-action a.fav.active .fa-heart:before,
.listing-table tfoot tr td .table-action a.fav.active .fa-heart:before,
.text-table table thead td .table-action a.fav.active .fa-heart:before,
.text-table table tbody td .table-action a.fav.active .fa-heart:before,
.text-table table tfoot td .table-action a.fav.active .fa-heart:before,
.table.dataTable th .table-action a.fav:hover .fa-heart:before,
.table.dataTable td .table-action a.fav:hover .fa-heart:before,
.listing-table thead tr th .table-action a.fav:hover .fa-heart:before,
.listing-table thead tr td .table-action a.fav:hover .fa-heart:before,
.listing-table tbody tr th .table-action a.fav:hover .fa-heart:before,
.listing-table tbody tr td .table-action a.fav:hover .fa-heart:before,
.listing-table tfoot tr th .table-action a.fav:hover .fa-heart:before,
.listing-table tfoot tr td .table-action a.fav:hover .fa-heart:before,
.text-table table thead td .table-action a.fav:hover .fa-heart:before,
.text-table table tbody td .table-action a.fav:hover .fa-heart:before,
.text-table table tfoot td .table-action a.fav:hover .fa-heart:before,
.table.dataTable th .table-action .actn.fav.sl .fa-heart:before,
.table.dataTable td .table-action .actn.fav.sl .fa-heart:before,
.listing-table thead tr th .table-action .actn.fav.sl .fa-heart:before,
.listing-table thead tr td .table-action .actn.fav.sl .fa-heart:before,
.listing-table tbody tr th .table-action .actn.fav.sl .fa-heart:before,
.listing-table tbody tr td .table-action .actn.fav.sl .fa-heart:before,
.listing-table tfoot tr th .table-action .actn.fav.sl .fa-heart:before,
.listing-table tfoot tr td .table-action .actn.fav.sl .fa-heart:before,
.text-table table thead td .table-action .actn.fav.sl .fa-heart:before,
.text-table table tbody td .table-action .actn.fav.sl .fa-heart:before,
.text-table table tfoot td .table-action .actn.fav.sl .fa-heart:before,
.table.dataTable th .table-action .actn.fav.active .fa-heart:before,
.table.dataTable td .table-action .actn.fav.active .fa-heart:before,
.listing-table thead tr th .table-action .actn.fav.active .fa-heart:before,
.listing-table thead tr td .table-action .actn.fav.active .fa-heart:before,
.listing-table tbody tr th .table-action .actn.fav.active .fa-heart:before,
.listing-table tbody tr td .table-action .actn.fav.active .fa-heart:before,
.listing-table tfoot tr th .table-action .actn.fav.active .fa-heart:before,
.listing-table tfoot tr td .table-action .actn.fav.active .fa-heart:before,
.text-table table thead td .table-action .actn.fav.active .fa-heart:before,
.text-table table tbody td .table-action .actn.fav.active .fa-heart:before,
.text-table table tfoot td .table-action .actn.fav.active .fa-heart:before,
.table.dataTable th .table-action .actn.fav:hover .fa-heart:before,
.table.dataTable td .table-action .actn.fav:hover .fa-heart:before,
.listing-table thead tr th .table-action .actn.fav:hover .fa-heart:before,
.listing-table thead tr td .table-action .actn.fav:hover .fa-heart:before,
.listing-table tbody tr th .table-action .actn.fav:hover .fa-heart:before,
.listing-table tbody tr td .table-action .actn.fav:hover .fa-heart:before,
.listing-table tfoot tr th .table-action .actn.fav:hover .fa-heart:before,
.listing-table tfoot tr td .table-action .actn.fav:hover .fa-heart:before,
.text-table table thead td .table-action .actn.fav:hover .fa-heart:before,
.text-table table tbody td .table-action .actn.fav:hover .fa-heart:before,
.text-table table tfoot td .table-action .actn.fav:hover .fa-heart:before {
  font-weight: 600;
}

.table.dataTable th .table-action a.edit,
.table.dataTable td .table-action a.edit,
.listing-table thead tr th .table-action a.edit,
.listing-table thead tr td .table-action a.edit,
.listing-table tbody tr th .table-action a.edit,
.listing-table tbody tr td .table-action a.edit,
.listing-table tfoot tr th .table-action a.edit,
.listing-table tfoot tr td .table-action a.edit,
.text-table table thead td .table-action a.edit,
.text-table table tbody td .table-action a.edit,
.text-table table tfoot td .table-action a.edit,
.table.dataTable th .table-action a.share,
.table.dataTable td .table-action a.share,
.listing-table thead tr th .table-action a.share,
.listing-table thead tr td .table-action a.share,
.listing-table tbody tr th .table-action a.share,
.listing-table tbody tr td .table-action a.share,
.listing-table tfoot tr th .table-action a.share,
.listing-table tfoot tr td .table-action a.share,
.text-table table thead td .table-action a.share,
.text-table table tbody td .table-action a.share,
.text-table table tfoot td .table-action a.share,
.table.dataTable th .table-action .actn.edit,
.table.dataTable td .table-action .actn.edit,
.listing-table thead tr th .table-action .actn.edit,
.listing-table thead tr td .table-action .actn.edit,
.listing-table tbody tr th .table-action .actn.edit,
.listing-table tbody tr td .table-action .actn.edit,
.listing-table tfoot tr th .table-action .actn.edit,
.listing-table tfoot tr td .table-action .actn.edit,
.text-table table thead td .table-action .actn.edit,
.text-table table tbody td .table-action .actn.edit,
.text-table table tfoot td .table-action .actn.edit,
.table.dataTable th .table-action .actn.share,
.table.dataTable td .table-action .actn.share,
.listing-table thead tr th .table-action .actn.share,
.listing-table thead tr td .table-action .actn.share,
.listing-table tbody tr th .table-action .actn.share,
.listing-table tbody tr td .table-action .actn.share,
.listing-table tfoot tr th .table-action .actn.share,
.listing-table tfoot tr td .table-action .actn.share,
.text-table table thead td .table-action .actn.share,
.text-table table tbody td .table-action .actn.share,
.text-table table tfoot td .table-action .actn.share {
  color: #2961ff;
}

.table.dataTable th .table-action a.view,
.table.dataTable td .table-action a.view,
.listing-table thead tr th .table-action a.view,
.listing-table thead tr td .table-action a.view,
.listing-table tbody tr th .table-action a.view,
.listing-table tbody tr td .table-action a.view,
.listing-table tfoot tr th .table-action a.view,
.listing-table tfoot tr td .table-action a.view,
.text-table table thead td .table-action a.view,
.text-table table tbody td .table-action a.view,
.text-table table tfoot td .table-action a.view,
.table.dataTable th .table-action .actn.view,
.table.dataTable td .table-action .actn.view,
.listing-table thead tr th .table-action .actn.view,
.listing-table thead tr td .table-action .actn.view,
.listing-table tbody tr th .table-action .actn.view,
.listing-table tbody tr td .table-action .actn.view,
.listing-table tfoot tr th .table-action .actn.view,
.listing-table tfoot tr td .table-action .actn.view,
.text-table table thead td .table-action .actn.view,
.text-table table tbody td .table-action .actn.view,
.text-table table tfoot td .table-action .actn.view {
  color: #755fee;
}

.table.dataTable th .table-action a.email,
.table.dataTable td .table-action a.email,
.listing-table thead tr th .table-action a.email,
.listing-table thead tr td .table-action a.email,
.listing-table tbody tr th .table-action a.email,
.listing-table tbody tr td .table-action a.email,
.listing-table tfoot tr th .table-action a.email,
.listing-table tfoot tr td .table-action a.email,
.text-table table thead td .table-action a.email,
.text-table table tbody td .table-action a.email,
.text-table table tfoot td .table-action a.email,
.table.dataTable th .table-action .actn.email,
.table.dataTable td .table-action .actn.email,
.listing-table thead tr th .table-action .actn.email,
.listing-table thead tr td .table-action .actn.email,
.listing-table tbody tr th .table-action .actn.email,
.listing-table tbody tr td .table-action .actn.email,
.listing-table tfoot tr th .table-action .actn.email,
.listing-table tfoot tr td .table-action .actn.email,
.text-table table thead td .table-action .actn.email,
.text-table table tbody td .table-action .actn.email,
.text-table table tfoot td .table-action .actn.email {
  color: #f35a4c;
}

.table.dataTable th .table-action a.email:hover,
.table.dataTable td .table-action a.email:hover,
.listing-table thead tr th .table-action a.email:hover,
.listing-table thead tr td .table-action a.email:hover,
.listing-table tbody tr th .table-action a.email:hover,
.listing-table tbody tr td .table-action a.email:hover,
.listing-table tfoot tr th .table-action a.email:hover,
.listing-table tfoot tr td .table-action a.email:hover,
.text-table table thead td .table-action a.email:hover,
.text-table table tbody td .table-action a.email:hover,
.text-table table tfoot td .table-action a.email:hover,
.table.dataTable th .table-action .actn.email:hover,
.table.dataTable td .table-action .actn.email:hover,
.listing-table thead tr th .table-action .actn.email:hover,
.listing-table thead tr td .table-action .actn.email:hover,
.listing-table tbody tr th .table-action .actn.email:hover,
.listing-table tbody tr td .table-action .actn.email:hover,
.listing-table tfoot tr th .table-action .actn.email:hover,
.listing-table tfoot tr td .table-action .actn.email:hover,
.text-table table thead td .table-action .actn.email:hover,
.text-table table tbody td .table-action .actn.email:hover,
.text-table table tfoot td .table-action .actn.email:hover {
  color: #f35a4c;
}

.table.dataTable th .table-action a.delete,
.table.dataTable td .table-action a.delete,
.listing-table thead tr th .table-action a.delete,
.listing-table thead tr td .table-action a.delete,
.listing-table tbody tr th .table-action a.delete,
.listing-table tbody tr td .table-action a.delete,
.listing-table tfoot tr th .table-action a.delete,
.listing-table tfoot tr td .table-action a.delete,
.text-table table thead td .table-action a.delete,
.text-table table tbody td .table-action a.delete,
.text-table table tfoot td .table-action a.delete,
.table.dataTable th .table-action a.danger,
.table.dataTable td .table-action a.danger,
.listing-table thead tr th .table-action a.danger,
.listing-table thead tr td .table-action a.danger,
.listing-table tbody tr th .table-action a.danger,
.listing-table tbody tr td .table-action a.danger,
.listing-table tfoot tr th .table-action a.danger,
.listing-table tfoot tr td .table-action a.danger,
.text-table table thead td .table-action a.danger,
.text-table table tbody td .table-action a.danger,
.text-table table tfoot td .table-action a.danger,
.table.dataTable th .table-action .actn.delete,
.table.dataTable td .table-action .actn.delete,
.listing-table thead tr th .table-action .actn.delete,
.listing-table thead tr td .table-action .actn.delete,
.listing-table tbody tr th .table-action .actn.delete,
.listing-table tbody tr td .table-action .actn.delete,
.listing-table tfoot tr th .table-action .actn.delete,
.listing-table tfoot tr td .table-action .actn.delete,
.text-table table thead td .table-action .actn.delete,
.text-table table tbody td .table-action .actn.delete,
.text-table table tfoot td .table-action .actn.delete,
.table.dataTable th .table-action .actn.danger,
.table.dataTable td .table-action .actn.danger,
.listing-table thead tr th .table-action .actn.danger,
.listing-table thead tr td .table-action .actn.danger,
.listing-table tbody tr th .table-action .actn.danger,
.listing-table tbody tr td .table-action .actn.danger,
.listing-table tfoot tr th .table-action .actn.danger,
.listing-table tfoot tr td .table-action .actn.danger,
.text-table table thead td .table-action .actn.danger,
.text-table table tbody td .table-action .actn.danger,
.text-table table tfoot td .table-action .actn.danger {
  color: #ff3636;
}

.table.dataTable th .table-action a.delete:hover,
.table.dataTable td .table-action a.delete:hover,
.listing-table thead tr th .table-action a.delete:hover,
.listing-table thead tr td .table-action a.delete:hover,
.listing-table tbody tr th .table-action a.delete:hover,
.listing-table tbody tr td .table-action a.delete:hover,
.listing-table tfoot tr th .table-action a.delete:hover,
.listing-table tfoot tr td .table-action a.delete:hover,
.text-table table thead td .table-action a.delete:hover,
.text-table table tbody td .table-action a.delete:hover,
.text-table table tfoot td .table-action a.delete:hover,
.table.dataTable th .table-action a.danger:hover,
.table.dataTable td .table-action a.danger:hover,
.listing-table thead tr th .table-action a.danger:hover,
.listing-table thead tr td .table-action a.danger:hover,
.listing-table tbody tr th .table-action a.danger:hover,
.listing-table tbody tr td .table-action a.danger:hover,
.listing-table tfoot tr th .table-action a.danger:hover,
.listing-table tfoot tr td .table-action a.danger:hover,
.text-table table thead td .table-action a.danger:hover,
.text-table table tbody td .table-action a.danger:hover,
.text-table table tfoot td .table-action a.danger:hover,
.table.dataTable th .table-action .actn.delete:hover,
.table.dataTable td .table-action .actn.delete:hover,
.listing-table thead tr th .table-action .actn.delete:hover,
.listing-table thead tr td .table-action .actn.delete:hover,
.listing-table tbody tr th .table-action .actn.delete:hover,
.listing-table tbody tr td .table-action .actn.delete:hover,
.listing-table tfoot tr th .table-action .actn.delete:hover,
.listing-table tfoot tr td .table-action .actn.delete:hover,
.text-table table thead td .table-action .actn.delete:hover,
.text-table table tbody td .table-action .actn.delete:hover,
.text-table table tfoot td .table-action .actn.delete:hover,
.table.dataTable th .table-action .actn.danger:hover,
.table.dataTable td .table-action .actn.danger:hover,
.listing-table thead tr th .table-action .actn.danger:hover,
.listing-table thead tr td .table-action .actn.danger:hover,
.listing-table tbody tr th .table-action .actn.danger:hover,
.listing-table tbody tr td .table-action .actn.danger:hover,
.listing-table tfoot tr th .table-action .actn.danger:hover,
.listing-table tfoot tr td .table-action .actn.danger:hover,
.text-table table thead td .table-action .actn.danger:hover,
.text-table table tbody td .table-action .actn.danger:hover,
.text-table table tfoot td .table-action .actn.danger:hover {
  color: #ff3636;
}

.table.dataTable th .table-action a.delete:hover .fa-trash-alt:before,
.table.dataTable td .table-action a.delete:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action a.delete:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action a.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action a.delete:hover .fa-trash-alt:before,
.text-table table thead td .table-action a.delete:hover .fa-trash-alt:before,
.text-table table tbody td .table-action a.delete:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action a.delete:hover .fa-trash-alt:before,
.table.dataTable th .table-action a.danger:hover .fa-trash-alt:before,
.table.dataTable td .table-action a.danger:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action a.danger:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action a.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action a.danger:hover .fa-trash-alt:before,
.text-table table thead td .table-action a.danger:hover .fa-trash-alt:before,
.text-table table tbody td .table-action a.danger:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action a.danger:hover .fa-trash-alt:before,
.table.dataTable th .table-action .actn.delete:hover .fa-trash-alt:before,
.table.dataTable td .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action .actn.delete:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action .actn.delete:hover .fa-trash-alt:before,
.text-table table thead td .table-action .actn.delete:hover .fa-trash-alt:before,
.text-table table tbody td .table-action .actn.delete:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action .actn.delete:hover .fa-trash-alt:before,
.table.dataTable th .table-action .actn.danger:hover .fa-trash-alt:before,
.table.dataTable td .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table thead tr th .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table thead tr td .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tbody tr th .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tbody tr td .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr th .table-action .actn.danger:hover .fa-trash-alt:before,
.listing-table tfoot tr td .table-action .actn.danger:hover .fa-trash-alt:before,
.text-table table thead td .table-action .actn.danger:hover .fa-trash-alt:before,
.text-table table tbody td .table-action .actn.danger:hover .fa-trash-alt:before,
.text-table table tfoot td .table-action .actn.danger:hover .fa-trash-alt:before {
  font-weight: 600;
}

.table.dataTable th .table-action a.user,
.table.dataTable td .table-action a.user,
.listing-table thead tr th .table-action a.user,
.listing-table thead tr td .table-action a.user,
.listing-table tbody tr th .table-action a.user,
.listing-table tbody tr td .table-action a.user,
.listing-table tfoot tr th .table-action a.user,
.listing-table tfoot tr td .table-action a.user,
.text-table table thead td .table-action a.user,
.text-table table tbody td .table-action a.user,
.text-table table tfoot td .table-action a.user,
.table.dataTable th .table-action a.info,
.table.dataTable td .table-action a.info,
.listing-table thead tr th .table-action a.info,
.listing-table thead tr td .table-action a.info,
.listing-table tbody tr th .table-action a.info,
.listing-table tbody tr td .table-action a.info,
.listing-table tfoot tr th .table-action a.info,
.listing-table tfoot tr td .table-action a.info,
.text-table table thead td .table-action a.info,
.text-table table tbody td .table-action a.info,
.text-table table tfoot td .table-action a.info,
.table.dataTable th .table-action .actn.user,
.table.dataTable td .table-action .actn.user,
.listing-table thead tr th .table-action .actn.user,
.listing-table thead tr td .table-action .actn.user,
.listing-table tbody tr th .table-action .actn.user,
.listing-table tbody tr td .table-action .actn.user,
.listing-table tfoot tr th .table-action .actn.user,
.listing-table tfoot tr td .table-action .actn.user,
.text-table table thead td .table-action .actn.user,
.text-table table tbody td .table-action .actn.user,
.text-table table tfoot td .table-action .actn.user,
.table.dataTable th .table-action .actn.info,
.table.dataTable td .table-action .actn.info,
.listing-table thead tr th .table-action .actn.info,
.listing-table thead tr td .table-action .actn.info,
.listing-table tbody tr th .table-action .actn.info,
.listing-table tbody tr td .table-action .actn.info,
.listing-table tfoot tr th .table-action .actn.info,
.listing-table tfoot tr td .table-action .actn.info,
.text-table table thead td .table-action .actn.info,
.text-table table tbody td .table-action .actn.info,
.text-table table tfoot td .table-action .actn.info {
  color: #ac4dff;
}

.table.dataTable th .table-action a.user:hover,
.table.dataTable td .table-action a.user:hover,
.listing-table thead tr th .table-action a.user:hover,
.listing-table thead tr td .table-action a.user:hover,
.listing-table tbody tr th .table-action a.user:hover,
.listing-table tbody tr td .table-action a.user:hover,
.listing-table tfoot tr th .table-action a.user:hover,
.listing-table tfoot tr td .table-action a.user:hover,
.text-table table thead td .table-action a.user:hover,
.text-table table tbody td .table-action a.user:hover,
.text-table table tfoot td .table-action a.user:hover,
.table.dataTable th .table-action a.info:hover,
.table.dataTable td .table-action a.info:hover,
.listing-table thead tr th .table-action a.info:hover,
.listing-table thead tr td .table-action a.info:hover,
.listing-table tbody tr th .table-action a.info:hover,
.listing-table tbody tr td .table-action a.info:hover,
.listing-table tfoot tr th .table-action a.info:hover,
.listing-table tfoot tr td .table-action a.info:hover,
.text-table table thead td .table-action a.info:hover,
.text-table table tbody td .table-action a.info:hover,
.text-table table tfoot td .table-action a.info:hover,
.table.dataTable th .table-action .actn.user:hover,
.table.dataTable td .table-action .actn.user:hover,
.listing-table thead tr th .table-action .actn.user:hover,
.listing-table thead tr td .table-action .actn.user:hover,
.listing-table tbody tr th .table-action .actn.user:hover,
.listing-table tbody tr td .table-action .actn.user:hover,
.listing-table tfoot tr th .table-action .actn.user:hover,
.listing-table tfoot tr td .table-action .actn.user:hover,
.text-table table thead td .table-action .actn.user:hover,
.text-table table tbody td .table-action .actn.user:hover,
.text-table table tfoot td .table-action .actn.user:hover,
.table.dataTable th .table-action .actn.info:hover,
.table.dataTable td .table-action .actn.info:hover,
.listing-table thead tr th .table-action .actn.info:hover,
.listing-table thead tr td .table-action .actn.info:hover,
.listing-table tbody tr th .table-action .actn.info:hover,
.listing-table tbody tr td .table-action .actn.info:hover,
.listing-table tfoot tr th .table-action .actn.info:hover,
.listing-table tfoot tr td .table-action .actn.info:hover,
.text-table table thead td .table-action .actn.info:hover,
.text-table table tbody td .table-action .actn.info:hover,
.text-table table tfoot td .table-action .actn.info:hover {
  color: #ac4dff;
}

.table.dataTable th .table-action a.success,
.table.dataTable td .table-action a.success,
.listing-table thead tr th .table-action a.success,
.listing-table thead tr td .table-action a.success,
.listing-table tbody tr th .table-action a.success,
.listing-table tbody tr td .table-action a.success,
.listing-table tfoot tr th .table-action a.success,
.listing-table tfoot tr td .table-action a.success,
.text-table table thead td .table-action a.success,
.text-table table tbody td .table-action a.success,
.text-table table tfoot td .table-action a.success,
.table.dataTable th .table-action .actn.success,
.table.dataTable td .table-action .actn.success,
.listing-table thead tr th .table-action .actn.success,
.listing-table thead tr td .table-action .actn.success,
.listing-table tbody tr th .table-action .actn.success,
.listing-table tbody tr td .table-action .actn.success,
.listing-table tfoot tr th .table-action .actn.success,
.listing-table tfoot tr td .table-action .actn.success,
.text-table table thead td .table-action .actn.success,
.text-table table tbody td .table-action .actn.success,
.text-table table tfoot td .table-action .actn.success {
  color: #28a745;
}

.table.dataTable th .table-action a.success:hover,
.table.dataTable td .table-action a.success:hover,
.listing-table thead tr th .table-action a.success:hover,
.listing-table thead tr td .table-action a.success:hover,
.listing-table tbody tr th .table-action a.success:hover,
.listing-table tbody tr td .table-action a.success:hover,
.listing-table tfoot tr th .table-action a.success:hover,
.listing-table tfoot tr td .table-action a.success:hover,
.text-table table thead td .table-action a.success:hover,
.text-table table tbody td .table-action a.success:hover,
.text-table table tfoot td .table-action a.success:hover,
.table.dataTable th .table-action .actn.success:hover,
.table.dataTable td .table-action .actn.success:hover,
.listing-table thead tr th .table-action .actn.success:hover,
.listing-table thead tr td .table-action .actn.success:hover,
.listing-table tbody tr th .table-action .actn.success:hover,
.listing-table tbody tr td .table-action .actn.success:hover,
.listing-table tfoot tr th .table-action .actn.success:hover,
.listing-table tfoot tr td .table-action .actn.success:hover,
.text-table table thead td .table-action .actn.success:hover,
.text-table table tbody td .table-action .actn.success:hover,
.text-table table tfoot td .table-action .actn.success:hover {
  color: #8BC34A;
}

.table.dataTable th .table-action a.rss,
.table.dataTable td .table-action a.rss,
.listing-table thead tr th .table-action a.rss,
.listing-table thead tr td .table-action a.rss,
.listing-table tbody tr th .table-action a.rss,
.listing-table tbody tr td .table-action a.rss,
.listing-table tfoot tr th .table-action a.rss,
.listing-table tfoot tr td .table-action a.rss,
.text-table table thead td .table-action a.rss,
.text-table table tbody td .table-action a.rss,
.text-table table tfoot td .table-action a.rss,
.table.dataTable th .table-action a.warning,
.table.dataTable td .table-action a.warning,
.listing-table thead tr th .table-action a.warning,
.listing-table thead tr td .table-action a.warning,
.listing-table tbody tr th .table-action a.warning,
.listing-table tbody tr td .table-action a.warning,
.listing-table tfoot tr th .table-action a.warning,
.listing-table tfoot tr td .table-action a.warning,
.text-table table thead td .table-action a.warning,
.text-table table tbody td .table-action a.warning,
.text-table table tfoot td .table-action a.warning,
.table.dataTable th .table-action .actn.rss,
.table.dataTable td .table-action .actn.rss,
.listing-table thead tr th .table-action .actn.rss,
.listing-table thead tr td .table-action .actn.rss,
.listing-table tbody tr th .table-action .actn.rss,
.listing-table tbody tr td .table-action .actn.rss,
.listing-table tfoot tr th .table-action .actn.rss,
.listing-table tfoot tr td .table-action .actn.rss,
.text-table table thead td .table-action .actn.rss,
.text-table table tbody td .table-action .actn.rss,
.text-table table tfoot td .table-action .actn.rss,
.table.dataTable th .table-action .actn.warning,
.table.dataTable td .table-action .actn.warning,
.listing-table thead tr th .table-action .actn.warning,
.listing-table thead tr td .table-action .actn.warning,
.listing-table tbody tr th .table-action .actn.warning,
.listing-table tbody tr td .table-action .actn.warning,
.listing-table tfoot tr th .table-action .actn.warning,
.listing-table tfoot tr td .table-action .actn.warning,
.text-table table thead td .table-action .actn.warning,
.text-table table tbody td .table-action .actn.warning,
.text-table table tfoot td .table-action .actn.warning {
  color: #ff821c;
}

.table.dataTable th .table-action a.rss:hover,
.table.dataTable td .table-action a.rss:hover,
.listing-table thead tr th .table-action a.rss:hover,
.listing-table thead tr td .table-action a.rss:hover,
.listing-table tbody tr th .table-action a.rss:hover,
.listing-table tbody tr td .table-action a.rss:hover,
.listing-table tfoot tr th .table-action a.rss:hover,
.listing-table tfoot tr td .table-action a.rss:hover,
.text-table table thead td .table-action a.rss:hover,
.text-table table tbody td .table-action a.rss:hover,
.text-table table tfoot td .table-action a.rss:hover,
.table.dataTable th .table-action a.warning:hover,
.table.dataTable td .table-action a.warning:hover,
.listing-table thead tr th .table-action a.warning:hover,
.listing-table thead tr td .table-action a.warning:hover,
.listing-table tbody tr th .table-action a.warning:hover,
.listing-table tbody tr td .table-action a.warning:hover,
.listing-table tfoot tr th .table-action a.warning:hover,
.listing-table tfoot tr td .table-action a.warning:hover,
.text-table table thead td .table-action a.warning:hover,
.text-table table tbody td .table-action a.warning:hover,
.text-table table tfoot td .table-action a.warning:hover,
.table.dataTable th .table-action .actn.rss:hover,
.table.dataTable td .table-action .actn.rss:hover,
.listing-table thead tr th .table-action .actn.rss:hover,
.listing-table thead tr td .table-action .actn.rss:hover,
.listing-table tbody tr th .table-action .actn.rss:hover,
.listing-table tbody tr td .table-action .actn.rss:hover,
.listing-table tfoot tr th .table-action .actn.rss:hover,
.listing-table tfoot tr td .table-action .actn.rss:hover,
.text-table table thead td .table-action .actn.rss:hover,
.text-table table tbody td .table-action .actn.rss:hover,
.text-table table tfoot td .table-action .actn.rss:hover,
.table.dataTable th .table-action .actn.warning:hover,
.table.dataTable td .table-action .actn.warning:hover,
.listing-table thead tr th .table-action .actn.warning:hover,
.listing-table thead tr td .table-action .actn.warning:hover,
.listing-table tbody tr th .table-action .actn.warning:hover,
.listing-table tbody tr td .table-action .actn.warning:hover,
.listing-table tfoot tr th .table-action .actn.warning:hover,
.listing-table tfoot tr td .table-action .actn.warning:hover,
.text-table table thead td .table-action .actn.warning:hover,
.text-table table tbody td .table-action .actn.warning:hover,
.text-table table tfoot td .table-action .actn.warning:hover {
  color: #e06c0d;
}

.table.dataTable th .table-action a.comment,
.table.dataTable td .table-action a.comment,
.listing-table thead tr th .table-action a.comment,
.listing-table thead tr td .table-action a.comment,
.listing-table tbody tr th .table-action a.comment,
.listing-table tbody tr td .table-action a.comment,
.listing-table tfoot tr th .table-action a.comment,
.listing-table tfoot tr td .table-action a.comment,
.text-table table thead td .table-action a.comment,
.text-table table tbody td .table-action a.comment,
.text-table table tfoot td .table-action a.comment,
.table.dataTable th .table-action a.restore,
.table.dataTable td .table-action a.restore,
.listing-table thead tr th .table-action a.restore,
.listing-table thead tr td .table-action a.restore,
.listing-table tbody tr th .table-action a.restore,
.listing-table tbody tr td .table-action a.restore,
.listing-table tfoot tr th .table-action a.restore,
.listing-table tfoot tr td .table-action a.restore,
.text-table table thead td .table-action a.restore,
.text-table table tbody td .table-action a.restore,
.text-table table tfoot td .table-action a.restore,
.table.dataTable th .table-action .actn.comment,
.table.dataTable td .table-action .actn.comment,
.listing-table thead tr th .table-action .actn.comment,
.listing-table thead tr td .table-action .actn.comment,
.listing-table tbody tr th .table-action .actn.comment,
.listing-table tbody tr td .table-action .actn.comment,
.listing-table tfoot tr th .table-action .actn.comment,
.listing-table tfoot tr td .table-action .actn.comment,
.text-table table thead td .table-action .actn.comment,
.text-table table tbody td .table-action .actn.comment,
.text-table table tfoot td .table-action .actn.comment,
.table.dataTable th .table-action .actn.restore,
.table.dataTable td .table-action .actn.restore,
.listing-table thead tr th .table-action .actn.restore,
.listing-table thead tr td .table-action .actn.restore,
.listing-table tbody tr th .table-action .actn.restore,
.listing-table tbody tr td .table-action .actn.restore,
.listing-table tfoot tr th .table-action .actn.restore,
.listing-table tfoot tr td .table-action .actn.restore,
.text-table table thead td .table-action .actn.restore,
.text-table table tbody td .table-action .actn.restore,
.text-table table tfoot td .table-action .actn.restore {
  color: #28a745;
  position: relative;
}

.table.dataTable th .table-action a.comment .count,
.table.dataTable td .table-action a.comment .count,
.listing-table thead tr th .table-action a.comment .count,
.listing-table thead tr td .table-action a.comment .count,
.listing-table tbody tr th .table-action a.comment .count,
.listing-table tbody tr td .table-action a.comment .count,
.listing-table tfoot tr th .table-action a.comment .count,
.listing-table tfoot tr td .table-action a.comment .count,
.text-table table thead td .table-action a.comment .count,
.text-table table tbody td .table-action a.comment .count,
.text-table table tfoot td .table-action a.comment .count,
.table.dataTable th .table-action a.restore .count,
.table.dataTable td .table-action a.restore .count,
.listing-table thead tr th .table-action a.restore .count,
.listing-table thead tr td .table-action a.restore .count,
.listing-table tbody tr th .table-action a.restore .count,
.listing-table tbody tr td .table-action a.restore .count,
.listing-table tfoot tr th .table-action a.restore .count,
.listing-table tfoot tr td .table-action a.restore .count,
.text-table table thead td .table-action a.restore .count,
.text-table table tbody td .table-action a.restore .count,
.text-table table tfoot td .table-action a.restore .count,
.table.dataTable th .table-action .actn.comment .count,
.table.dataTable td .table-action .actn.comment .count,
.listing-table thead tr th .table-action .actn.comment .count,
.listing-table thead tr td .table-action .actn.comment .count,
.listing-table tbody tr th .table-action .actn.comment .count,
.listing-table tbody tr td .table-action .actn.comment .count,
.listing-table tfoot tr th .table-action .actn.comment .count,
.listing-table tfoot tr td .table-action .actn.comment .count,
.text-table table thead td .table-action .actn.comment .count,
.text-table table tbody td .table-action .actn.comment .count,
.text-table table tfoot td .table-action .actn.comment .count,
.table.dataTable th .table-action .actn.restore .count,
.table.dataTable td .table-action .actn.restore .count,
.listing-table thead tr th .table-action .actn.restore .count,
.listing-table thead tr td .table-action .actn.restore .count,
.listing-table tbody tr th .table-action .actn.restore .count,
.listing-table tbody tr td .table-action .actn.restore .count,
.listing-table tfoot tr th .table-action .actn.restore .count,
.listing-table tfoot tr td .table-action .actn.restore .count,
.text-table table thead td .table-action .actn.restore .count,
.text-table table tbody td .table-action .actn.restore .count,
.text-table table tfoot td .table-action .actn.restore .count {
  display: block;
  min-width: 16px;
  color: #747d93;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  text-align: center;
  padding: 0;
  margin: 0px 0 0 0;
}

.table.dataTable th .table-action a.comment.sl,
.table.dataTable td .table-action a.comment.sl,
.listing-table thead tr th .table-action a.comment.sl,
.listing-table thead tr td .table-action a.comment.sl,
.listing-table tbody tr th .table-action a.comment.sl,
.listing-table tbody tr td .table-action a.comment.sl,
.listing-table tfoot tr th .table-action a.comment.sl,
.listing-table tfoot tr td .table-action a.comment.sl,
.text-table table thead td .table-action a.comment.sl,
.text-table table tbody td .table-action a.comment.sl,
.text-table table tfoot td .table-action a.comment.sl,
.table.dataTable th .table-action a.comment.active,
.table.dataTable td .table-action a.comment.active,
.listing-table thead tr th .table-action a.comment.active,
.listing-table thead tr td .table-action a.comment.active,
.listing-table tbody tr th .table-action a.comment.active,
.listing-table tbody tr td .table-action a.comment.active,
.listing-table tfoot tr th .table-action a.comment.active,
.listing-table tfoot tr td .table-action a.comment.active,
.text-table table thead td .table-action a.comment.active,
.text-table table tbody td .table-action a.comment.active,
.text-table table tfoot td .table-action a.comment.active,
.table.dataTable th .table-action a.comment:hover,
.table.dataTable td .table-action a.comment:hover,
.listing-table thead tr th .table-action a.comment:hover,
.listing-table thead tr td .table-action a.comment:hover,
.listing-table tbody tr th .table-action a.comment:hover,
.listing-table tbody tr td .table-action a.comment:hover,
.listing-table tfoot tr th .table-action a.comment:hover,
.listing-table tfoot tr td .table-action a.comment:hover,
.text-table table thead td .table-action a.comment:hover,
.text-table table tbody td .table-action a.comment:hover,
.text-table table tfoot td .table-action a.comment:hover,
.table.dataTable th .table-action a.restore.sl,
.table.dataTable td .table-action a.restore.sl,
.listing-table thead tr th .table-action a.restore.sl,
.listing-table thead tr td .table-action a.restore.sl,
.listing-table tbody tr th .table-action a.restore.sl,
.listing-table tbody tr td .table-action a.restore.sl,
.listing-table tfoot tr th .table-action a.restore.sl,
.listing-table tfoot tr td .table-action a.restore.sl,
.text-table table thead td .table-action a.restore.sl,
.text-table table tbody td .table-action a.restore.sl,
.text-table table tfoot td .table-action a.restore.sl,
.table.dataTable th .table-action a.restore.active,
.table.dataTable td .table-action a.restore.active,
.listing-table thead tr th .table-action a.restore.active,
.listing-table thead tr td .table-action a.restore.active,
.listing-table tbody tr th .table-action a.restore.active,
.listing-table tbody tr td .table-action a.restore.active,
.listing-table tfoot tr th .table-action a.restore.active,
.listing-table tfoot tr td .table-action a.restore.active,
.text-table table thead td .table-action a.restore.active,
.text-table table tbody td .table-action a.restore.active,
.text-table table tfoot td .table-action a.restore.active,
.table.dataTable th .table-action a.restore:hover,
.table.dataTable td .table-action a.restore:hover,
.listing-table thead tr th .table-action a.restore:hover,
.listing-table thead tr td .table-action a.restore:hover,
.listing-table tbody tr th .table-action a.restore:hover,
.listing-table tbody tr td .table-action a.restore:hover,
.listing-table tfoot tr th .table-action a.restore:hover,
.listing-table tfoot tr td .table-action a.restore:hover,
.text-table table thead td .table-action a.restore:hover,
.text-table table tbody td .table-action a.restore:hover,
.text-table table tfoot td .table-action a.restore:hover,
.table.dataTable th .table-action .actn.comment.sl,
.table.dataTable td .table-action .actn.comment.sl,
.listing-table thead tr th .table-action .actn.comment.sl,
.listing-table thead tr td .table-action .actn.comment.sl,
.listing-table tbody tr th .table-action .actn.comment.sl,
.listing-table tbody tr td .table-action .actn.comment.sl,
.listing-table tfoot tr th .table-action .actn.comment.sl,
.listing-table tfoot tr td .table-action .actn.comment.sl,
.text-table table thead td .table-action .actn.comment.sl,
.text-table table tbody td .table-action .actn.comment.sl,
.text-table table tfoot td .table-action .actn.comment.sl,
.table.dataTable th .table-action .actn.comment.active,
.table.dataTable td .table-action .actn.comment.active,
.listing-table thead tr th .table-action .actn.comment.active,
.listing-table thead tr td .table-action .actn.comment.active,
.listing-table tbody tr th .table-action .actn.comment.active,
.listing-table tbody tr td .table-action .actn.comment.active,
.listing-table tfoot tr th .table-action .actn.comment.active,
.listing-table tfoot tr td .table-action .actn.comment.active,
.text-table table thead td .table-action .actn.comment.active,
.text-table table tbody td .table-action .actn.comment.active,
.text-table table tfoot td .table-action .actn.comment.active,
.table.dataTable th .table-action .actn.comment:hover,
.table.dataTable td .table-action .actn.comment:hover,
.listing-table thead tr th .table-action .actn.comment:hover,
.listing-table thead tr td .table-action .actn.comment:hover,
.listing-table tbody tr th .table-action .actn.comment:hover,
.listing-table tbody tr td .table-action .actn.comment:hover,
.listing-table tfoot tr th .table-action .actn.comment:hover,
.listing-table tfoot tr td .table-action .actn.comment:hover,
.text-table table thead td .table-action .actn.comment:hover,
.text-table table tbody td .table-action .actn.comment:hover,
.text-table table tfoot td .table-action .actn.comment:hover,
.table.dataTable th .table-action .actn.restore.sl,
.table.dataTable td .table-action .actn.restore.sl,
.listing-table thead tr th .table-action .actn.restore.sl,
.listing-table thead tr td .table-action .actn.restore.sl,
.listing-table tbody tr th .table-action .actn.restore.sl,
.listing-table tbody tr td .table-action .actn.restore.sl,
.listing-table tfoot tr th .table-action .actn.restore.sl,
.listing-table tfoot tr td .table-action .actn.restore.sl,
.text-table table thead td .table-action .actn.restore.sl,
.text-table table tbody td .table-action .actn.restore.sl,
.text-table table tfoot td .table-action .actn.restore.sl,
.table.dataTable th .table-action .actn.restore.active,
.table.dataTable td .table-action .actn.restore.active,
.listing-table thead tr th .table-action .actn.restore.active,
.listing-table thead tr td .table-action .actn.restore.active,
.listing-table tbody tr th .table-action .actn.restore.active,
.listing-table tbody tr td .table-action .actn.restore.active,
.listing-table tfoot tr th .table-action .actn.restore.active,
.listing-table tfoot tr td .table-action .actn.restore.active,
.text-table table thead td .table-action .actn.restore.active,
.text-table table tbody td .table-action .actn.restore.active,
.text-table table tfoot td .table-action .actn.restore.active,
.table.dataTable th .table-action .actn.restore:hover,
.table.dataTable td .table-action .actn.restore:hover,
.listing-table thead tr th .table-action .actn.restore:hover,
.listing-table thead tr td .table-action .actn.restore:hover,
.listing-table tbody tr th .table-action .actn.restore:hover,
.listing-table tbody tr td .table-action .actn.restore:hover,
.listing-table tfoot tr th .table-action .actn.restore:hover,
.listing-table tfoot tr td .table-action .actn.restore:hover,
.text-table table thead td .table-action .actn.restore:hover,
.text-table table tbody td .table-action .actn.restore:hover,
.text-table table tfoot td .table-action .actn.restore:hover {
  color: #1e7e34;
  text-decoration: none;
}

.table.dataTable th .table-action a.comment.circle,
.table.dataTable td .table-action a.comment.circle,
.listing-table thead tr th .table-action a.comment.circle,
.listing-table thead tr td .table-action a.comment.circle,
.listing-table tbody tr th .table-action a.comment.circle,
.listing-table tbody tr td .table-action a.comment.circle,
.listing-table tfoot tr th .table-action a.comment.circle,
.listing-table tfoot tr td .table-action a.comment.circle,
.text-table table thead td .table-action a.comment.circle,
.text-table table tbody td .table-action a.comment.circle,
.text-table table tfoot td .table-action a.comment.circle,
.table.dataTable th .table-action a.restore.circle,
.table.dataTable td .table-action a.restore.circle,
.listing-table thead tr th .table-action a.restore.circle,
.listing-table thead tr td .table-action a.restore.circle,
.listing-table tbody tr th .table-action a.restore.circle,
.listing-table tbody tr td .table-action a.restore.circle,
.listing-table tfoot tr th .table-action a.restore.circle,
.listing-table tfoot tr td .table-action a.restore.circle,
.text-table table thead td .table-action a.restore.circle,
.text-table table tbody td .table-action a.restore.circle,
.text-table table tfoot td .table-action a.restore.circle,
.table.dataTable th .table-action .actn.comment.circle,
.table.dataTable td .table-action .actn.comment.circle,
.listing-table thead tr th .table-action .actn.comment.circle,
.listing-table thead tr td .table-action .actn.comment.circle,
.listing-table tbody tr th .table-action .actn.comment.circle,
.listing-table tbody tr td .table-action .actn.comment.circle,
.listing-table tfoot tr th .table-action .actn.comment.circle,
.listing-table tfoot tr td .table-action .actn.comment.circle,
.text-table table thead td .table-action .actn.comment.circle,
.text-table table tbody td .table-action .actn.comment.circle,
.text-table table tfoot td .table-action .actn.comment.circle,
.table.dataTable th .table-action .actn.restore.circle,
.table.dataTable td .table-action .actn.restore.circle,
.listing-table thead tr th .table-action .actn.restore.circle,
.listing-table thead tr td .table-action .actn.restore.circle,
.listing-table tbody tr th .table-action .actn.restore.circle,
.listing-table tbody tr td .table-action .actn.restore.circle,
.listing-table tfoot tr th .table-action .actn.restore.circle,
.listing-table tfoot tr td .table-action .actn.restore.circle,
.text-table table thead td .table-action .actn.restore.circle,
.text-table table tbody td .table-action .actn.restore.circle,
.text-table table tfoot td .table-action .actn.restore.circle {
  background-color: #28a745;
  color: #fff;
  width: 28px;
  height: 28px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.table.dataTable th .table-action a.comment.circle i,
.table.dataTable td .table-action a.comment.circle i,
.listing-table thead tr th .table-action a.comment.circle i,
.listing-table thead tr td .table-action a.comment.circle i,
.listing-table tbody tr th .table-action a.comment.circle i,
.listing-table tbody tr td .table-action a.comment.circle i,
.listing-table tfoot tr th .table-action a.comment.circle i,
.listing-table tfoot tr td .table-action a.comment.circle i,
.text-table table thead td .table-action a.comment.circle i,
.text-table table tbody td .table-action a.comment.circle i,
.text-table table tfoot td .table-action a.comment.circle i,
.table.dataTable th .table-action a.restore.circle i,
.table.dataTable td .table-action a.restore.circle i,
.listing-table thead tr th .table-action a.restore.circle i,
.listing-table thead tr td .table-action a.restore.circle i,
.listing-table tbody tr th .table-action a.restore.circle i,
.listing-table tbody tr td .table-action a.restore.circle i,
.listing-table tfoot tr th .table-action a.restore.circle i,
.listing-table tfoot tr td .table-action a.restore.circle i,
.text-table table thead td .table-action a.restore.circle i,
.text-table table tbody td .table-action a.restore.circle i,
.text-table table tfoot td .table-action a.restore.circle i,
.table.dataTable th .table-action .actn.comment.circle i,
.table.dataTable td .table-action .actn.comment.circle i,
.listing-table thead tr th .table-action .actn.comment.circle i,
.listing-table thead tr td .table-action .actn.comment.circle i,
.listing-table tbody tr th .table-action .actn.comment.circle i,
.listing-table tbody tr td .table-action .actn.comment.circle i,
.listing-table tfoot tr th .table-action .actn.comment.circle i,
.listing-table tfoot tr td .table-action .actn.comment.circle i,
.text-table table thead td .table-action .actn.comment.circle i,
.text-table table tbody td .table-action .actn.comment.circle i,
.text-table table tfoot td .table-action .actn.comment.circle i,
.table.dataTable th .table-action .actn.restore.circle i,
.table.dataTable td .table-action .actn.restore.circle i,
.listing-table thead tr th .table-action .actn.restore.circle i,
.listing-table thead tr td .table-action .actn.restore.circle i,
.listing-table tbody tr th .table-action .actn.restore.circle i,
.listing-table tbody tr td .table-action .actn.restore.circle i,
.listing-table tfoot tr th .table-action .actn.restore.circle i,
.listing-table tfoot tr td .table-action .actn.restore.circle i,
.text-table table thead td .table-action .actn.restore.circle i,
.text-table table tbody td .table-action .actn.restore.circle i,
.text-table table tfoot td .table-action .actn.restore.circle i {
  display: block;
}

.table.dataTable th .table-action a.comment.circle.sl,
.table.dataTable td .table-action a.comment.circle.sl,
.listing-table thead tr th .table-action a.comment.circle.sl,
.listing-table thead tr td .table-action a.comment.circle.sl,
.listing-table tbody tr th .table-action a.comment.circle.sl,
.listing-table tbody tr td .table-action a.comment.circle.sl,
.listing-table tfoot tr th .table-action a.comment.circle.sl,
.listing-table tfoot tr td .table-action a.comment.circle.sl,
.text-table table thead td .table-action a.comment.circle.sl,
.text-table table tbody td .table-action a.comment.circle.sl,
.text-table table tfoot td .table-action a.comment.circle.sl,
.table.dataTable th .table-action a.comment.circle.active,
.table.dataTable td .table-action a.comment.circle.active,
.listing-table thead tr th .table-action a.comment.circle.active,
.listing-table thead tr td .table-action a.comment.circle.active,
.listing-table tbody tr th .table-action a.comment.circle.active,
.listing-table tbody tr td .table-action a.comment.circle.active,
.listing-table tfoot tr th .table-action a.comment.circle.active,
.listing-table tfoot tr td .table-action a.comment.circle.active,
.text-table table thead td .table-action a.comment.circle.active,
.text-table table tbody td .table-action a.comment.circle.active,
.text-table table tfoot td .table-action a.comment.circle.active,
.table.dataTable th .table-action a.comment.circle:hover,
.table.dataTable td .table-action a.comment.circle:hover,
.listing-table thead tr th .table-action a.comment.circle:hover,
.listing-table thead tr td .table-action a.comment.circle:hover,
.listing-table tbody tr th .table-action a.comment.circle:hover,
.listing-table tbody tr td .table-action a.comment.circle:hover,
.listing-table tfoot tr th .table-action a.comment.circle:hover,
.listing-table tfoot tr td .table-action a.comment.circle:hover,
.text-table table thead td .table-action a.comment.circle:hover,
.text-table table tbody td .table-action a.comment.circle:hover,
.text-table table tfoot td .table-action a.comment.circle:hover,
.table.dataTable th .table-action a.restore.circle.sl,
.table.dataTable td .table-action a.restore.circle.sl,
.listing-table thead tr th .table-action a.restore.circle.sl,
.listing-table thead tr td .table-action a.restore.circle.sl,
.listing-table tbody tr th .table-action a.restore.circle.sl,
.listing-table tbody tr td .table-action a.restore.circle.sl,
.listing-table tfoot tr th .table-action a.restore.circle.sl,
.listing-table tfoot tr td .table-action a.restore.circle.sl,
.text-table table thead td .table-action a.restore.circle.sl,
.text-table table tbody td .table-action a.restore.circle.sl,
.text-table table tfoot td .table-action a.restore.circle.sl,
.table.dataTable th .table-action a.restore.circle.active,
.table.dataTable td .table-action a.restore.circle.active,
.listing-table thead tr th .table-action a.restore.circle.active,
.listing-table thead tr td .table-action a.restore.circle.active,
.listing-table tbody tr th .table-action a.restore.circle.active,
.listing-table tbody tr td .table-action a.restore.circle.active,
.listing-table tfoot tr th .table-action a.restore.circle.active,
.listing-table tfoot tr td .table-action a.restore.circle.active,
.text-table table thead td .table-action a.restore.circle.active,
.text-table table tbody td .table-action a.restore.circle.active,
.text-table table tfoot td .table-action a.restore.circle.active,
.table.dataTable th .table-action a.restore.circle:hover,
.table.dataTable td .table-action a.restore.circle:hover,
.listing-table thead tr th .table-action a.restore.circle:hover,
.listing-table thead tr td .table-action a.restore.circle:hover,
.listing-table tbody tr th .table-action a.restore.circle:hover,
.listing-table tbody tr td .table-action a.restore.circle:hover,
.listing-table tfoot tr th .table-action a.restore.circle:hover,
.listing-table tfoot tr td .table-action a.restore.circle:hover,
.text-table table thead td .table-action a.restore.circle:hover,
.text-table table tbody td .table-action a.restore.circle:hover,
.text-table table tfoot td .table-action a.restore.circle:hover,
.table.dataTable th .table-action .actn.comment.circle.sl,
.table.dataTable td .table-action .actn.comment.circle.sl,
.listing-table thead tr th .table-action .actn.comment.circle.sl,
.listing-table thead tr td .table-action .actn.comment.circle.sl,
.listing-table tbody tr th .table-action .actn.comment.circle.sl,
.listing-table tbody tr td .table-action .actn.comment.circle.sl,
.listing-table tfoot tr th .table-action .actn.comment.circle.sl,
.listing-table tfoot tr td .table-action .actn.comment.circle.sl,
.text-table table thead td .table-action .actn.comment.circle.sl,
.text-table table tbody td .table-action .actn.comment.circle.sl,
.text-table table tfoot td .table-action .actn.comment.circle.sl,
.table.dataTable th .table-action .actn.comment.circle.active,
.table.dataTable td .table-action .actn.comment.circle.active,
.listing-table thead tr th .table-action .actn.comment.circle.active,
.listing-table thead tr td .table-action .actn.comment.circle.active,
.listing-table tbody tr th .table-action .actn.comment.circle.active,
.listing-table tbody tr td .table-action .actn.comment.circle.active,
.listing-table tfoot tr th .table-action .actn.comment.circle.active,
.listing-table tfoot tr td .table-action .actn.comment.circle.active,
.text-table table thead td .table-action .actn.comment.circle.active,
.text-table table tbody td .table-action .actn.comment.circle.active,
.text-table table tfoot td .table-action .actn.comment.circle.active,
.table.dataTable th .table-action .actn.comment.circle:hover,
.table.dataTable td .table-action .actn.comment.circle:hover,
.listing-table thead tr th .table-action .actn.comment.circle:hover,
.listing-table thead tr td .table-action .actn.comment.circle:hover,
.listing-table tbody tr th .table-action .actn.comment.circle:hover,
.listing-table tbody tr td .table-action .actn.comment.circle:hover,
.listing-table tfoot tr th .table-action .actn.comment.circle:hover,
.listing-table tfoot tr td .table-action .actn.comment.circle:hover,
.text-table table thead td .table-action .actn.comment.circle:hover,
.text-table table tbody td .table-action .actn.comment.circle:hover,
.text-table table tfoot td .table-action .actn.comment.circle:hover,
.table.dataTable th .table-action .actn.restore.circle.sl,
.table.dataTable td .table-action .actn.restore.circle.sl,
.listing-table thead tr th .table-action .actn.restore.circle.sl,
.listing-table thead tr td .table-action .actn.restore.circle.sl,
.listing-table tbody tr th .table-action .actn.restore.circle.sl,
.listing-table tbody tr td .table-action .actn.restore.circle.sl,
.listing-table tfoot tr th .table-action .actn.restore.circle.sl,
.listing-table tfoot tr td .table-action .actn.restore.circle.sl,
.text-table table thead td .table-action .actn.restore.circle.sl,
.text-table table tbody td .table-action .actn.restore.circle.sl,
.text-table table tfoot td .table-action .actn.restore.circle.sl,
.table.dataTable th .table-action .actn.restore.circle.active,
.table.dataTable td .table-action .actn.restore.circle.active,
.listing-table thead tr th .table-action .actn.restore.circle.active,
.listing-table thead tr td .table-action .actn.restore.circle.active,
.listing-table tbody tr th .table-action .actn.restore.circle.active,
.listing-table tbody tr td .table-action .actn.restore.circle.active,
.listing-table tfoot tr th .table-action .actn.restore.circle.active,
.listing-table tfoot tr td .table-action .actn.restore.circle.active,
.text-table table thead td .table-action .actn.restore.circle.active,
.text-table table tbody td .table-action .actn.restore.circle.active,
.text-table table tfoot td .table-action .actn.restore.circle.active,
.table.dataTable th .table-action .actn.restore.circle:hover,
.table.dataTable td .table-action .actn.restore.circle:hover,
.listing-table thead tr th .table-action .actn.restore.circle:hover,
.listing-table thead tr td .table-action .actn.restore.circle:hover,
.listing-table tbody tr th .table-action .actn.restore.circle:hover,
.listing-table tbody tr td .table-action .actn.restore.circle:hover,
.listing-table tfoot tr th .table-action .actn.restore.circle:hover,
.listing-table tfoot tr td .table-action .actn.restore.circle:hover,
.text-table table thead td .table-action .actn.restore.circle:hover,
.text-table table tbody td .table-action .actn.restore.circle:hover,
.text-table table tfoot td .table-action .actn.restore.circle:hover {
  color: #fff;
  background-color: #1e7e34;
  text-decoration: none;
}

.table.dataTable th .table-action.with-circle a,
.table.dataTable td .table-action.with-circle a,
.listing-table thead tr th .table-action.with-circle a,
.listing-table thead tr td .table-action.with-circle a,
.listing-table tbody tr th .table-action.with-circle a,
.listing-table tbody tr td .table-action.with-circle a,
.listing-table tfoot tr th .table-action.with-circle a,
.listing-table tfoot tr td .table-action.with-circle a,
.table.dataTable th .table-action.with-circle .actn,
.table.dataTable td .table-action.with-circle .actn,
.listing-table thead tr th .table-action.with-circle .actn,
.listing-table thead tr td .table-action.with-circle .actn,
.listing-table tbody tr th .table-action.with-circle .actn,
.listing-table tbody tr td .table-action.with-circle .actn,
.listing-table tfoot tr th .table-action.with-circle .actn,
.listing-table tfoot tr td .table-action.with-circle .actn {
  width: 26px;
  height: 26px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  margin: 0 1px 0 0;
  font-size: 14px;
  line-height: 16px;
}

.table.dataTable th .table-action.with-circle a:last-child,
.table.dataTable td .table-action.with-circle a:last-child,
.listing-table thead tr th .table-action.with-circle a:last-child,
.listing-table thead tr td .table-action.with-circle a:last-child,
.listing-table tbody tr th .table-action.with-circle a:last-child,
.listing-table tbody tr td .table-action.with-circle a:last-child,
.listing-table tfoot tr th .table-action.with-circle a:last-child,
.listing-table tfoot tr td .table-action.with-circle a:last-child,
.table.dataTable th .table-action.with-circle .actn:last-child,
.table.dataTable td .table-action.with-circle .actn:last-child,
.listing-table thead tr th .table-action.with-circle .actn:last-child,
.listing-table thead tr td .table-action.with-circle .actn:last-child,
.listing-table tbody tr th .table-action.with-circle .actn:last-child,
.listing-table tbody tr td .table-action.with-circle .actn:last-child,
.listing-table tfoot tr th .table-action.with-circle .actn:last-child,
.listing-table tfoot tr td .table-action.with-circle .actn:last-child {
  margin-right: 0;
}

.table.dataTable th .table-action.with-circle a.edit:hover,
.table.dataTable td .table-action.with-circle a.edit:hover,
.listing-table thead tr th .table-action.with-circle a.edit:hover,
.listing-table thead tr td .table-action.with-circle a.edit:hover,
.listing-table tbody tr th .table-action.with-circle a.edit:hover,
.listing-table tbody tr td .table-action.with-circle a.edit:hover,
.listing-table tfoot tr th .table-action.with-circle a.edit:hover,
.listing-table tfoot tr td .table-action.with-circle a.edit:hover,
.table.dataTable th .table-action.with-circle a.share:hover,
.table.dataTable td .table-action.with-circle a.share:hover,
.listing-table thead tr th .table-action.with-circle a.share:hover,
.listing-table thead tr td .table-action.with-circle a.share:hover,
.listing-table tbody tr th .table-action.with-circle a.share:hover,
.listing-table tbody tr td .table-action.with-circle a.share:hover,
.listing-table tfoot tr th .table-action.with-circle a.share:hover,
.listing-table tfoot tr td .table-action.with-circle a.share:hover,
.table.dataTable th .table-action.with-circle .actn.edit:hover,
.table.dataTable td .table-action.with-circle .actn.edit:hover,
.listing-table thead tr th .table-action.with-circle .actn.edit:hover,
.listing-table thead tr td .table-action.with-circle .actn.edit:hover,
.listing-table tbody tr th .table-action.with-circle .actn.edit:hover,
.listing-table tbody tr td .table-action.with-circle .actn.edit:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.edit:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.edit:hover,
.table.dataTable th .table-action.with-circle .actn.share:hover,
.table.dataTable td .table-action.with-circle .actn.share:hover,
.listing-table thead tr th .table-action.with-circle .actn.share:hover,
.listing-table thead tr td .table-action.with-circle .actn.share:hover,
.listing-table tbody tr th .table-action.with-circle .actn.share:hover,
.listing-table tbody tr td .table-action.with-circle .actn.share:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.share:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.share:hover {
  background-color: rgba(41, 97, 255, 0.12);
}

.table.dataTable th .table-action.with-circle a.view:hover,
.table.dataTable td .table-action.with-circle a.view:hover,
.listing-table thead tr th .table-action.with-circle a.view:hover,
.listing-table thead tr td .table-action.with-circle a.view:hover,
.listing-table tbody tr th .table-action.with-circle a.view:hover,
.listing-table tbody tr td .table-action.with-circle a.view:hover,
.listing-table tfoot tr th .table-action.with-circle a.view:hover,
.listing-table tfoot tr td .table-action.with-circle a.view:hover,
.table.dataTable th .table-action.with-circle .actn.view:hover,
.table.dataTable td .table-action.with-circle .actn.view:hover,
.listing-table thead tr th .table-action.with-circle .actn.view:hover,
.listing-table thead tr td .table-action.with-circle .actn.view:hover,
.listing-table tbody tr th .table-action.with-circle .actn.view:hover,
.listing-table tbody tr td .table-action.with-circle .actn.view:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.view:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.view:hover {
  background-color: rgba(117, 95, 238, 0.12);
}

.table.dataTable th .table-action.with-circle a.email:hover,
.table.dataTable td .table-action.with-circle a.email:hover,
.listing-table thead tr th .table-action.with-circle a.email:hover,
.listing-table thead tr td .table-action.with-circle a.email:hover,
.listing-table tbody tr th .table-action.with-circle a.email:hover,
.listing-table tbody tr td .table-action.with-circle a.email:hover,
.listing-table tfoot tr th .table-action.with-circle a.email:hover,
.listing-table tfoot tr td .table-action.with-circle a.email:hover,
.table.dataTable th .table-action.with-circle .actn.email:hover,
.table.dataTable td .table-action.with-circle .actn.email:hover,
.listing-table thead tr th .table-action.with-circle .actn.email:hover,
.listing-table thead tr td .table-action.with-circle .actn.email:hover,
.listing-table tbody tr th .table-action.with-circle .actn.email:hover,
.listing-table tbody tr td .table-action.with-circle .actn.email:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.email:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.email:hover {
  background-color: rgba(243, 90, 76, 0.12);
}

.table.dataTable th .table-action.with-circle a.delete:hover,
.table.dataTable td .table-action.with-circle a.delete:hover,
.listing-table thead tr th .table-action.with-circle a.delete:hover,
.listing-table thead tr td .table-action.with-circle a.delete:hover,
.listing-table tbody tr th .table-action.with-circle a.delete:hover,
.listing-table tbody tr td .table-action.with-circle a.delete:hover,
.listing-table tfoot tr th .table-action.with-circle a.delete:hover,
.listing-table tfoot tr td .table-action.with-circle a.delete:hover,
.table.dataTable th .table-action.with-circle a.danger:hover,
.table.dataTable td .table-action.with-circle a.danger:hover,
.listing-table thead tr th .table-action.with-circle a.danger:hover,
.listing-table thead tr td .table-action.with-circle a.danger:hover,
.listing-table tbody tr th .table-action.with-circle a.danger:hover,
.listing-table tbody tr td .table-action.with-circle a.danger:hover,
.listing-table tfoot tr th .table-action.with-circle a.danger:hover,
.listing-table tfoot tr td .table-action.with-circle a.danger:hover,
.table.dataTable th .table-action.with-circle .actn.delete:hover,
.table.dataTable td .table-action.with-circle .actn.delete:hover,
.listing-table thead tr th .table-action.with-circle .actn.delete:hover,
.listing-table thead tr td .table-action.with-circle .actn.delete:hover,
.listing-table tbody tr th .table-action.with-circle .actn.delete:hover,
.listing-table tbody tr td .table-action.with-circle .actn.delete:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.delete:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.delete:hover,
.table.dataTable th .table-action.with-circle .actn.danger:hover,
.table.dataTable td .table-action.with-circle .actn.danger:hover,
.listing-table thead tr th .table-action.with-circle .actn.danger:hover,
.listing-table thead tr td .table-action.with-circle .actn.danger:hover,
.listing-table tbody tr th .table-action.with-circle .actn.danger:hover,
.listing-table tbody tr td .table-action.with-circle .actn.danger:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.danger:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.danger:hover {
  background-color: rgba(255, 54, 54, 0.12);
}

.table.dataTable th .table-action.with-circle a.user:hover,
.table.dataTable td .table-action.with-circle a.user:hover,
.listing-table thead tr th .table-action.with-circle a.user:hover,
.listing-table thead tr td .table-action.with-circle a.user:hover,
.listing-table tbody tr th .table-action.with-circle a.user:hover,
.listing-table tbody tr td .table-action.with-circle a.user:hover,
.listing-table tfoot tr th .table-action.with-circle a.user:hover,
.listing-table tfoot tr td .table-action.with-circle a.user:hover,
.table.dataTable th .table-action.with-circle a.info:hover,
.table.dataTable td .table-action.with-circle a.info:hover,
.listing-table thead tr th .table-action.with-circle a.info:hover,
.listing-table thead tr td .table-action.with-circle a.info:hover,
.listing-table tbody tr th .table-action.with-circle a.info:hover,
.listing-table tbody tr td .table-action.with-circle a.info:hover,
.listing-table tfoot tr th .table-action.with-circle a.info:hover,
.listing-table tfoot tr td .table-action.with-circle a.info:hover,
.table.dataTable th .table-action.with-circle .actn.user:hover,
.table.dataTable td .table-action.with-circle .actn.user:hover,
.listing-table thead tr th .table-action.with-circle .actn.user:hover,
.listing-table thead tr td .table-action.with-circle .actn.user:hover,
.listing-table tbody tr th .table-action.with-circle .actn.user:hover,
.listing-table tbody tr td .table-action.with-circle .actn.user:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.user:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.user:hover,
.table.dataTable th .table-action.with-circle .actn.info:hover,
.table.dataTable td .table-action.with-circle .actn.info:hover,
.listing-table thead tr th .table-action.with-circle .actn.info:hover,
.listing-table thead tr td .table-action.with-circle .actn.info:hover,
.listing-table tbody tr th .table-action.with-circle .actn.info:hover,
.listing-table tbody tr td .table-action.with-circle .actn.info:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.info:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.info:hover {
  background-color: rgba(172, 77, 255, 0.12);
}

.table.dataTable th .table-action.with-circle a.success:hover,
.table.dataTable td .table-action.with-circle a.success:hover,
.listing-table thead tr th .table-action.with-circle a.success:hover,
.listing-table thead tr td .table-action.with-circle a.success:hover,
.listing-table tbody tr th .table-action.with-circle a.success:hover,
.listing-table tbody tr td .table-action.with-circle a.success:hover,
.listing-table tfoot tr th .table-action.with-circle a.success:hover,
.listing-table tfoot tr td .table-action.with-circle a.success:hover,
.table.dataTable th .table-action.with-circle .actn.success:hover,
.table.dataTable td .table-action.with-circle .actn.success:hover,
.listing-table thead tr th .table-action.with-circle .actn.success:hover,
.listing-table thead tr td .table-action.with-circle .actn.success:hover,
.listing-table tbody tr th .table-action.with-circle .actn.success:hover,
.listing-table tbody tr td .table-action.with-circle .actn.success:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.success:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.success:hover {
  background-color: rgba(40, 167, 69, 0.12);
}

.table.dataTable th .table-action.with-circle a.rss:hover,
.table.dataTable td .table-action.with-circle a.rss:hover,
.listing-table thead tr th .table-action.with-circle a.rss:hover,
.listing-table thead tr td .table-action.with-circle a.rss:hover,
.listing-table tbody tr th .table-action.with-circle a.rss:hover,
.listing-table tbody tr td .table-action.with-circle a.rss:hover,
.listing-table tfoot tr th .table-action.with-circle a.rss:hover,
.listing-table tfoot tr td .table-action.with-circle a.rss:hover,
.table.dataTable th .table-action.with-circle a.warning:hover,
.table.dataTable td .table-action.with-circle a.warning:hover,
.listing-table thead tr th .table-action.with-circle a.warning:hover,
.listing-table thead tr td .table-action.with-circle a.warning:hover,
.listing-table tbody tr th .table-action.with-circle a.warning:hover,
.listing-table tbody tr td .table-action.with-circle a.warning:hover,
.listing-table tfoot tr th .table-action.with-circle a.warning:hover,
.listing-table tfoot tr td .table-action.with-circle a.warning:hover,
.table.dataTable th .table-action.with-circle .actn.rss:hover,
.table.dataTable td .table-action.with-circle .actn.rss:hover,
.listing-table thead tr th .table-action.with-circle .actn.rss:hover,
.listing-table thead tr td .table-action.with-circle .actn.rss:hover,
.listing-table tbody tr th .table-action.with-circle .actn.rss:hover,
.listing-table tbody tr td .table-action.with-circle .actn.rss:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.rss:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.rss:hover,
.table.dataTable th .table-action.with-circle .actn.warning:hover,
.table.dataTable td .table-action.with-circle .actn.warning:hover,
.listing-table thead tr th .table-action.with-circle .actn.warning:hover,
.listing-table thead tr td .table-action.with-circle .actn.warning:hover,
.listing-table tbody tr th .table-action.with-circle .actn.warning:hover,
.listing-table tbody tr td .table-action.with-circle .actn.warning:hover,
.listing-table tfoot tr th .table-action.with-circle .actn.warning:hover,
.listing-table tfoot tr td .table-action.with-circle .actn.warning:hover {
  background-color: rgba(255, 130, 28, 0.12);
}

.listing-table {
  border-bottom: 1px solid #dee2e6;
}

.listing-table caption {
  caption-side: initial;
}

.listing-table thead tr,
.listing-table tbody tr,
.listing-table tfoot tr {
  background: transparent !important;
}

.listing-table thead tr th,
.listing-table thead tr td,
.listing-table tbody tr th,
.listing-table tbody tr td,
.listing-table tfoot tr th,
.listing-table tfoot tr td {
  color: #747d93;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
  padding: 10px 8px;
  font-weight: 500;
  background: transparent !important;
}

.listing-table thead tr th:first-child,
.listing-table thead tr td:first-child,
.listing-table tbody tr th:first-child,
.listing-table tbody tr td:first-child,
.listing-table tfoot tr th:first-child,
.listing-table tfoot tr td:first-child {
  padding-left: 0;
}

.listing-table thead tr th:last-child,
.listing-table thead tr td:last-child,
.listing-table tbody tr th:last-child,
.listing-table tbody tr td:last-child,
.listing-table tfoot tr th:last-child,
.listing-table tfoot tr td:last-child {
  padding-right: 0;
}

.listing-table thead tr th.photo-td a,
.listing-table thead tr td.photo-td a,
.listing-table tbody tr th.photo-td a,
.listing-table tbody tr td.photo-td a,
.listing-table tfoot tr th.photo-td a,
.listing-table tfoot tr td.photo-td a {
  display: inline-flex;
  align-items: center;
  float: left;
  position: relative;
}

.listing-table thead tr th.photo-td a .status,
.listing-table thead tr td.photo-td a .status,
.listing-table tbody tr th.photo-td a .status,
.listing-table tbody tr td.photo-td a .status,
.listing-table tfoot tr th.photo-td a .status,
.listing-table tfoot tr td.photo-td a .status {
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  width: 15px;
  height: 15px;
  background-color: #bbc5cc;
  border: 2px solid #fff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.listing-table thead tr th.photo-td a .status.active,
.listing-table thead tr td.photo-td a .status.active,
.listing-table tbody tr th.photo-td a .status.active,
.listing-table tbody tr td.photo-td a .status.active,
.listing-table tfoot tr th.photo-td a .status.active,
.listing-table tfoot tr td.photo-td a .status.active {
  background-color: #0bbd15;
}

@media (max-width : 767px) {
  .listing-table thead tr th.photo-td a .status,
  .listing-table thead tr td.photo-td a .status,
  .listing-table tbody tr th.photo-td a .status,
  .listing-table tbody tr td.photo-td a .status,
  .listing-table tfoot tr th.photo-td a .status,
  .listing-table tfoot tr td.photo-td a .status {
    top: 1px;
    right: 1px;
    width: 16px;
    height: 16px;
  }
}

@media (max-width : 480px) {
  .listing-table thead tr th.photo-td a .status,
  .listing-table thead tr td.photo-td a .status,
  .listing-table tbody tr th.photo-td a .status,
  .listing-table tbody tr td.photo-td a .status,
  .listing-table tfoot tr th.photo-td a .status,
  .listing-table tfoot tr td.photo-td a .status {
    top: 4px;
    right: 4px;
    width: 18px;
    height: 18px;
  }
}

.listing-table thead tr th .tbl-ico,
.listing-table thead tr td .tbl-ico,
.listing-table tbody tr th .tbl-ico,
.listing-table tbody tr td .tbl-ico,
.listing-table tfoot tr th .tbl-ico,
.listing-table tfoot tr td .tbl-ico {
  display: inline-block;
  font-size: 16px;
}

.listing-table thead tr th .custom-checkbox,
.listing-table thead tr th .custom-radio,
.listing-table thead tr td .custom-checkbox,
.listing-table thead tr td .custom-radio,
.listing-table tbody tr th .custom-checkbox,
.listing-table tbody tr th .custom-radio,
.listing-table tbody tr td .custom-checkbox,
.listing-table tbody tr td .custom-radio,
.listing-table tfoot tr th .custom-checkbox,
.listing-table tfoot tr th .custom-radio,
.listing-table tfoot tr td .custom-checkbox,
.listing-table tfoot tr td .custom-radio {
  margin: 0;
  min-height: 16px;
  padding-left: 18px;
}

.listing-table thead tr th .custom-checkbox .custom-control-label,
.listing-table thead tr th .custom-radio .custom-control-label,
.listing-table thead tr td .custom-checkbox .custom-control-label,
.listing-table thead tr td .custom-radio .custom-control-label,
.listing-table tbody tr th .custom-checkbox .custom-control-label,
.listing-table tbody tr th .custom-radio .custom-control-label,
.listing-table tbody tr td .custom-checkbox .custom-control-label,
.listing-table tbody tr td .custom-radio .custom-control-label,
.listing-table tfoot tr th .custom-checkbox .custom-control-label,
.listing-table tfoot tr th .custom-radio .custom-control-label,
.listing-table tfoot tr td .custom-checkbox .custom-control-label,
.listing-table tfoot tr td .custom-radio .custom-control-label {
  padding-top: 0;
}

.listing-table thead tr th .custom-checkbox .custom-control-label:after,
.listing-table thead tr th .custom-checkbox .custom-control-label:before,
.listing-table thead tr th .custom-radio .custom-control-label:after,
.listing-table thead tr th .custom-radio .custom-control-label:before,
.listing-table thead tr td .custom-checkbox .custom-control-label:after,
.listing-table thead tr td .custom-checkbox .custom-control-label:before,
.listing-table thead tr td .custom-radio .custom-control-label:after,
.listing-table thead tr td .custom-radio .custom-control-label:before,
.listing-table tbody tr th .custom-checkbox .custom-control-label:after,
.listing-table tbody tr th .custom-checkbox .custom-control-label:before,
.listing-table tbody tr th .custom-radio .custom-control-label:after,
.listing-table tbody tr th .custom-radio .custom-control-label:before,
.listing-table tbody tr td .custom-checkbox .custom-control-label:after,
.listing-table tbody tr td .custom-checkbox .custom-control-label:before,
.listing-table tbody tr td .custom-radio .custom-control-label:after,
.listing-table tbody tr td .custom-radio .custom-control-label:before,
.listing-table tfoot tr th .custom-checkbox .custom-control-label:after,
.listing-table tfoot tr th .custom-checkbox .custom-control-label:before,
.listing-table tfoot tr th .custom-radio .custom-control-label:after,
.listing-table tfoot tr th .custom-radio .custom-control-label:before,
.listing-table tfoot tr td .custom-checkbox .custom-control-label:after,
.listing-table tfoot tr td .custom-checkbox .custom-control-label:before,
.listing-table tfoot tr td .custom-radio .custom-control-label:after,
.listing-table tfoot tr td .custom-radio .custom-control-label:before {
  top: 0 !important;
  left: -16px !important;
}

.listing-table thead tr th .prop-img,
.listing-table thead tr td .prop-img,
.listing-table tbody tr th .prop-img,
.listing-table tbody tr td .prop-img,
.listing-table tfoot tr th .prop-img,
.listing-table tfoot tr td .prop-img {
  display: block;
  overflow: hidden;
  width: 124px;
}

.listing-table thead tr th .prop-img.sm,
.listing-table thead tr td .prop-img.sm,
.listing-table tbody tr th .prop-img.sm,
.listing-table tbody tr td .prop-img.sm,
.listing-table tfoot tr th .prop-img.sm,
.listing-table tfoot tr td .prop-img.sm {
  width: 98px;
}

.listing-table thead tr th .prop-img .image,
.listing-table thead tr td .prop-img .image,
.listing-table tbody tr th .prop-img .image,
.listing-table tbody tr td .prop-img .image,
.listing-table tfoot tr th .prop-img .image,
.listing-table tfoot tr td .prop-img .image {
  display: block;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
}

.listing-table thead tr th .prop-img .image img,
.listing-table thead tr td .prop-img .image img,
.listing-table tbody tr th .prop-img .image img,
.listing-table tbody tr td .prop-img .image img,
.listing-table tfoot tr th .prop-img .image img,
.listing-table tfoot tr td .prop-img .image img {
  display: block;
  width: 100%;
  height: auto;
}

.listing-table thead tr th .prop-img:hover .image,
.listing-table thead tr td .prop-img:hover .image,
.listing-table tbody tr th .prop-img:hover .image,
.listing-table tbody tr td .prop-img:hover .image,
.listing-table tfoot tr th .prop-img:hover .image,
.listing-table tfoot tr td .prop-img:hover .image {
  transform: scale(1.12);
  -ms-transform: scale(1.12);
  -webkit-transform: scale(1.12);
  -o-transform: scale(1.12);
  -moz-transform: scale(1.12);
}

.listing-table thead tr th .shortIcon,
.listing-table thead tr td .shortIcon,
.listing-table tbody tr th .shortIcon,
.listing-table tbody tr td .shortIcon,
.listing-table tfoot tr th .shortIcon,
.listing-table tfoot tr td .shortIcon {
  display: inline-block;
  padding: 6px;
  cursor: move;
}

.listing-table thead tr th .collapsClick,
.listing-table thead tr td .collapsClick,
.listing-table tbody tr th .collapsClick,
.listing-table tbody tr td .collapsClick,
.listing-table tfoot tr th .collapsClick,
.listing-table tfoot tr td .collapsClick {
  display: block;
  float: left;
  font-size: 12px;
  width: 24px;
  height: 24px;
  background-color: #2961ff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  position: relative;
  cursor: pointer;
}

.listing-table thead tr th .collapsClick i,
.listing-table thead tr td .collapsClick i,
.listing-table tbody tr th .collapsClick i,
.listing-table tbody tr td .collapsClick i,
.listing-table tfoot tr th .collapsClick i,
.listing-table tfoot tr td .collapsClick i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #fff;
}

.listing-table thead tr th .collapsClick.collapsed i:before,
.listing-table thead tr td .collapsClick.collapsed i:before,
.listing-table tbody tr th .collapsClick.collapsed i:before,
.listing-table tbody tr td .collapsClick.collapsed i:before,
.listing-table tfoot tr th .collapsClick.collapsed i:before,
.listing-table tfoot tr td .collapsClick.collapsed i:before {
  content: "\f067";
}

.listing-table thead tr th .collapsClick:hover,
.listing-table thead tr td .collapsClick:hover,
.listing-table tbody tr th .collapsClick:hover,
.listing-table tbody tr td .collapsClick:hover,
.listing-table tfoot tr th .collapsClick:hover,
.listing-table tfoot tr td .collapsClick:hover {
  opacity: 0.9;
}

.listing-table thead tr th .feature-list,
.listing-table thead tr td .feature-list,
.listing-table tbody tr th .feature-list,
.listing-table tbody tr td .feature-list,
.listing-table tfoot tr th .feature-list,
.listing-table tfoot tr td .feature-list {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 0;
  flex-wrap: nowrap;
}

.listing-table thead tr th .feature-list .li,
.listing-table thead tr td .feature-list .li,
.listing-table tbody tr th .feature-list .li,
.listing-table tbody tr td .feature-list .li,
.listing-table tfoot tr th .feature-list .li,
.listing-table tfoot tr td .feature-list .li {
  display: block;
  float: left;
  margin: 0 12px 0 0;
  cursor: default;
  font-size: 20px;
  line-height: 24px;
}

.listing-table thead tr th .feature-list .li:last-child,
.listing-table thead tr td .feature-list .li:last-child,
.listing-table tbody tr th .feature-list .li:last-child,
.listing-table tbody tr td .feature-list .li:last-child,
.listing-table tfoot tr th .feature-list .li:last-child,
.listing-table tfoot tr td .feature-list .li:last-child {
  margin-right: 0;
}

.listing-table thead tr th .feature-list .li img,
.listing-table thead tr td .feature-list .li img,
.listing-table tbody tr th .feature-list .li img,
.listing-table tbody tr td .feature-list .li img,
.listing-table tfoot tr th .feature-list .li img,
.listing-table tfoot tr td .feature-list .li img {
  display: block;
  height: 22px;
  width: auto;
}

.listing-table thead tr th h5,
.listing-table thead tr td h5,
.listing-table tbody tr th h5,
.listing-table tbody tr td h5,
.listing-table tfoot tr th h5,
.listing-table tfoot tr td h5 {
  font-size: 17px !important;
  margin: 0;
}

.listing-table thead tr th,
.listing-table tbody tr th,
.listing-table tfoot tr th {
  border: none !important;
  font-weight: 700;
  position: relative;
}

.listing-table thead tr th .sort-opt,
.listing-table tbody tr th .sort-opt,
.listing-table tfoot tr th .sort-opt {
  color: #747d93;
}

.listing-table thead tr th .sort-opt:hover,
.listing-table tbody tr th .sort-opt:hover,
.listing-table tfoot tr th .sort-opt:hover {
  color: #333;
  text-decoration: none;
}

.listing-table thead tr th .status,
.listing-table tbody tr th .status,
.listing-table tfoot tr th .status {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #a1a9ba;
  color: #a1a9ba;
  font-size: 10px;
  line-height: 24px;
  font-weight: 500;
  transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  -webkit-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
}

.listing-table thead tr th .status.sl,
.listing-table tbody tr th .status.sl,
.listing-table tfoot tr th .status.sl {
  background-color: #00c662;
  border-color: #00c662;
  color: #fff;
}

.listing-table thead tr th .status.sl .fa-question:before,
.listing-table tbody tr th .status.sl .fa-question:before,
.listing-table tfoot tr th .status.sl .fa-question:before {
  content: "\f00c";
}

.listing-table thead tr td a,
.listing-table tbody tr td a,
.listing-table tfoot tr td a {
  color: #747d93;
}

.listing-table thead tr td a:hover,
.listing-table tbody tr td a:hover,
.listing-table tfoot tr td a:hover {
  color: #2961ff;
  text-decoration: underline;
}

.listing-table thead tr td a.remove,
.listing-table tbody tr td a.remove,
.listing-table tfoot tr td a.remove {
  color: #fa6966;
}

.listing-table thead tr td a.remove:hover,
.listing-table tbody tr td a.remove:hover,
.listing-table tfoot tr td a.remove:hover {
  color: #fa6966;
  text-decoration: underline;
}

.listing-table thead tr td .u-circle-image,
.listing-table tbody tr td .u-circle-image,
.listing-table tfoot tr td .u-circle-image {
  display: inline-block;
  width: 44px;
  height: 44px;
  border: 1px solid #ddd;
  background-color: #fff !important;
}

.listing-table thead tr td .doc,
.listing-table tbody tr td .doc,
.listing-table tfoot tr td .doc {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 3px 0 2px 24px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listing-table thead tr td .doc img,
.listing-table tbody tr td .doc img,
.listing-table tfoot tr td .doc img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: auto;
}

.listing-table thead tr.align-middle td,
.listing-table tbody tr.align-middle td,
.listing-table tfoot tr.align-middle td {
  vertical-align: middle;
}

.listing-table thead tr.collapsHead td,
.listing-table tbody tr.collapsHead td,
.listing-table tfoot tr.collapsHead td {
  vertical-align: middle;
}

@media (max-width : 767px) {
  .listing-table thead tr.collapsHead + tr,
  .listing-table tbody tr.collapsHead + tr,
  .listing-table tfoot tr.collapsHead + tr {
    margin-top: 0 !important;
    border-top: 3px solid #2961ff;
  }
}

@media (min-width : 768px) {
  .listing-table thead tr.collapsHead th,
  .listing-table thead tr.collapsHead td,
  .listing-table tbody tr.collapsHead th,
  .listing-table tbody tr.collapsHead td,
  .listing-table tfoot tr.collapsHead th,
  .listing-table tfoot tr.collapsHead td {
    background-color: #fff !important;
  }

  .listing-table thead tr.collapsHead:hover th,
  .listing-table thead tr.collapsHead:hover td,
  .listing-table tbody tr.collapsHead:hover th,
  .listing-table tbody tr.collapsHead:hover td,
  .listing-table tfoot tr.collapsHead:hover th,
  .listing-table tfoot tr.collapsHead:hover td {
    background-color: #ecf0f3 !important;
  }
}

.listing-table thead tr.template-download .name,
.listing-table thead tr.template-upload .name,
.listing-table tbody tr.template-download .name,
.listing-table tbody tr.template-upload .name,
.listing-table tfoot tr.template-download .name,
.listing-table tfoot tr.template-upload .name {
  width: 220px;
  white-space: normal;
  word-break: break-word;
}

.listing-table thead tr.template-download .btn.btn-xs,
.listing-table thead tr.template-upload .btn.btn-xs,
.listing-table tbody tr.template-download .btn.btn-xs,
.listing-table tbody tr.template-upload .btn.btn-xs,
.listing-table tfoot tr.template-download .btn.btn-xs,
.listing-table tfoot tr.template-upload .btn.btn-xs {
  min-width: 1px;
}

@media (max-width : 767px) {
  .listing-table thead tr.template-download,
  .listing-table thead tr.template-upload,
  .listing-table tbody tr.template-download,
  .listing-table tbody tr.template-upload,
  .listing-table tfoot tr.template-download,
  .listing-table tfoot tr.template-upload {
    text-align: center;
  }

  .listing-table thead tr.template-download td a,
  .listing-table thead tr.template-upload td a,
  .listing-table tbody tr.template-download td a,
  .listing-table tbody tr.template-upload td a,
  .listing-table tfoot tr.template-download td a,
  .listing-table tfoot tr.template-upload td a {
    display: inline-block;
  }

  .listing-table thead tr.template-download .name,
  .listing-table thead tr.template-upload .name,
  .listing-table tbody tr.template-download .name,
  .listing-table tbody tr.template-upload .name,
  .listing-table tfoot tr.template-download .name,
  .listing-table tfoot tr.template-upload .name {
    width: 100%;
  }
}

.listing-table.listing-table-xs th,
.listing-table.listing-table-xs td,
.listing-table.listing-table-xs th:first-child,
.listing-table.listing-table-xs td:first-child {
  padding-top: 10px;
  padding-bottom: 10px;
}

.listing-table.listing-table-xs .prop-img {
  width: 64px;
}

.listing-table.listing-table-xs .table-action a {
  font-size: 17px;
  line-height: 19px;
  margin-right: 8px;
}

@media (min-width : 768px) {
  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td {
    min-height: 46px;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td:first-child {
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
    position: relative;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td:first-child:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 4px);
    opacity: 0;
    visibility: visible;
    border-left: 3.5px solid #2961ff;
    transition: 600ms;
    -webkit-transition: 600ms;
    -ms-transition: 600ms;
    -o-transition: 600ms;
    -moz-transition: 600ms;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -ms-border-radius: 6px 0 0 6px;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover) td:last-child {
    border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -ms-border-radius: 0 6px 6px 0;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover {
    box-shadow: 0 0 12px 4px rgba(72, 41, 118, 0.4);
    background-color: #fff !important;
    transform: scale(1.0015);
    position: relative;
    z-index: 1;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover.collapsHead th,
  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover.collapsHead td {
    background: transparent !important;
  }

  .listing-table:not(.info-data-table) tbody tr:not(.no-hover):hover td:first-child:before {
    opacity: 1;
    visibility: visible;
  }

  .listing-table:not(.info-data-table).listing-table thead tr th:first-child {
    padding-left: 12px;
  }

  .listing-table:not(.info-data-table).listing-table thead tr th:last-child {
    padding-right: 12px;
  }

  .listing-table:not(.info-data-table).listing-table tbody tr td:first-child {
    padding-left: 12px;
  }

  .listing-table:not(.info-data-table).listing-table tbody tr td:last-child {
    padding-right: 12px;
  }
}

.info-data-table {
  border: none;
  width: auto;
  margin: 0 auto;
}

.info-data-table tbody tr th,
.info-data-table tbody tr td {
  border: none;
  padding: 5px 8px;
  white-space: inherit !important;
  vertical-align: top;
}

.info-data-table tbody tr th:first-child,
.info-data-table tbody tr td:first-child {
  font-weight: 700;
  color: #5e6475;
  width: 100px;
  text-align: right;
}

.info-data-table.text-left tbody tr td {
  text-align: left;
}

.custom-pagination {
  display: block;
  text-align: right;
  margin: 10px 0 0 0;
}

.custom-pagination ul {
  display: inline-block;
  vertical-align: top;
  font-size: 0px;
  margin: 0;
  padding: 0;
}

.custom-pagination ul li {
  display: inline-block;
  vertical-align: top;
}

.custom-pagination ul li:first-child a {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
}

.custom-pagination ul li:last-child a {
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
}

.custom-pagination ul li.disabled a,
.custom-pagination ul li.disabled a:hover {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.custom-pagination ul li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  font-size: 14px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.custom-pagination ul li a:hover {
  background-color: #e9ecef;
}

.custom-pagination ul li.active a {
  color: #fff;
  background-color: #2961ff;
}

.listing_view,
.mainSection .wh-box .wh-body.listing_view {
  display: none;
}

.propertyGridView {
  display: block;
}

.propertyGridView .owl-item {
  padding: 7px;
}

.propertyGridView .rw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -11px;
  font-size: 0px;
}

@media (max-width : 899px) {
  .propertyGridView .rw {
    margin: 0 -8px;
  }
}

.propertyGridView .rw .colm {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  font-size: 14px;
  padding: 11px;
}

.propertyGridView .rw .colm.full {
  width: 100% !important;
}

@media (max-width : 1400px) {
  .propertyGridView .rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 899px) {
  .propertyGridView .rw .colm {
    width: 50%;
    padding: 8px;
  }
}

@media (max-width : 575px) {
  .propertyGridView .rw .colm {
    width: 100%;
  }
}

.propertyGridView .rw.two-colm .colm {
  width: 50%;
}

@media (max-width : 575px) {
  .propertyGridView .rw.two-colm .colm {
    width: 100%;
  }
}

.propertyGridView.colm-4 .rw .colm {
  width: 25%;
}

@media (max-width : 1199px) {
  .propertyGridView.colm-4 .rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 899px) {
  .propertyGridView.colm-4 .rw .colm {
    width: 50%;
    padding: 8px;
  }
}

@media (max-width : 575px) {
  .propertyGridView.colm-4 .rw .colm {
    width: 100%;
  }
}

.grid-property-box {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100%;
  position: relative;
  background-color: #e8eef3;
}

.grid-property-box:hover {
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.14);
}

.grid-property-box:hover .prop-img .image {
  transform: scale(1.12);
  -ms-transform: scale(1.12);
  -webkit-transform: scale(1.12);
  -o-transform: scale(1.12);
  -moz-transform: scale(1.12);
}

.grid-property-box .grid-prop-image-c {
  display: block;
  position: relative;
}

.grid-property-box .prop-img {
  display: block;
  overflow: hidden;
}

.grid-property-box .prop-img .image {
  display: block;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: cover !important;
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  position: relative;
}

.grid-property-box .prop-img .image img {
  display: block;
  width: 100%;
  height: auto;
}

.grid-property-box .prop-img .image img.img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.grid-property-box .prop-img .image img.file-img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: 72px;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.grid-property-box .fav {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  cursor: pointer;
  color: #949494;
  background-color: #fff;
  position: absolute;
  top: 12px;
  right: 14px;
  width: 30px;
  height: 30px;
  font-size: 16px;
}

@media (max-width : 599px) {
  .grid-property-box .fav {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }
}

.grid-property-box .fav i {
  display: block;
  font-weight: 600;
}

.grid-property-box .fav.sl {
  background-color: #fc4b6c;
  color: #fff;
}

.grid-property-box .prop-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: absolute;
  top: 12px;
  right: 14px;
}

.grid-property-box .prop-actions .action-ico,
.grid-property-box .prop-actions .fav {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  cursor: pointer;
  color: #949494;
  background-color: #fff;
  position: relative;
  top: auto;
  right: auto;
  width: 30px;
  height: 30px;
  font-size: 16px;
}

@media (max-width : 599px) {
  .grid-property-box .prop-actions .action-ico,
  .grid-property-box .prop-actions .fav {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }
}

.grid-property-box .prop-actions .action-ico.sl,
.grid-property-box .prop-actions .fav.sl {
  background-color: #fc4b6c;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.success.sl,
.grid-property-box .prop-actions .fav.success.sl {
  background-color: #28a745;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.success.sl i,
.grid-property-box .prop-actions .fav.success.sl i {
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico.warning.sl,
.grid-property-box .prop-actions .fav.warning.sl {
  background-color: #ff821c;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.warning.sl i,
.grid-property-box .prop-actions .fav.warning.sl i {
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico.danger.sl,
.grid-property-box .prop-actions .fav.danger.sl {
  background-color: #fa6767;
  color: #fff;
}

.grid-property-box .prop-actions .action-ico.danger.sl i,
.grid-property-box .prop-actions .fav.danger.sl i {
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico.info.sl,
.grid-property-box .prop-actions .fav.info.sl {
  background-color: #634fdc;
  color: #fff;
  font-weight: 600;
}

.grid-property-box .prop-actions .action-ico i,
.grid-property-box .prop-actions .fav i {
  display: block;
}

.grid-property-box .prop-actions .action-ico:not(:last-child),
.grid-property-box .prop-actions .fav:not(:last-child) {
  margin-right: 4px;
}

.grid-property-box .prop-type,
.grid-property-box .grid-check {
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
  background-color: #596a84;
  color: #fff;
  font-size: 13px;
  line-height: 16px;
  padding: 7px 10px;
  text-align: center;
  min-width: 94px;
  min-height: 30px;
}

.grid-property-box .prop-type ~ .prop-type,
.grid-property-box .grid-check ~ .prop-type {
  left: auto;
  top: auto;
  bottom: 12px;
  right: 14px;
  min-height: 28px;
  padding-top: 6px;
  padding-top: 6px;
}

.grid-property-box .prop-type.grid-check,
.grid-property-box .grid-check.grid-check {
  padding: 4px 8px 0 28px;
  width: auto;
  min-width: 1px;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  min-height: 24px;
  background-color: rgba(31, 31, 31, 0.5);
}

.grid-property-box .prop-type.grid-check:hover,
.grid-property-box .grid-check.grid-check:hover {
  background-color: rgba(31, 31, 31, 0.8);
}

.grid-property-box .prop-type.grid-check input,
.grid-property-box .grid-check.grid-check input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.grid-property-box .prop-type.grid-check .ico,
.grid-property-box .grid-check.grid-check .ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  color: #fff;
  font-size: 16px;
}

.grid-property-box .prop-type.grid-check input:checked + .ico i:before,
.grid-property-box .grid-check.grid-check input:checked + .ico i:before {
  content: "\f14a";
}

.grid-property-box .prop-tag {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 6px;
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  background-color: #2961ff;
  padding: 5px 6px 3px 6px;
  max-width: calc(100% - 12px);
}

.grid-property-box .descBox {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  flex: 1;
  border: 1px solid #dee2e6;
  background-color: #fff;
  border-top: none;
}

.grid-property-box .descBox .headInfo {
  display: block;
}

@media (max-width : 480px) {
  .grid-property-box .descBox .headInfo {
    min-height: 1px !important;
  }
}

.grid-property-box .descBox .head {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  flex: 1;
  padding: 15px;
}

.grid-property-box .descBox .head h3,
.grid-property-box .descBox .head h4 {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 19px;
  font-weight: 700;
  margin: 6px 0 0 0;
}

.grid-property-box .descBox .head h3:first-child,
.grid-property-box .descBox .head h4:first-child {
  margin: 0;
}

.grid-property-box .descBox .head h3 a,
.grid-property-box .descBox .head h4 a {
  color: #414755;
}

.grid-property-box .descBox .head h3 a:hover,
.grid-property-box .descBox .head h4 a:hover {
  color: #2961ff;
  text-decoration: none;
}

.grid-property-box .descBox .head h4 {
  font-size: 13px;
  line-height: 17px;
}

.grid-property-box .descBox .head p {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
  padding: 0;
}

.grid-property-box .descBox .head ul,
.grid-property-box .descBox .head ol {
  padding: 0 0 0 16px;
}

.grid-property-box .descBox .head ul li,
.grid-property-box .descBox .head ol li {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
  padding: 0;
}

.grid-property-box .descBox .foot {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  padding: 10px 15px;
  border-top: 1px solid #dee2e6;
}

.grid-property-box .descBox .foot .prc {
  display: block;
  float: left;
  color: #3f3f3f;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  align-self: center;
}

.grid-property-box .descBox .foot .prc:not(:last-child) {
  padding-right: 12px;
}

.grid-property-box .descBox .foot .sqm {
  display: block;
  float: left;
  color: #878d9e;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin: 3px 0 0 0;
  padding: 0;
}

.grid-property-box .descBox .foot .list-no {
  display: flex;
  float: left;
  color: #2961ff;
  font-size: 13.5px;
  line-height: 16px;
  font-weight: 600;
  margin: 2px 0;
}

.grid-property-box .descBox .foot .list-no:hover {
  text-decoration: underline;
}

.grid-property-box .descBox .foot .list-no:not(.ico):not(:last-child) {
  margin-right: 6px;
}

.grid-property-box .descBox .foot .list-no.ico {
  width: 26px;
  height: 26px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.grid-property-box .descBox .foot .list-no.ico:hover {
  text-decoration: none;
  background-color: rgba(41, 97, 255, 0.12);
}

.grid-property-box .descBox .foot .list-no.red,
.grid-property-box .descBox .foot .list-no.danger {
  color: #fa6767;
}

.grid-property-box .descBox .foot .list-no.red:hover,
.grid-property-box .descBox .foot .list-no.danger:hover {
  background-color: rgba(250, 103, 103, 0.12);
}

.grid-property-box .descBox .foot .list-no.green,
.grid-property-box .descBox .foot .list-no.success {
  color: #0dc136;
}

.grid-property-box .descBox .foot .list-no.green:hover,
.grid-property-box .descBox .foot .list-no.success:hover {
  background-color: rgba(30, 126, 52, 0.12);
}

.grid-property-box .descBox .foot .list-no.info {
  color: #7460ee;
}

.grid-property-box .descBox .foot .list-no.info:hover {
  background-color: rgba(116, 96, 238, 0.12);
}

.grid-property-box .descBox .foot .foot-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.grid-property-box .descBox .foot .foot-left,
.grid-property-box .descBox .foot .foot-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  float: right;
  margin-left: auto;
}

.grid-property-box .descBox .foot .foot-left.foot-left,
.grid-property-box .descBox .foot .foot-right.foot-left {
  margin-left: 0;
}

.grid-property-box .descBox .foot .foot-left.foot-left:not(:last-child),
.grid-property-box .descBox .foot .foot-right.foot-left:not(:last-child) {
  padding-right: 12px;
}

.grid-property-box .descBox .foot.new-foot {
  border-top: inherit;
  padding-bottom: 10px;
}

.grid-property-box .descBox .foot.new-foot .feature-list {
  padding: 10px 16px 0 16px;
  border-top: 1px solid #dee2e6;
  margin: 12px -16px 0 -16px;
}

@media (max-width : 899px) {
  .grid-property-box .descBox .foot.new-foot .feature-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (max-width : 599px) {
  .grid-property-box .descBox .head,
  .grid-property-box .descBox .foot {
    padding: 10px;
  }

  .grid-property-box .descBox .head .prc,
  .grid-property-box .descBox .foot .prc {
    font-size: 15px;
  }
}

.feature-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: auto -4px 0 -4px;
  padding-top: 14px;
  font-size: 0;
  position: relative;
}

.feature-list .li {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin: 0;
  padding: 2px 4px;
  font-size: 19px;
  line-height: 23px;
}

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

.feature-list .li a {
  display: inline-block;
}

.feature-list .li.chat-ico,
.feature-list .li.edt-ico,
.feature-list .li.del-ico,
.feature-list .li.info-ico {
  width: 26px;
  height: 26px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 13.5px;
}

.feature-list .li.chat-ico:hover,
.feature-list .li.edt-ico:hover,
.feature-list .li.del-ico:hover,
.feature-list .li.info-ico:hover {
  text-decoration: none;
  background-color: rgba(41, 97, 255, 0.12);
}

.feature-list .li.del-ico {
  color: #fa6767;
}

.feature-list .li.del-ico:hover {
  background-color: rgba(250, 103, 103, 0.12);
}

.feature-list .li.edt-ico {
  color: #0dc136;
}

.feature-list .li.edt-ico:hover {
  background-color: rgba(30, 126, 52, 0.12);
}

.feature-list .li.info-ico {
  color: #7460ee;
}

.feature-list .li.info-ico:hover {
  background-color: rgba(116, 96, 238, 0.12);
}

.feature-list .li.fetured,
.feature-list .li.published {
  cursor: pointer !important;
}

.feature-list .li.fetured.sl,
.feature-list .li.published.sl {
  color: #28a745;
}

.feature-list .li.fetured.sl i,
.feature-list .li.published.sl i {
  font-weight: 600;
}

.feature-list .li.fetured.published.sl,
.feature-list .li.published.published.sl {
  color: #634fdc;
}

.feature-list .li img {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: auto;
  margin: 0 3px 0 0;
}

.feature-list .li .fa {
  font-size: 14px;
}

.feature-list .li > span {
  display: inline-block;
  vertical-align: middle;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 0;
}

@media (max-width : 599px) {
  .feature-list .li img {
    height: 20px;
  }

  .feature-list .li > span {
    margin-left: 4px;
  }
}

.feature-list .li.tooltip-li:before {
  content: "";
  display: block;
  border-top: 11px solid #444444;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  bottom: 22px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  margin: 0;
}

.feature-list .li.tooltip-li .c-tooltip {
  bottom: 30px;
}

.feature-list .li.tooltip-li:hover .c-tooltip,
.feature-list .li.tooltip-li:hover:before {
  visibility: visible;
  opacity: 1;
}

.mapView-property {
  display: block;
  margin-top: 16px;
}

@media (min-width : 768px) {
  .mapView-property {
    margin-top: 0;
    max-height: 670px;
    overflow: auto;
  }

  .mapView-property .propertyGridView .rw {
    margin-left: 0;
    margin-right: 0;
  }

  .mapView-property .propertyGridView .rw .colm {
    width: 100%;
    padding-left: 0;
    margin-right: 0;
  }

  .mapView-property .propertyGridView .rw .colm:first-child {
    padding-top: 0;
  }

  .mapView-property .propertyGridView .rw .colm:last-child {
    padding-bottom: 0;
  }
}

.property-map {
  display: block;
  height: 340px;
}

@media (min-width : 768px) {
  .property-map {
    height: 100%;
  }
}

@media (max-width : 599px) {
  .property-map {
    height: 220px;
  }
}

.p-map-img {
  display: block;
  height: 340px;
}

@media (min-width : 768px) {
  .p-map-img {
    height: 670px;
  }
}

@media (max-width : 599px) {
  .p-map-img {
    height: 220px;
  }
}

.alert {
  padding: 0.5rem 1rem;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  font-size: 13px;
}

.alert p {
  margin: 0 0 6px 0;
}

.alert p:last-child {
  margin: 0;
}

.alert strong i {
  font-size: 14px;
  margin: 0 3px 0 0;
  position: relative;
}

.alert.alert-dismissible {
  padding-right: 2rem;
}

.alert.alert-dismissible .close {
  padding: 0.5rem;
  font-size: 1.2rem;
  opacity: 1;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none;
}

.alert.alert-danger {
  background-color: #f8d8d9;
  color: #d90126;
}

.prop-details-view {
  display: block;
  padding-bottom: 15px;
  border-bottom: 3px solid #edf3f7;
}

.prop-details-view .largeWithThumb {
  display: block;
}

.prop-details-view .largeWithThumb .thumb-view {
  display: block;
  float: left;
  width: 40%;
  height: 220px;
  min-height: 25vh;
  position: relative;
  border-left: 2px solid #fff;
  cursor: pointer;
}

@media (max-width : 1023px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 180px;
  }
}

@media (max-width : 767px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 140px;
    min-height: 1px;
  }
}

@media (max-width : 599px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 115px;
  }
}

@media (max-width : 480px) {
  .prop-details-view .largeWithThumb .thumb-view {
    height: 90px;
  }
}

.prop-details-view .largeWithThumb .thumb-view:first-child {
  width: 60%;
  border: none;
}

.prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(3) {
  border-bottom: 1px solid #fff;
}

.prop-details-view .largeWithThumb .thumb-view:nth-child(3) {
  border-top: 1px solid #fff;
}

.prop-details-view .largeWithThumb .thumb-view:first-child,
.prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
  height: 440px;
  min-height: 50vh;
}

@media (max-width : 1023px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 360px;
  }
}

@media (max-width : 767px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 280px;
    min-height: 1px;
  }
}

@media (max-width : 599px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 230px;
  }
}

@media (max-width : 480px) {
  .prop-details-view .largeWithThumb .thumb-view:first-child,
  .prop-details-view .largeWithThumb .thumb-view:nth-child(2):nth-last-child(2) {
    height: 180px;
  }
}

.prop-details-view .largeWithThumb .thumb-view:first-child:nth-last-child(2) {
  width: 100%;
}

.prop-details-view .largeWithThumb .thumb-view img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.prop-details-view .largeWithThumb .thumb-view .total {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}

.prop-details-view .largeWithThumb .thumb-view .total span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
  padding: 16px 20px;
}

@media (max-width : 1023px) {
  .prop-details-view .largeWithThumb .thumb-view .total span {
    font-size: 30px;
    line-height: 36px;
  }
}

@media (max-width : 767px) {
  .prop-details-view .largeWithThumb .thumb-view .total span {
    font-size: 22px;
    line-height: 26px;
  }
}

.prop-details-view .details-large-view {
  display: block;
  position: relative;
}

.prop-details-view .details-large-view .viewArea {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.prop-details-view .details-large-view .viewArea .image {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-position: top center !important;
  background-color: #f2f2f2;
  align-items: center;
  justify-content: center;
}

.prop-details-view .details-large-view .viewArea .image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.prop-details-view .details-large-view .viewArea iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}

.prop-details-view .details-large-view .blank-image {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width : 768px) {
  .prop-details-view .details-large-view .blank-image {
    height: 400px;
  }
}

.prop-details-view .details-thumbs-view {
  display: block;
  margin: 15px 0 0 0;
  padding: 0 31px;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-prev,
.prop-details-view .details-thumbs-view .owl-nav .owl-next {
  display: block;
  position: absolute;
  top: 50%;
  left: -31px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 2;
  width: 26px;
  height: 100%;
  background: url(/images/prev-arrow.png?83413a6dbe1ecc2188b6e5566611a0ca) no-repeat center;
  background-size: 12px auto;
  background-color: #3d4046;
  color: #fff;
  font-size: 0px;
  border: none !important;
  outline: none !important;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-prev.disabled,
.prop-details-view .details-thumbs-view .owl-nav .owl-next.disabled {
  opacity: 0.6;
  cursor: default;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-prev:hover:not(.disabled),
.prop-details-view .details-thumbs-view .owl-nav .owl-next:hover:not(.disabled) {
  background-color: #282829;
}

.prop-details-view .details-thumbs-view .owl-nav .owl-next {
  background: url(/images/next-arrow.png?c950d62b00f86e584ae6cea5332419e6) no-repeat center;
  background-size: 12px auto;
  background-color: #3d4046;
  left: auto;
  right: -31px;
}

.prop-details-view .details-thumbs-view .prop-thumb-box {
  display: block;
  width: 100%;
  height: auto;
  background-position: top center !important;
  cursor: pointer;
  position: relative;
}

.prop-details-view .details-thumbs-view .prop-thumb-box > .play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background-color: rgb(41, 97, 255);
  width: 32px;
  height: 32px;
}

.prop-details-view .details-thumbs-view .prop-thumb-box > .play i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 14px;
  margin: 0 0 0 1px;
}

.prop-details-view .details-thumbs-view .prop-thumb-box:before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 2px solid #2962ff;
}

.prop-details-view .details-thumbs-view .prop-thumb-box:hover:before {
  display: block;
}

.prop-details-view .details-thumbs-view .prop-thumb-box.sl {
  cursor: default;
}

.prop-details-view .details-thumbs-view .prop-thumb-box.sl:before {
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
}

.prop-details-features {
  display: block;
  padding: 20px 0;
  border-bottom: 3px solid #edf3f7;
}

.prop-details-features .rw {
  display: block;
  margin: 0 -10px;
  font-size: 0px;
}

.prop-details-features .rw .colm {
  display: inline-block;
  vertical-align: top;
  width: 14.28%;
  padding: 10px;
  font-size: 14px;
}

@media (max-width : 1023px) {
  .prop-details-features .rw .colm {
    width: 16.666666%;
  }
}

@media (max-width : 767px) {
  .prop-details-features .rw .colm {
    width: 20%;
  }
}

@media (max-width : 599px) {
  .prop-details-features .rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 480px) {
  .prop-details-features .rw .colm {
    width: 50%;
  }
}

.prop-details-features h4,
.prop-details-features h5 {
  display: block;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.prop-details-features h4:not(:first-child),
.prop-details-features h5:not(:first-child) {
  padding: 14px 0 0 0;
}

.prop-details-features h4:not(:last-child),
.prop-details-features h5:not(:last-child) {
  margin: 0 0 16px 0;
}

@media (max-width : 767px) {
  .prop-details-features h4,
  .prop-details-features h5 {
    font-size: 18px;
  }
}

.prop-details-features h4 span,
.prop-details-features h5 span {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 6px 3px 0;
}

.prop-details-features h4 span:last-child,
.prop-details-features h5 span:last-child {
  margin-right: 0;
}

.prop-details-features h4 span .form-group,
.prop-details-features h5 span .form-group {
  margin: 0;
}

.prop-details-features h4 span .form-control.cur,
.prop-details-features h5 span .form-control.cur {
  width: 156px;
}

@media (max-width : 599px) {
  .prop-details-features h4 .tl,
  .prop-details-features h5 .tl {
    display: block;
    margin: 0 0 16px 0;
  }
}

.prop-details-features .fe-box {
  display: block;
  text-align: center;
  padding: 26px 0 0 0;
}

.prop-details-features .fe-box img {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: auto;
}

.prop-details-features .fe-box .t,
.prop-details-features .fe-box .n {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  margin: 7px 0 0 0;
}

.prop-details-features .fe-box .n {
  color: #2961ff;
  margin: 5px 0 0 0;
}

.prop-feature-view {
  display: block;
  margin: 16px 0 0 0;
}

.prop-feature-view .sel-rent-view {
  display: block;
}

.tl-with-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tl-with-btn:not(:last-child) {
  margin-bottom: 16px;
}

.tl-with-btn .float-right {
  margin-left: auto;
}

.tl-with-btn > h1,
.tl-with-btn > h2,
.tl-with-btn > h3,
.tl-with-btn > h4,
.tl-with-btn > h5,
.tl-with-btn > h6 {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

.tl-with-btn .btns {
  display: block;
  padding: 5px 0 0 184px;
  font-size: 0;
  margin: 0 -4px;
}

@media (max-width : 1199px) {
  .tl-with-btn .btns {
    clear: both;
    padding-left: 0;
  }
}

.tl-with-btn .btns .li {
  display: inline-block;
  vertical-align: top;
  padding: 4px;
}

.tl-with-btn .btns .li .btn {
  display: block;
}

.tl-with-btn .btns .li .btn .btn-light {
  color: #778092;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #edeff2;
}

.tl-with-btn .btns .li .btn .btn-light:hover,
.tl-with-btn .btns .li .btn .btn-light.sl {
  background-color: #755fee !important;
  color: #fff !important;
}

@media (max-width : 1023px) {
  .tl-with-btn .btns .li {
    width: auto;
  }
}

.sorting-field {
  display: inline-block;
}

.sorting-field .t {
  display: inline-block;
  vertical-align: middle;
  color: #686868;
  font-size: 11px;
  line-height: 13px;
  margin: 0 8px 0 0;
}

.sorting-field .form-control {
  display: inline-block;
  vertical-align: middle;
  height: 26px !important;
  width: 72px;
  font-size: 12px;
  margin: 0;
  padding: 2px 18px 2px 10px;
}

.sorting-cont {
  display: block;
  text-align: right;
}

.tab-with-sorting {
  display: block;
  position: relative;
  padding: 0 160px 0 0;
}

.tab-with-sorting.with-search {
  padding-right: 480px;
}

.tab-with-sorting:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #edf3f7;
  z-index: 1;
}

.tab-with-sorting .sorting-field {
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
}

.tab-with-sorting .navtabContainer:after {
  display: none;
}

.tab-with-sorting .right-s {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width : 1023px) {
  .tab-with-sorting {
    padding-right: 0;
  }

  .tab-with-sorting .sorting-field {
    position: static;
    float: right;
    margin: 10px 0;
  }
}

.prop-feature-location {
  display: block;
  position: relative;
}

.prop-feature-location .prop-feature-locationCont {
  position: relative;
  border: 1px solid #dee2e6;
}

.prop-feature-location .prop-feature-locationCont .l-side {
  display: block;
  position: relative;
  padding: 0 30% 0 0;
  min-height: 390px;
}

@media (max-width : 1023px) {
  .prop-feature-location .prop-feature-locationCont .l-side {
    padding-right: 0;
  }

  .prop-feature-location .prop-feature-locationCont .l-side .map {
    border-right: none;
    border-bottom: 1px solid #dee2e6;
  }
}

.prop-feature-location .prop-feature-locationCont .l-side .map {
  display: block;
  border-right: 1px solid #dee2e6;
  position: relative;
}

.prop-feature-location .prop-feature-locationCont .l-side .map .map-pic {
  display: block;
  background-position: bottom center !important;
  width: 100%;
  height: 390px;
}

@media (min-width : 1024px) {
  .prop-feature-location .prop-feature-locationCont .l-side .map .map-pic {
    height: 450px;
  }
}

.prop-feature-location .prop-feature-locationCont .l-side .map .mp-btns {
  display: block;
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 10px;
}

@media (max-width : 599px) {
  .prop-feature-location .prop-feature-locationCont .l-side .map .mp-btns {
    bottom: 10px;
  }
}

.prop-feature-location .prop-feature-locationCont .l-side .map .mp-btns .btn {
  min-width: 160px;
  margin: 2px;
}

.prop-feature-location .prop-feature-locationCont .r-side {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
}

@media (max-width : 1023px) {
  .prop-feature-location .prop-feature-locationCont .r-side {
    position: static;
    width: 100%;
  }
}

.prop-feature-location .prop-feature-locationCont .r-side .headr {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #dee2e6;
}

.prop-feature-location .prop-feature-locationCont .r-side .headr .form-control {
  display: block;
  width: 100%;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list {
  display: block;
  max-height: 326px;
  overflow: auto;
  padding: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul {
  display: block;
  padding: 0;
  margin: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li {
  display: block;
  padding: 0;
  margin: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box {
  display: block;
  padding: 12px 12px 12px 68px;
  position: relative;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}

@media (max-width : 599px) {
  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box {
    padding: 8px 8px 8px 62px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .icon {
    width: 40px;
    height: 40px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .icon img {
    width: 20px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .det-box h5 {
    font-size: 16px;
    line-height: 18px;
  }

  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .l-box .det-box span {
    font-size: 13px;
    line-height: 15px;
    margin: 3px 0 0 0;
  }
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .icon {
  display: block;
  width: 46px;
  height: 46px;
  background-color: #c39acd;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .icon img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 24px;
  height: auto;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .det-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 44px;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .det-box h5 {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.prop-feature-location .prop-feature-locationCont .r-side .prop-street-list ul li .det-box span {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 4px 0 0 0;
  padding: 0;
}

@media (min-width : 1024px) {
  .prop-feature-location .prop-feature-locationCont .r-side .prop-street-list {
    max-height: 388px;
  }
}

.prop-feature-Description {
  display: block;
  margin: 16px 0 0 0;
}

.prop-feature-Description .desc-box {
  display: block;
  max-height: 280px;
  overflow: hidden;
  position: relative;
}

.prop-feature-Description .desc-box .desc-box-data {
  display: block;
}

.prop-feature-Description .desc-box.show-all {
  max-height: inherit;
}

.prop-feature-Description .desc-box.show-all:after {
  display: none;
}

.prop-feature-Description .desc-box.show-all + .desc-moreLess .more-click i:before {
  content: "\f0d8";
}

.prop-feature-Description .desc-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), white);
}

.prop-feature-Description .desc-box.no-shadow {
  max-height: inherit;
}

.prop-feature-Description .desc-box.no-shadow:after {
  display: none;
}

.prop-feature-Description .desc-box h5 {
  margin: 0 0 16px 0;
}

.prop-feature-Description .desc-box h5:first-child {
  margin-top: 0;
}

.prop-feature-Description .desc-box p {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  margin: 12px 0 0 0;
}

.prop-feature-Description .desc-box p:first-child {
  margin: 0;
}

.prop-feature-Description .desc-box p a {
  color: #2961ff;
}

.prop-feature-Description .desc-box p a:hover {
  text-decoration: underline;
}

.prop-feature-Description .desc-box strong {
  font-weight: bold !important;
}

.prop-feature-Description .desc-box ul:not(.select2-selection__rendered):not(.nav),
.prop-feature-Description .desc-box ol:not(.select2-selection__rendered):not(.nav) {
  padding: 0 0 0 16px;
  list-style-position: inside;
}

.prop-feature-Description .desc-box ul:not(.select2-selection__rendered):not(.nav) li,
.prop-feature-Description .desc-box ol:not(.select2-selection__rendered):not(.nav) li {
  color: #414755;
  font-weight: 600;
  margin: 6px 0 0 0;
}

.prop-feature-Description .desc-moreLess {
  display: block;
  margin: 20px 0 0 0;
  text-align: left;
}

.prop-feature-Description .desc-moreLess .more-click {
  display: inline-block;
  color: #2961ff;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
}

.prop-feature-Description .desc-moreLess .more-click i {
  margin-right: 4px;
  font-size: 15px;
  position: relative;
  top: 1px;
}

.prop-feature-Description .desc-moreLess .more-click:hover {
  text-decoration: underline;
}

.basic-info {
  display: block;
  background-color: #f6f9fb;
  padding: 22px 30px;
  margin: 16px 0 0 0;
}

.basic-info:first-child {
  margin: 0;
}

.basic-info.h-100 {
  min-height: 100% !important;
  height: auto !important;
}

.basic-info.h-50 {
  min-height: calc(50% - 8px) !important;
  height: auto !important;
}

.basic-info .opportunitiesMap {
  height: 100%;
  width: 100%;
  border: 2px solid #ff0000;
  display: block;
  position: relative;
  overflow: hidden;
}

.basic-info .opportunitySmallMap {
  display: block;
  max-height: 134px;
  overflow: hidden;
  position: relative;
}

.basic-info .opportunitySmallMap img {
  display: block;
  width: 100%;
  height: auto;
}

.basic-info .opportunitySmallMap .btn {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

@media (max-width : 899px) {
  .basic-info {
    padding: 16px 14px;
  }
}

.basic-info.basic-info-new {
  display: flex;
  flex-flow: column;
  background: transparent;
  padding: 0px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.basic-info.basic-info-new .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  padding: 8px 16px;
  border-bottom: 1px solid #d8d8d8;
  min-height: 43px;
}

.basic-info.basic-info-new .head h2,
.basic-info.basic-info-new .head h3,
.basic-info.basic-info-new .head h4,
.basic-info.basic-info-new .head h5,
.basic-info.basic-info-new .head h6 {
  padding: 0;
  margin: 0;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
}

.basic-info.basic-info-new .head h2:not(:last-child),
.basic-info.basic-info-new .head h3:not(:last-child),
.basic-info.basic-info-new .head h4:not(:last-child),
.basic-info.basic-info-new .head h5:not(:last-child),
.basic-info.basic-info-new .head h6:not(:last-child) {
  padding-right: 10px !important;
}

.basic-info.basic-info-new .head a:hover {
  color: #2961ff;
}

.basic-info.basic-info-new.bg-white {
  background-color: #fff;
}

.basic-info.basic-info-new .body {
  display: flex;
  flex-flow: column;
  padding: 16px;
  min-height: 100%;
  flex: 1;
}

.basicinfo-table {
  display: block;
}

.basicinfo-table:not(:first-child) {
  margin: 16px 0 0 0;
}

.basicinfo-table table {
  width: 100%;
}

.basicinfo-table table tr {
  background: transparent !important;
}

.basicinfo-table table tr td {
  color: #212121;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  padding: 6px 0 6px 8px;
  border: none !important;
  background: transparent !important;
  min-height: 20px;
  white-space: normal !important;
}

.basicinfo-table table tr td:first-child {
  padding-left: 0;
  padding-right: 8px;
  color: #9098ac;
  font-weight: 500;
  width: 260px;
}

.basicinfo-table table tr td a:not(.badge) {
  color: #2961ff;
}

.basicinfo-table table tr td a:not(.badge):hover {
  text-decoration: underline;
}

.basicinfo-table table tr td a:not(.badge).emailrmv {
  color: #fa6767;
  display: inline;
  margin: 0 0 0 2px;
  position: relative;
  top: 1px;
}

.basicinfo-table table tr td a:not(.badge).emailrmv:hover {
  color: #f74444;
  text-decoration: none;
}

.basicinfo-table table.sm tr td:first-child {
  width: 120px;
}

@media (min-width : 768px) {
  .basicinfo-table.colm-view .table {
    display: block;
  }

  .basicinfo-table.colm-view .table tbody {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }

  .basicinfo-table.colm-view .table tr {
    display: flex;
    flex-wrap: wrap;
    float: left;
    padding: 0 10px;
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media (min-width : 768px) and (min-width : 1920px) {
  .basicinfo-table.colm-view .table tr {
    max-width: 33.333333%;
    flex: 0 0 33.333333%;
  }
}

@media (min-width : 768px) {
  .basicinfo-table.colm-view .table tr td {
    display: block;
    float: left;
  }

  .basicinfo-table.colm-view .table tr td:first-child {
    width: 160px;
  }

  .basicinfo-table.colm-view .table tr td:last-child {
    flex: 1;
  }
}

@media (max-width : 480px) {
  .basicinfo-table.xs-full table {
    display: block;
  }

  .basicinfo-table.xs-full table tr {
    display: block;
  }

  .basicinfo-table.xs-full table tr td {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .basicinfo-table.xs-full table tr td:first-child {
    padding-bottom: 0;
  }
}

.basicinfo-table.list-view .table {
  display: flex;
  flex-flow: column;
}

.basicinfo-table.list-view .table tbody {
  display: flex;
  flex-wrap: wrap;
}

.basicinfo-table.list-view .table tr {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  position: relative;
  padding: 0 10px 6px 44px;
  width: 100%;
}

.basicinfo-table.list-view .table tr:last-child {
  padding-bottom: 0;
}

.basicinfo-table.list-view .table tr.half {
  width: 50%;
  float: left;
}

@media (max-width : 480px) {
  .basicinfo-table.list-view .table tr.half {
    width: 100%;
  }

  .basicinfo-table.list-view .table tr.half td {
    padding-right: 0;
  }
}

.basicinfo-table.list-view .table tr.three-col {
  width: 33.333333%;
  float: left;
}

@media (max-width : 767px) {
  .basicinfo-table.list-view .table tr.three-col {
    width: 50%;
  }
}

@media (max-width : 480px) {
  .basicinfo-table.list-view .table tr.three-col {
    width: 100%;
  }

  .basicinfo-table.list-view .table tr.three-col td {
    padding-right: 0;
  }
}

.basicinfo-table.list-view .table tr td {
  display: block;
  width: 100%;
  padding: 2px 0;
  font-size: 13.5px;
  white-space: normal;
  word-break: break-word;
}

.basicinfo-table.list-view .table tr td:first-child {
  width: 100%;
  padding-bottom: 0;
}

.basicinfo-table.list-view .table tr td:last-child {
  font-weight: 700;
}

.basicinfo-table.list-view .table tr td .material-icons,
.basicinfo-table.list-view .table tr td .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  position: absolute;
  top: 2px;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #f1f1f1;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  color: #858585;
}

.basicinfo-table.list-view .table tr td .icon {
  font-size: 12px;
}

.basic-info-no-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  flex: 1;
}

.basic-info-no-data .msg-box {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.basic-info-no-data .msg-box img {
  display: block;
  max-height: 56px;
  margin: 0 0 8px 0;
  opacity: 0.4;
}

.basic-info-no-data .msg-box .txt {
  display: block;
  color: #bfbfbf;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
}

.desc-language {
  display: block;
  text-align: right;
}

.prop-feature-financial {
  display: block;
  margin: 16px 0 0 0;
  padding: 0 0 28px 0;
  border-bottom: 3px solid #edf3f7;
}

.prop-feature-financial .financialInfo-rw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  font-size: 0px;
}

.prop-feature-financial .financialInfo-rw .colm {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  vertical-align: top;
  width: 20%;
  padding: 10px;
  font-size: 14px;
}

@media (max-width : 1023px) {
  .prop-feature-financial .financialInfo-rw .colm {
    width: 33.333333%;
  }
}

@media (max-width : 599px) {
  .prop-feature-financial .financialInfo-rw .colm {
    width: 50%;
  }
}

@media (max-width : 480px) {
  .prop-feature-financial .financialInfo-rw .colm {
    width: 100%;
    text-align: center;
  }
}

.prop-feature-financial .financialInfo-rw .colm .t {
  display: block;
  color: #9098ac;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

.prop-feature-financial .financialInfo-rw .colm .l-t {
  display: block;
  color: #414755;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 10px 0 0 0;
  padding: 0;
}

.prop-feature-financial .financialInfo-rw .colm .l-t img {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: auto;
  margin: 0 5px 0 0;
}

.prop-feature-historyGraph {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
  border-bottom: 3px solid #edf3f7;
}

.prop-feature-historyGraph .historyGraph {
  display: block;
  margin: 12px 0 0 0;
}

.prop-feature-buildingAround {
  display: block;
  margin: 16px 0 0 0;
  padding: 0;
}

.prop-feature-relatedContacts {
  display: block;
  margin: 0;
  padding: 0;
}

.relatedContactsList {
  display: block;
}

.relatedContactsList .rw {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}

@media (max-width : 767px) {
  .relatedContactsList .rw {
    margin: 0 -5px;
  }
}

.relatedContactsList .rw .colm {
  width: 33.333333%;
  padding: 12px;
}

@media (max-width : 1023px) {
  .relatedContactsList .rw .colm {
    width: 50%;
  }
}

@media (max-width : 767px) {
  .relatedContactsList .rw .colm {
    width: 100%;
    padding: 5px;
  }
}

.relatedContactsList .contactBX {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  background-color: #f6f9fb;
  min-height: 100%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.relatedContactsList .contactBX .pic {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100px;
  min-height: 106px;
  background-position: top center !important;
  background-color: #e4e7e9;
  font-size: 42px;
  line-height: 28px;
  font-weight: 700;
  color: #747474;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
}

.relatedContactsList .contactBX .pic ~ .dec {
  padding: 0 0 0 12px;
  max-width: calc(100% - 112px);
}

.relatedContactsList .contactBX .dec {
  display: block;
}

.relatedContactsList .contactBX .dec .nm {
  display: inline-flex;
  flex-wrap: wrap;
  color: #414755;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0 0 7px 0;
}

.relatedContactsList .contactBX .dec .nm:last-child {
  margin: 0;
}

.relatedContactsList .contactBX .dec .nm.with-share {
  position: relative;
  padding: 0 28px 0 0;
}

.relatedContactsList .contactBX .dec .nm.with-share .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2px;
  right: 0;
  padding: 0;
  border: none;
  font-size: 10px;
  line-height: 16px;
  width: 22px;
  height: 22px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.relatedContactsList .contactBX .dec .nm.with-share .btn .fa {
  position: relative;
  left: -1px;
}

.relatedContactsList .contactBX .dec .info {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 5px 0;
  word-break: break-all;
}

.relatedContactsList .contactBX .dec .info:last-child {
  margin: 0;
}

.relatedContactsList .contactBX .dec .info a {
  color: #2961ff;
  text-decoration: none;
}

.relatedContactsList .contactBX .dec .info a:hover {
  color: #2961ff;
  text-decoration: underline;
}

.relatedContactsList .contactBX .dec .info a:hover .body-spiner-main-cls {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  z-index: 9;
  transition: 600ms;
}

.relatedContactsList .contactBX .dec .info a:hover .loaded .body-spiner-main-cls {
  opacity: 0;
  visibility: hidden;
}

.relatedContactsList .contactBX .dec .contact-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.relatedContactsList .contactBX .dec .contact-list a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  width: 26px;
  height: 26px;
  margin: 8px 8px 0 0;
  border: 1px solid #545454;
  color: #545454;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  transition: 500ms;
}

.relatedContactsList .contactBX .dec .contact-list a .fa-whatsapp {
  font-size: 13px;
}

.relatedContactsList .contactBX .dec .contact-list a:last-child {
  margin-right: 0;
}

.relatedContactsList .contactBX .dec .contact-list a.call {
  border-color: #3F51B5;
  color: #3F51B5;
}

.relatedContactsList .contactBX .dec .contact-list a.call:hover {
  background-color: #3F51B5;
  color: #fff;
}

.relatedContactsList .contactBX .dec .contact-list a.email {
  border-color: #ff821c;
  color: #ff821c;
}

.relatedContactsList .contactBX .dec .contact-list a.email:hover {
  background-color: #ff821c;
  color: #fff;
}

.relatedContactsList .contactBX .dec .contact-list a.whatsapp {
  border-color: #00ab83;
  color: #00ab83;
}

.relatedContactsList .contactBX .dec .contact-list a.whatsapp:hover {
  background-color: #00ab83;
  color: #fff;
}

@media (max-width : 480px) {
  .relatedContactsList .contactBX .pic {
    width: 60px;
    height: 60px;
  }

  .relatedContactsList .contactBX .dec {
    padding: 0 0 0 66px;
  }

  .relatedContactsList .contactBX .dec .nm {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
  }

  .relatedContactsList .contactBX .dec .info {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 3px;
  }
}

.units-layout-table {
  display: block;
  margin: 4px 0 0 0;
}

.text-table {
  display: block;
}

.text-table.gray {
  background-color: #f6f9fb;
  padding: 10px;
}

.text-table table thead {
  background-color: #ffffff;
}

.text-table table thead th,
.text-table table thead th:first-child,
.text-table table thead th:last-child,
.text-table table thead td,
.text-table table thead td:first-child,
.text-table table thead td:last-child,
.text-table table tbody th,
.text-table table tbody th:first-child,
.text-table table tbody th:last-child,
.text-table table tbody td,
.text-table table tbody td:first-child,
.text-table table tbody td:last-child,
.text-table table tfoot th,
.text-table table tfoot th:first-child,
.text-table table tfoot th:last-child,
.text-table table tfoot td,
.text-table table tfoot td:first-child,
.text-table table tfoot td:last-child {
  padding: 14px 8px;
  line-height: 18px;
}

.text-table table thead td > i,
.text-table table tbody td > i,
.text-table table tfoot td > i {
  font-size: 17px;
  vertical-align: top;
  margin: -2px 4px 0 0;
}

.add_listing_modal .modal-dialog {
  width: 680px;
  max-width: 100%;
}

.imap_smtp_modal .modal-dialog {
  width: 498px;
  max-width: 100%;
}

.applyTask .modal-dialog,
.open_ai_modal .modal-dialog {
  width: 800px;
  max-width: 100%;
}

.archive_modal .modal-dialog,
.email_provider .modal-dialog,
.others_email_modal .modal-dialog,
.create_event_modal .modal-dialog,
.template-view-modal .modal-dialog {
  width: 600px;
  max-width: 100%;
}

.callModal .modal-dialog {
  width: 400px;
  max-width: 100%;
}

.callModal .modal-dialog .modal-content .modal-header {
  background-color: #2961ff;
  color: #ffffff;
  padding-top: 12px;
  padding-bottom: 12px;
}

.callModal .modal-dialog .modal-content .modal-header .close {
  filter: brightness(0) invert(1);
}

.callModal .modal-dialog .modal-footer {
  border: none !important;
}

.addFldTxt {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.addFldTxt a {
  display: inline-block;
  color: #414755;
  text-decoration: none;
}

.addFldTxt a:hover {
  color: #2961ff;
}

.addFldTxt i {
  color: #2961ff;
}

.addFldTxt i.fa-plus {
  position: relative;
  font-size: 13px;
}

.addListListing {
  display: block;
  max-height: 296px;
  overflow: auto;
}

.addListListing ul {
  display: block;
  padding: 0;
  margin: 0;
}

.addListListing ul li {
  display: block;
}

.addListListing ul li .custom-control {
  padding-left: 42px;
}

.addListListing ul li:first-child .custom-control {
  margin: 0;
}

.send_email_modal {
  display: none;
}

.send_email_modal h3 {
  display: block;
}

.send_email_modal .modal-dialog {
  width: 1000px;
  max-width: 100%;
}

.send_email_modal .select2 {
  display: block !important;
  width: 100% !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple {
  border: 1px solid #edeff2 !important;
  color: #9098ac !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple .form-control {
  color: #9098ac !important;
  font-size: 14px !important;
}

.send_email_modal .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #2961ff !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 5px !important;
  color: #fff !important;
}

.send_email_modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #153180 !important;
  border: 1px solid #153180 !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  font-size: 14px !important;
  color: #fff !important;
}

.emailEditorCont {
  display: block;
  background-color: #edeff2;
  overflow: auto;
  padding: 12px;
}

.tl-with-sort {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 16px 0;
}

.tl-with-sort h4,
.mainSection .wh-box .tl-with-sort h4 {
  display: block;
  float: left;
  color: #111;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 10px;
}

.tl-with-sort h4 {
  display: block;
  float: left;
}

.tl-with-sort .sorting-field {
  display: block;
  float: left;
  margin: 0 0 0 auto;
}

.mylisting_details_modal .modal-dialog {
  width: 990px;
  max-width: 100%;
}

.bestPropertiesArea {
  display: block;
  max-height: 800px;
  overflow: auto;
}

.bestPropertiesArea .bestPropertiesCont {
  display: block;
  overflow: hidden;
}

.mainSection .wh-box.contact-u-header,
.contact-u-header {
  display: block;
  padding: 16px;
}

.mainSection .wh-box.contact-u-header .u-image,
.contact-u-header .u-image {
  display: block;
  float: left;
  width: 148px;
  max-width: 100%;
  background-position: top center;
  position: relative;
  background-color: #eef3f7 !important;
  margin: 0 0 30px 0;
}

.mainSection .wh-box.contact-u-header .u-image img,
.contact-u-header .u-image img {
  display: block;
  width: 100%;
  height: auto;
}

.mainSection .wh-box.contact-u-header .u-image img.u-img,
.contact-u-header .u-image img.u-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.mainSection .wh-box.contact-u-header .u-image .upload-box,
.contact-u-header .u-image .upload-box {
  display: block;
  position: relative;
}

.mainSection .wh-box.contact-u-header .u-image .upload-box .blank-img,
.contact-u-header .u-image .upload-box .blank-img {
  display: block;
  width: 100%;
  height: auto;
}

.mainSection .wh-box.contact-u-header .u-image .upload-box .upload-img,
.contact-u-header .u-image .upload-box .upload-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 7px;
}

.mainSection .wh-box.contact-u-header .u-image .del,
.contact-u-header .u-image .del {
  display: block;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #fff;
  color: #f12121;
  font-size: 12px;
  line-height: 16px;
  width: 22px;
  height: 22px;
}

.mainSection .wh-box.contact-u-header .u-image .del i,
.contact-u-header .u-image .del i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.mainSection .wh-box.contact-u-header .u-image .del:hover,
.contact-u-header .u-image .del:hover {
  background-color: #f12121;
  color: #fff;
}

.mainSection .wh-box.contact-u-header .u-image .btn-uploader,
.contact-u-header .u-image .btn-uploader {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

.mainSection .wh-box.contact-u-header .u-image:hover .del,
.contact-u-header .u-image:hover .del {
  visibility: visible;
  opacity: 1;
}

@media (max-width : 899px) {
  .mainSection .wh-box.contact-u-header .u-image .del,
  .contact-u-header .u-image .del {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-image,
  .contact-u-header .u-image {
    float: none;
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 38px;
    width: 140px;
  }
}

.mainSection .wh-box.contact-u-header .u-info,
.contact-u-header .u-info {
  display: block;
  padding: 0 0 0 164px;
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-info,
  .contact-u-header .u-info {
    padding: 14px 0 0 0;
    text-align: center;
  }
}

.mainSection .wh-box.contact-u-header .u-info .u-name,
.contact-u-header .u-info .u-name {
  display: block;
  color: #9098ac;
  font-size: 21px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-name .pic-btn,
.contact-u-header .u-info .u-name .pic-btn {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 22px;
  margin: 2px 0 0 3px;
}

.mainSection .wh-box.contact-u-header .u-info .u-designation,
.contact-u-header .u-info .u-designation {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0 0 14px 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info,
.contact-u-header .u-info .u-cont-info {
  display: block;
  padding: 0;
  margin: 0 0 2px 0;
  font-size: 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info:last-child,
.contact-u-header .u-info .u-cont-info:last-child {
  margin-bottom: 0;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li,
.contact-u-header .u-info .u-cont-info li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  padding: 0 18px 8px 0;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  max-width: 100%;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .flag-icon,
.contact-u-header .u-info .u-cont-info li .flag-icon {
  margin: 0 0 0 4px;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .fa-phone,
.contact-u-header .u-info .u-cont-info li .fa-phone {
  color: #91dc5a;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .fa-envelope,
.contact-u-header .u-info .u-cont-info li .fa-envelope {
  color: #e3ca64;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li .fa-map-marker-alt,
.contact-u-header .u-info .u-cont-info li .fa-map-marker-alt {
  color: #ee3840;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li a,
.contact-u-header .u-info .u-cont-info li a {
  color: #2961ff;
  text-decoration: underline;
}

.mainSection .wh-box.contact-u-header .u-info .u-cont-info li a:hover,
.contact-u-header .u-info .u-cont-info li a:hover {
  text-decoration: none;
}

.mainSection .wh-box.contact-u-header .u-info .u-btns,
.contact-u-header .u-info .u-btns {
  display: block;
}

.mainSection .wh-box.contact-u-header .u-info .u-btns .btn-sm,
.contact-u-header .u-info .u-btns .btn-sm,
.contact-u-header .u-info .u-btns .btn-group-sm > .btn {
  font-size: 12px;
  line-height: 14px;
}

.mainSection .wh-box.contact-u-header .u-info .u-btns .btn-sm .del,
.contact-u-header .u-info .u-btns .btn-sm .del,
.contact-u-header .u-info .u-btns .btn-group-sm > .btn .del {
  font-size: 10px;
  font-weight: 700;
  padding: 0 0 0 3px;
}

.mainSection .wh-box.contact-u-header .u-cont-btns,
.contact-u-header .u-cont-btns {
  display: block;
  margin: 0 0 16px 0;
}

.mainSection .wh-box.contact-u-header .u-cont-btns:last-child,
.contact-u-header .u-cont-btns:last-child {
  margin-bottom: 0;
}

.mainSection .wh-box.contact-u-header .u-cont-btns .btn,
.contact-u-header .u-cont-btns .btn {
  margin: 0 0 8px 6px;
}

.mainSection .wh-box.contact-u-header .u-cont-btns .btn:not(.btn-ico),
.contact-u-header .u-cont-btns .btn:not(.btn-ico) {
  min-width: 68px;
}

.mainSection .wh-box.contact-u-header .u-cont-btns .btn.btn-sm,
.contact-u-header .u-cont-btns .btn.btn-sm,
.contact-u-header .u-cont-btns .btn-group-sm > .btn {
  font-size: 12px;
  line-height: 14px;
}

@media (max-width : 992px) {
  .mainSection .wh-box.contact-u-header .u-cont-btns .btn,
  .contact-u-header .u-cont-btns .btn {
    margin: 0 10px 8px 0;
  }
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-cont-btns .btn,
  .contact-u-header .u-cont-btns .btn {
    margin: 0 4px 8px 4px;
  }
}

.mainSection .wh-box.contact-u-header .u-last-cont,
.contact-u-header .u-last-cont {
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  padding: 2px 4px;
}

.mainSection .wh-box.contact-u-header .u-info-c,
.contact-u-header .u-info-c {
  display: flex;
}

@media (max-width : 992px) {
  .mainSection .wh-box.contact-u-header .u-info-c,
  .contact-u-header .u-info-c {
    padding-top: 20px;
    text-align: left;
  }
}

@media (max-width : 991px) {
  .mainSection .wh-box.contact-u-header .u-info-c,
  .contact-u-header .u-info-c {
    text-align: left;
    display: block;
  }

  .mainSection .wh-box.contact-u-header .u-info-c:first-child,
  .contact-u-header .u-info-c:first-child {
    padding: 0;
  }

  .mainSection .wh-box.contact-u-header .u-info-c .u-cont-btns,
  .contact-u-header .u-info-c .u-cont-btns {
    text-align: left !important;
  }
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-info-c,
  .contact-u-header .u-info-c {
    text-align: center;
    display: block;
  }

  .mainSection .wh-box.contact-u-header .u-info-c:first-child,
  .contact-u-header .u-info-c:first-child {
    padding: 0;
  }

  .mainSection .wh-box.contact-u-header .u-info-c .u-cont-btns,
  .contact-u-header .u-info-c .u-cont-btns {
    text-align: center !important;
  }
}

.mainSection .wh-box.contact-u-header .u-info-c .u-info-l,
.contact-u-header .u-info-c .u-info-l {
  display: block;
  width: 100%;
  padding: 0;
}

.mainSection .wh-box.contact-u-header .u-info-c .u-info-l:not(:last-child),
.contact-u-header .u-info-c .u-info-l:not(:last-child) {
  padding-right: 10px;
}

.mainSection .wh-box.contact-u-header .u-info-c .hot-no-box,
.contact-u-header .u-info-c .hot-no-box {
  display: block;
  float: right;
  width: 130px;
  height: auto;
  min-height: 130px;
  background-color: #f57f1f;
  color: #fff;
  font-size: 44px;
  line-height: 54px;
  text-align: center;
  font-weight: 800;
  padding: 9px 10px;
}

.mainSection .wh-box.contact-u-header .u-info-c .hot-no-box span,
.contact-u-header .u-info-c .hot-no-box span {
  display: block;
  font-size: 58px;
}

@media (max-width : 599px) {
  .mainSection .wh-box.contact-u-header .u-info-c .hot-no-box,
  .contact-u-header .u-info-c .hot-no-box {
    float: left;
    margin: 14px 0 0 0;
    width: 100%;
    min-height: 100px;
    font-size: 32px;
    line-height: 44px;
  }

  .mainSection .wh-box.contact-u-header .u-info-c .hot-no-box span,
  .contact-u-header .u-info-c .hot-no-box span {
    font-size: 48px;
  }
}

.mainSection .wh-box.contact-u-header.wh-text .u-info .u-name,
.mainSection .wh-box.contact-u-header.wh-text .u-info .u-designation,
.mainSection .wh-box.contact-u-header.wh-text .u-info .u-cont-info li,
.contact-u-header.wh-text .u-info .u-name,
.contact-u-header.wh-text .u-info .u-designation,
.contact-u-header.wh-text .u-info .u-cont-info li {
  color: #fff;
}

.multi-tag-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.multi-tag-container > .form-group {
  display: block;
  float: left;
  padding: 0 8px;
}

@media (min-width : 1681px) {
  .multi-tag-container > .form-group {
    max-width: 50%;
  }
}

.multi-tag-container > .form-group:last-child {
  width: 100%;
  max-width: 100%;
  flex: 1;
}

.u-cont-socialLinks {
  display: block;
  margin: 0 0 8px 0;
}

.u-cont-socialLinks:last-child {
  margin-bottom: 0;
}

.u-cont-socialLinks a {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 8px 10px;
}

.u-cont-socialLinks a img {
  display: block;
  width: 24px;
  height: auto;
}

@media (max-width : 992px) {
  .u-cont-socialLinks a {
    margin: 0 8px 8px 0;
  }
}

@media (max-width : 599px) {
  .u-cont-socialLinks a {
    margin: 0 4px 8px 4px;
  }
}

.details-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.details-header .u-image {
  margin-right: 16px !important;
}

.details-header .u-info {
  padding: 0 !important;
}

.details-header .u-details {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.details-header .u-details.with-img {
  width: calc(100% - 164px);
}

@media (max-width : 599px) {
  .details-header .u-details.with-img {
    width: 100%;
  }
}

.details-header .u-details .u-details-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.details-header .u-details .u-details-colm {
  display: block;
  float: left;
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0 8px;
}

@media (max-width : 991px) {
  .details-header .u-details .u-details-colm:not(:first-child) {
    padding-top: 12px;
  }
}

@media (min-width : 992px) {
  .details-header .u-details .u-details-colm:not(.full) {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

.c-tag {
  position: relative;
  padding-right: 80px;
}

.c-tag .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 78px;
  text-align: center;
}

.gray-box,
.white-box {
  display: block;
  background-color: #fcfcfc;
  border: 1px solid #f4f4f4;
  padding: 12px;
  margin: 16px 0 0 0;
}

.gray-box:first-child,
.white-box:first-child {
  margin-top: 0;
}

.contactAddInfo .gray-box,
.contactAddInfo .white-box {
  display: flex;
  height: 100%;
}

.contactAddInfo .gray-box .block-c,
.contactAddInfo .white-box .block-c {
  width: 100%;
}

.gray-box.white-box,
.white-box.white-box {
  background-color: #fff;
  padding: 0px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  flex-flow: column;
}

.gray-box.white-box > .head,
.white-box.white-box > .head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f7f7;
  padding: 8px 16px;
  border-bottom: 1px solid #d8d8d8;
  min-height: 44px;
  border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
}

.gray-box.white-box > .head h2,
.gray-box.white-box > .head h3,
.gray-box.white-box > .head h4,
.gray-box.white-box > .head h5,
.gray-box.white-box > .head h6,
.white-box.white-box > .head h2,
.white-box.white-box > .head h3,
.white-box.white-box > .head h4,
.white-box.white-box > .head h5,
.white-box.white-box > .head h6 {
  padding: 0;
  margin: 0;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
}

.gray-box.white-box > .head h2:not(:last-child),
.gray-box.white-box > .head h3:not(:last-child),
.gray-box.white-box > .head h4:not(:last-child),
.gray-box.white-box > .head h5:not(:last-child),
.gray-box.white-box > .head h6:not(:last-child),
.white-box.white-box > .head h2:not(:last-child),
.white-box.white-box > .head h3:not(:last-child),
.white-box.white-box > .head h4:not(:last-child),
.white-box.white-box > .head h5:not(:last-child),
.white-box.white-box > .head h6:not(:last-child) {
  padding-right: 10px !important;
}

.gray-box.white-box > .head .form-control,
.white-box.white-box > .head .form-control {
  height: 28px;
  padding-top: 0.18rem;
  padding-bottom: 0.18rem;
}

.gray-box.white-box .body,
.white-box.white-box .body {
  display: block;
  padding: 16px;
  border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -ms-border-radius: 0 0 6px 6px;
}

.gray-box.white-box .body.wh,
.white-box.white-box .body.wh {
  background-color: #fff;
}

.gray-box.white-box .body .formAddress,
.white-box.white-box .body .formAddress {
  padding: 0;
  background: transparent;
  border: none;
}

.desc-rgt-sel .form-group {
  width: 180px;
}

.desc-rgt-sel .form-group.lang {
  width: 130px;
  flex: inherit;
}

@media (max-width : 599px) {
  .desc-rgt-sel {
    width: 100%;
    justify-content: space-between;
  }

  .desc-rgt-sel .form-group {
    width: 100%;
    flex: 1;
  }

  .desc-rgt-sel .form-group.lang {
    width: 120px;
  }
}

.contact-social-links {
  display: block;
  margin: 0;
  padding: 0 !important;
}

.contact-social-links li {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  padding: 0 0 0 24px;
  margin: 0 0 12px 0;
  position: relative;
  word-break: break-word;
}

.contact-social-links li:last-child {
  margin: 0;
}

.contact-social-links li a {
  color: #2961ff;
  text-decoration: underline;
}

.contact-social-links li a:hover {
  text-decoration: none;
}

.contact-social-links li img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: auto;
}

.relation-friends {
  display: block;
}

.relation-frnd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  min-height: 42px;
  padding: 2px 0 0 52px;
  margin: 0 0 16px 0;
}

.relation-frnd:last-child {
  margin-bottom: 0;
}

.relation-frnd .photo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  overflow: hidden;
}

.relation-frnd .photo:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #2961ff;
  opacity: 0;
  visibility: hidden;
}

.relation-frnd .photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.relation-frnd .nm {
  display: block;
  width: 100%;
  color: #353636;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800;
}

.relation-frnd .rel-type {
  display: block;
  width: 100%;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin: 8px 0 0 0;
}

.relation-frnd .del {
  display: inline-block;
  vertical-align: top;
  color: #fa6767;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 5px 0 0 0;
}

.relation-frnd .del:hover {
  text-decoration: underline;
}

.doc-list-container {
  display: block;
  margin: 0 -8px;
  font-size: 0px;
  text-align: center;
}

.doc-list-container .doc-box {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 8px 8px 16px 8px;
  width: 152px;
}

.doc-list-container .doc-box .docIcon {
  display: inline-block;
  width: 120px;
  max-width: 100%;
  position: relative;
  overflow: auto;
}

.doc-list-container .doc-box .docIcon .blank {
  display: block;
  width: 100%;
  height: auto;
}

.doc-list-container .doc-box .docIcon .icon {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

@media (max-width : 480px) {
  .doc-list-container .doc-box {
    width: 50%;
  }
}

.doc-box {
  display: block;
  text-align: center;
}

.doc-box img {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  max-width: 100%;
  height: auto;
}

.doc-box .file-nm {
  display: block;
  margin: 12px 0 0 0;
  color: #414755;
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.doc-box:hover .file-nm {
  color: #2961ff;
}

.activitiesList {
  display: block;
  position: relative;
}

.activitiesList:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 90px;
  width: 3px;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}

.activitiesList > * {
  position: relative;
  z-index: 2;
}

.activitiesList .act-month {
  display: block;
  padding: 0 0 15px 46px;
}

.activitiesList .act-month:last-child {
  padding-bottom: 0;
}

.activitiesList .act-month .m {
  display: inline-block;
  color: #717778;
  font-size: 14px;
  line-height: 16px;
  padding: 8px;
  min-width: 90px;
  text-align: center;
  background-color: #fff;
}

.activitiesList .act-month .m.sl {
  color: #fff;
  background-color: #2961ff;
}

.activitiesList .act-list {
  display: block;
  padding: 0 0 24px 124px;
  min-height: 78px;
  position: relative;
}

.activitiesList .act-list .m-date {
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
  width: 103px;
  padding: 5px 32px 0 0;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  text-align: right;
  min-height: 24px;
}

.activitiesList .act-list .m-date .c {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 4px solid #2961ff;
}

.activitiesList .act-list .m-date .c.sky {
  border-color: #23b7e5;
}

.activitiesList .act-list .m-date .c.green {
  border-color: #26c14b;
}

.activitiesList .act-list .act-details-area {
  display: block;
  position: relative;
  background-color: #fff;
  padding: 18px;
}

.activitiesList .act-list .act-details-area:before {
  content: "";
  display: block;
  position: absolute;
  top: 26px;
  right: 100%;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 12px solid #ffffff;
}

.activitiesList .act-list .act-details-area .tl {
  display: block;
}

.activitiesList .act-list .act-details-area .tl h5 {
  display: inline-block;
  vertical-align: top;
  color: #9098ac;
  font-size: 19px;
  line-height: 24px;
  font-weight: 800;
  margin: 5px 0;
  padding: 0;
}

.activitiesList .act-list .act-details-area .tl h5 img {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: auto;
  margin: 0 6px 0 0;
}

.activitiesList .act-list .act-details-area .tl .t {
  display: block;
  float: right;
  color: #9098ac;
  font-size: 15px;
  line-height: 24px;
  margin: 5px 0;
  padding: 0;
}

.activitiesList .act-list .act-details-area .tl .t img {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: auto;
  margin: 3px 3px 0 0;
}

@media (max-width : 599px) {
  .activitiesList .act-list {
    padding: 38px 0 24px 0;
  }

  .activitiesList .act-list .m-date {
    top: 0;
  }

  .activitiesList .act-list .m-date .c {
    width: 20px;
    height: 20px;
    border-width: 3px;
  }

  .activitiesList .act-list .act-details-area {
    padding: 14px;
  }

  .activitiesList .act-list .act-details-area .tl h5 {
    font-size: 16px;
    line-height: 20px;
  }

  .activitiesList .act-list .act-details-area .tl h5 img {
    width: 20px;
  }

  .activitiesList .act-list .act-details-area .tl .t {
    font-size: 13px;
    line-height: 22px;
  }

  .activitiesList .act-list .act-details-area .tl .t img {
    width: 14px;
  }

  .activitiesList .act-list .act-details-area:before {
    display: none;
  }
}

.activitiesList.sm:before {
  left: 82px;
}

.activitiesList.sm .act-month {
  padding-left: 36px;
}

.activitiesList.sm .act-month .m {
  font-size: 12px;
  line-height: 16px;
  padding: 5px 6px;
  min-width: 76px;
}

.activitiesList.sm .act-list {
  padding: 0 0 10px 98px;
}

.activitiesList.sm .act-list .m-date {
  width: 86px;
}

.activitiesList.sm .act-list .m-date .c {
  width: 18px;
  height: 18px;
  border-width: 3px;
  right: 3px;
}

.activitiesList.sm .act-list .act-details-area {
  padding: 8px;
}

.activitiesList.sm .act-list .act-details-area .tl h5 {
  font-size: 15px;
  line-height: 19px;
  display: block;
  margin: 3px 0;
}

.activitiesList.sm .act-list .act-details-area .tl h5 img {
  width: 20px;
  margin: 0 2px 0 0;
}

.activitiesList.sm .act-list .act-details-area .tl .t {
  display: block;
  text-align: left;
  width: 100%;
  margin: 3px 0;
}

.rating-box,
.table-rating {
  display: block;
  font-size: 0px;
}

.rating-box img,
.table-rating img {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: auto;
  margin: 0 1px 0 0;
}

.contact_list_modal .modal-dialog {
  width: 1136px;
  max-width: 100%;
}

.m-tl-fld {
  width: 200px;
  max-width: 100%;
}

@media (min-width: 576px) {
  .m-tl-fld {
    padding-right: 30px;
  }
}

.import_contact_step2_modal .modal-dialog {
  width: 1132px;
  max-width: 100%;
}

.link-text {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.link-text:hover {
  text-decoration: underline;
  color: #2961ff;
}

.previewModal .modal-dialog {
  width: 960px;
  max-width: 100%;
}

.createDeal .modal-dialog {
  width: 910px;
  max-width: 100%;
}

.memberListing {
  display: block;
  border: 1px solid #f4f4f4;
}

.memberListing .li {
  display: block;
  padding: 14px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #f4f4f4;
}

.memberListing .li:last-child {
  border: inherit;
}

.memberListing .li h4 {
  display: block;
  float: left;
  color: #414755;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 10px 0;
}

.memberListing .li .bodySec {
  display: block;
}

.memberListing .li ul {
  display: block;
  font-size: 0;
  margin: 0 -5px;
  padding: 0;
}

.memberListing .li ul li {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  text-align: center;
  font-size: 14px;
  padding: 5px;
}

.memberListing .li ul li a {
  display: block;
}

.memberListing .li ul li a .u-image {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: 42px;
  position: relative;
}

.memberListing .li ul li a .u-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #2961ff;
  opacity: 0;
  visibility: hidden;
}

.memberListing .li ul li a .nm {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin: 6px 0 0 0;
}

.memberListing .li ul li a:hover .u-image:after {
  opacity: 1;
  visibility: visible;
}

.memberListing .li ul li a:hover .nm {
  color: #2961ff;
}

.addDealsMember .modal-dialog {
  width: 518px;
  max-width: 100%;
}

.modal-body.m-search {
  background-color: #fcfcfc;
  border-bottom: 1px solid #f4f4f4;
}

.m-search {
  display: block;
}

.m-search .form-group {
  display: block;
  margin: 0;
  position: relative;
}

.m-search .form-group .form-control {
  display: block;
  border: 1px solid #eeeff3;
  height: 44px;
  padding-left: 48px;
}

.m-search .form-group .btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 100%;
  border-radius: 100px 0 0 100px !important;
  -webkit-border-radius: 100px 0 0 100px !important;
  -moz-border-radius: 100px 0 0 100px !important;
  -ms-border-radius: 100px 0 0 100px !important;
  z-index: 1;
  background: url(/images/search-blue.svg?b6f493e9ee1755f62986aa7c09a7138a) no-repeat center;
  background-size: 16px auto;
  background-color: transparent !important;
}

.dealsViewHead {
  display: block;
  padding: 16px 18px;
  background-color: #f1f4fb;
}

@media (max-width : 767px) {
  .dealsViewHead {
    padding: 0;
    background: transparent;
  }
}

.dealsViewHead .row {
  margin: 0 -5px !important;
}

.dealsViewHead .row > [class*=col] {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.dealsViewHead .form-control {
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.dealsViewHead .leftSec {
  display: block;
  float: left;
  padding: 5px 5px 5px 0;
}

.dealsViewHead .rightSec {
  display: block;
  float: right;
  padding: 5px 0;
}

.dealsViewHead .set-btn {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 0 0;
  padding: 7px 4px;
}

.dealsViewHead .set-btn img {
  display: block;
  width: 26px;
  height: auto;
}

.dealsViewHead .text-btn {
  margin: 0 4px 0 0;
}

.dealsHeadNav {
  display: inline-block;
  vertical-align: top;
  font-size: 0px;
}

.dealsHeadNav .btn {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 8px 0 0;
  position: relative;
}

.dealsHeadNav .btn img {
  display: block;
  width: 22px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.text-btn {
  display: inline-block;
  vertical-align: top;
  height: 40px;
  background-color: #eef3f7;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  padding: 10px 16px 9px 16px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.text-btn img {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: auto;
  margin: 0 4px 0 0;
}

.text-btn img:last-child {
  margin: 0 0 0 4px;
}

body .dealsPipelines {
  display: block;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 24px 0 0 0;
}

@media (max-width : 767px) {
  body .dealsPipelines {
    margin: 14px 0 0 0;
  }
}

body .dealsPipelines * {
  white-space: initial;
}

body .dealsPipelines .rw {
  display: flex;
  margin: 0;
}

body .dealsPipelines .rw .colm {
  display: block;
  float: left;
  padding: 6px;
}

body .dealsPipelines .rw .colm .dealsPipelineBox {
  display: block;
  width: 276px;
  background-color: #e1e3e5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  padding: 0 0 10px 0;
}

body .dealsPipelines .rw .colm .dealsPipelineBox .head {
  display: block;
  padding: 12px 14px 14px 14px;
  margin: 0 0 10px 0;
  background-color: #138bea;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
}

body .dealsPipelines .rw .colm .dealsPipelineBox .head:last-child {
  padding-bottom: 0;
}

body .dealsPipelines .rw .colm .dealsPipelineBox .head h2 {
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

body .dealsPipelines .rw .colm .dealsPipelineBox .head .smTl {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12.4px;
  line-height: 14px;
  font-weight: 600;
  margin: 3px 0 0 0;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-success {
  background-color: #acd8b6 !important;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-success .head {
  background-color: #28a745 !important;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-success .head h2,
body .dealsPipelines .rw .colm .dealsPipelineBox.bg-success .head .smTl {
  color: #fff;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-success .pipeline_list .prc {
  color: #28a745;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-success .pipeline_list .opt {
  background-color: #28a745 !important;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-danger {
  background-color: #fdcfcf !important;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-danger .head {
  background-color: #fa6767 !important;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-danger .head h2,
body .dealsPipelines .rw .colm .dealsPipelineBox.bg-danger .head .smTl {
  color: #fff;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-danger .pipeline_list .prc {
  color: #fa6767;
}

body .dealsPipelines .rw .colm .dealsPipelineBox.bg-danger .pipeline_list .opt {
  background-color: #fa6767 !important;
}

body .dealsPipelines .rw .colm .dealsPipelineBox .bodySec {
  display: block;
  max-height: 412px;
  overflow: auto;
}

body .dealsPipelines .rw .colm .dealsPipelineBox .bodySec .listCont {
  display: block;
  padding: 0 6px;
  min-height: 60px;
}

.pipeline_list {
  display: block;
  margin: 0 0 8px 0;
  background-color: #fff;
  padding: 11px 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.pipeline_list:last-child {
  margin: 0;
}

.pipeline_list.ui-sortable-helper {
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.4);
  transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  cursor: -webkit-grabbing;
}

.pipeline_list .nm {
  display: block;
  color: #414755;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  margin: 0;
}

.pipeline_list .u-nm {
  display: block;
  color: #7b7b7b;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  margin: 2px 0 0 0;
}

.pipeline_list:hover {
  box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 5px 1px rgba(0, 0, 0, 0.2);
}

.pipeline_list:hover .nm {
  color: #000;
}

.pipeline_list .prc,
.pipeline_list .opt {
  display: block;
  float: left;
  color: #138bea;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin: 7px 0 0 0;
}

.pipeline_list .opt {
  float: right;
  color: #ffffff;
  background-color: #138bea;
  font-size: 12px;
  line-height: 14px;
  padding: 3px 8px 2px 8px;
  border-radius: 100px;
}

.progressBox {
  display: block;
}

.dealsInfoCont {
  display: block;
  margin: 20px 0 0 0;
}

.dealsInfoCont p {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 16px 0;
}

.dealsInfoCont p:last-child {
  margin: 0;
}

.border-box {
  display: block;
  border: 1px solid #f4f4f4;
  background-color: #fcfcfc;
  padding: 14px;
  margin: 16px 0 0 0;
}

.border-box:first-child {
  margin: 0;
}

h6.i-text {
  margin-bottom: 6px !important;
}

.i-text span {
  font-weight: 400;
  font-size: 88%;
}

.i-text span.sl {
  color: #2961ff;
}

.taskMenuList {
  display: block;
}

.taskMenuList ul {
  display: block;
  padding: 0;
}

.taskMenuList ul li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 28px 0 0;
}

.taskMenuList ul li:last-child {
  padding-right: 0;
}

.taskMenuList ul li:last-child:after {
  display: none;
}

.taskMenuList ul li:after {
  content: "";
  display: block;
  height: 13px;
  width: 2px;
  background-color: #2961ff;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.taskMenuList ul li a {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.taskMenuList ul li a:hover {
  color: #2961ff;
}

.taslList {
  display: block;
}

.taslList .taskBox {
  display: block;
  padding: 18px;
  background-color: #f4f8fa;
  position: relative;
}

.taslList .taskBox h6 {
  padding-top: 0;
}

.taslList .taskBox .custom-control-label {
  color: #9098ac;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.taslList .taskBox .custom-control-label:before,
.taslList .taskBox .custom-control-label:after {
  margin-top: -2px;
}

.taslList .taskBox .buttonset {
  padding-left: 1.5rem;
  padding-top: 12px;
}

.taslList .taskBox .buttonset .btn {
  margin-bottom: 4px;
}

.taslList .taskBox .cont {
  display: block;
  position: relative;
}

.taslList .taskBox .cont .l-side {
  display: block;
  padding: 0 174px 0 0;
  min-height: 80px;
}

.taslList .taskBox .cont .r-side {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  text-align: right;
}

.taslList .taskBox .cont .r-side .dueDate {
  display: block;
  color: #3a3b3e;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  margin: 20px 0 0 0;
}

.taslList .taskBox .cont .r-side .dueDate:first-child {
  margin: 0;
}

.taslList .taskBox .cont .r-side .dueDate span {
  color: #2961ff;
  font-size: 16px;
  font-weight: 600;
}

@media (max-width : 599px) {
  .taslList .taskBox .cont .l-side {
    padding-right: 0;
  }

  .taslList .taskBox .cont .r-side {
    position: static;
    width: 100%;
    text-align: left;
    padding: 12px 0 0 1.5rem;
  }

  .taslList .taskBox .cont .r-side .dueDate {
    margin: 10px 0 0 0;
  }
}

.create_lead_modal .modal-dialog {
  width: 630px;
  max-width: 100%;
}

.addProperty .modal-dialog {
  width: 980px;
  max-width: 100%;
}

.assignation_modal .modal-dialog {
  width: 630px;
  max-width: 100%;
}

.decline_modal .modal-dialog {
  width: 520px;
  max-width: 100%;
}

.lead_details_modal .modal-dialog {
  width: 516px;
  max-width: 100%;
}

.form-details-box {
  display: block;
  padding: 14px 0;
  border-bottom: 2px solid #ecf4f7;
}

.form-details-box:first-child {
  padding-top: 0;
}

.form-details-box:last-child {
  padding-bottom: 0;
  border: none !important;
}

.form-details-box .li {
  display: block;
  color: #76777b;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  margin: 0 0 10px 0;
}

.form-details-box .li:last-child {
  margin: 0;
}

.form-details-box .li span {
  display: inline-block;
  vertical-align: top;
  min-width: 100px;
  font-size: 15px;
  font-weight: 600;
  margin: 0 4px 0 0;
  color: #414755;
}

.relatedProperties {
  display: block;
  overflow: hidden;
}

.relatedProperties .rw {
  display: block;
  margin: 0 -9px;
  font-size: 0px;
}

.relatedProperties .rw .colm {
  display: inline-block;
  vertical-align: top;
  width: 33.333333%;
  padding: 9px;
}

.relatedProperties .rw .colm .related-prop {
  display: block;
  font-size: 14px;
}

.relatedProperties .rw .colm .related-prop .pic {
  display: block;
}

.relatedProperties .rw .colm .related-prop .pic img {
  display: block;
  width: 100%;
  height: auto;
}

.relatedProperties .rw .colm .related-prop .nm {
  display: block;
  font-size: 11px;
  line-height: 13px;
  margin: 7px 0 0 0;
  font-weight: 600;
}

@media (max-width : 480px) {
  .relatedProperties .rw {
    margin: 0 -4px;
  }

  .relatedProperties .rw .colm {
    padding: 8px;
  }
}

.dashboard-head-info {
  display: block;
  margin: 4px 0 0 0;
}

.dashboard-head-info .box-c {
  display: block;
  padding-bottom: 10px !important;
}

.dashboard-head-info .dash-info-box {
  display: block;
  background-color: #2961ff;
  padding: 10px 18px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  height: 100%;
  color: #fff;
  margin: 0;
}

.dashboard-head-info .dash-info-box .side-l {
  display: block;
  float: left;
  width: 120px;
}

.dashboard-head-info .dash-info-box .side-l h6 {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  margin: 0 0 8px 0;
  padding: 0;
}

.dashboard-head-info .dash-info-box .side-l h6:last-child {
  margin: 0;
}

.dashboard-head-info .dash-info-box .side-l .t {
  display: block;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  margin: 0 0 4px 0;
}

.dashboard-head-info .dash-info-box .side-l .t:last-child {
  margin: 0;
}

.dashboard-head-info .dash-info-box .side-r {
  display: block;
  padding: 0 0 0 130px;
}

.dashboard-head-info .dash-info-box .side-r .info-graph {
  display: flex;
  min-height: 82px;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
}

.dashboard-head-info .dash-info-box .side-r .info-graph img {
  display: inline-block;
  width: 132px;
  height: auto;
  max-width: 100%;
}

.dashboard-head-info .dash-info-box.wh {
  background-color: #fff !important;
  color: #414755;
}

.dashboard-head-info .dash-info-box.wh .dash-info-box h4,
.dashboard-head-info .dash-info-box.wh .dash-info-box h5 {
  color: #414755;
}

.dashboard-head-info .dash-info-box.listing {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.dashboard-head-info .dash-info-box.listing h4 {
  padding: 18px 10px 10px 10px;
  margin: 0;
  display: block;
  width: 100%;
}

.dashboard-head-info .dash-info-box.listing .graph {
  display: block;
  width: 100%;
}

.dashboard-head-info .dash-info-box.listing .graph > img {
  display: block;
  width: 100%;
  height: auto;
}

.dashboard-head-info .dash-info-box .quick-btns {
  display: block;
  width: 182px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px 16px 10px;
}

.dashboard-head-info .box-c:nth-child(2) .dash-info-box {
  background-color: #40c4ff;
}

.dashboard-head-info .box-c:nth-child(3) .dash-info-box {
  background-color: #ffa963;
}

.pipeline-chart {
  display: block;
  width: 100%;
  text-align: center;
  height: 100%;
}

.pipeline-chart > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
}

.dash-chart-box {
  display: block;
}

.dash-chart-box .chart-box {
  display: block;
  text-align: center;
  padding: 16px;
}

.dash-chart-box .chart-box.with-border {
  border: 1px solid #c6ccdb;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.dash-chart-box .chart-box .bx-head {
  display: block;
  text-align: left;
  position: relative;
  padding: 0 40px 0 0;
  min-height: 40px;
}

.dash-chart-box .chart-box .bx-head.with-field {
  padding-right: 122px;
}

.dash-chart-box .chart-box .bx-head h5 {
  display: block;
}

.dash-chart-box .chart-box .bx-head h5 small {
  display: block;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 3px 0 0 0;
}

.dash-chart-box .chart-box .bx-head .rgt-s {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  color: #2961ff;
  text-align: right;
}

.dash-chart-box .chart-box .bx-head .dropdown {
  margin: 0;
}

.dash-chart-box .chart-box .bx-head .dropdown .listTab {
  color: #2961ff;
  margin: 0;
}

.dash-chart-box .chart-box .bx-head .form-group {
  width: 112px;
  max-width: 100%;
  margin: 0;
}

.dash-chart-box .chart-box .bx-body {
  display: block;
  padding: 12px 0 0 0;
  text-align: center;
}

.dash-chart-box .chart-box .bx-body > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  max-width: 100%;
}

.search-list {
  display: block;
}

.search-list > ul {
  display: block;
  margin: 0;
  padding: 0;
}

.search-list > ul > li {
  display: block;
  margin: 0 0 12px 0;
  padding: 0;
}

.search-list > ul > li h3 {
  padding: 12px 12px 12px 30px !important;
  position: relative;
  font-size: 16px !important;
  line-height: 18px !important;
  cursor: pointer;
}

.search-list > ul > li h3 > span {
  display: inline-block;
  vertical-align: top;
  margin: 4px 10px 4px 0 !important;
}

.search-list > ul > li h3 .total {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  text-transform: initial;
  background-color: #673ab7;
  color: #fff;
  padding: 2px 6px;
  margin: 0 !important;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
}

.search-list > ul > li h3 .arrow {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  margin: 0 !important;
  cursor: pointer;
}

.search-list > ul > li h3 .arrow:before,
.search-list > ul > li h3 .arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  background-color: #222;
}

.search-list > ul > li h3 .arrow:after {
  width: 2px;
  height: 10px;
}

.search-list > ul > li h3 .arrow2 {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #f6f9fb;
  border: 1px solid #eeeeee;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 42px;
  height: 42px;
  margin: 0 !important;
  top: 16px;
  right: 28px;
  cursor: pointer;
}

.search-list > ul > li h3 .arrow2:before {
  content: "";
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background: url(/images/down-arrow2.svg?511a6029b88a67f951b6567920710bb8) no-repeat center center;
  background-size: 16px auto;
}

.search-list > ul > li .result-body {
  display: none;
  padding: 12px;
  border-left: 4px solid #2961ff;
  border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  position: relative;
}

.search-list > ul > li .result-body:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eef3f7;
}

.search-list > ul > li h3 .arrow2:hover,
.search-list > ul > li.open h3 .arrow {
  background-color: #2961ff;
  border-color: #2961ff;
}

.search-list > ul > li h3 .arrow2:hover:before,
.search-list > ul > li.open h3 .arrow:before,
.search-list > ul > li h3 .arrow2:hover:after,
.search-list > ul > li.open h3 .arrow:after {
  filter: brightness(0) invert(1);
}

@media (min-width : 600px) {
  .search-list > ul > li {
    margin: 0 0 10px 0;
  }

  .search-list > ul > li h3 {
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 6px 10px 8px 38px !important;
  }

  .search-list > ul > li h3 .total {
    font-size: 13px;
    line-height: 15px;
    padding: 4px 8px;
    margin: 4px 0 0 0 !important;
  }

  .search-list > ul > li h3 .arrow {
    width: 26px;
    height: 26px;
    margin-top: -2px !important;
  }

  .search-list > ul > li h3 .arrow:before {
    background-size: 10px auto !important;
  }

  .search-list > ul > li .result-body {
    padding: 30px 22px;
  }

  .search-list > ul > li.open h3 .arrow {
    background-size: 10px auto !important;
  }
}

.media-views {
  display: block;
  background-color: #f5f9fc;
  padding: 24px 32px;
}

@media (max-width : 899px) {
  .media-views {
    padding: 16px 14px;
  }
}

.media-views .preview-area {
  display: block;
  border-bottom: 2px solid #fff;
  padding: 16px 0 0 0;
  margin: 8px 0 0 0;
}

.media-views .preview-area:first-child {
  padding-top: 0;
}

.media-views .preview-area:last-child {
  padding-bottom: 0;
  border: none;
}

.timeline-listing {
  display: block;
  position: relative;
  padding: 0 0 0 16px;
  word-break: break-all;
}

.timeline-listing:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 16px;
  height: 100%;
  width: 3px;
  background-color: #eef3f7;
}

.timeline-listing .list-box {
  display: block;
  padding: 0 0 0 38px;
  position: relative;
  margin: 16px 0 0 0;
}

.timeline-listing .list-box:first-child {
  margin: 0;
}

.timeline-listing .list-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  left: -11px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 4px solid #2961ff;
}

.timeline-listing .list-box .bx {
  display: block;
  background-color: #f5f9fc;
  padding: 20px 24px;
  min-height: 64px;
  position: relative;
}

.timeline-listing .list-box .bx:before {
  content: "";
  display: block;
  position: absolute;
  top: 32px;
  right: 100%;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 20px solid #f5f9fc;
}

.timeline-listing .list-box .bx .tl {
  display: block;
  color: #9098ab;
  font-size: 20px;
  line-height: 24px;
  font-weight: 800;
}

.timeline-listing .list-box .bx .tl .tlTxt {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.timeline-listing .list-box .bx .tl .m {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  padding: 2px 6px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  margin: 4px 0 0 0;
}

.timeline-listing .list-box .bx .tl .m.lg {
  font-size: 14px;
  line-height: 16px;
}

.timeline-listing .list-box .bx .by {
  display: block;
  color: #545454;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin: 18px 0 0 0;
}

.timeline-listing .list-box .bx span {
  display: inline-block;
  font-size: 16px;
  color: #9098ab;
  font-weight: 800;
}

.timeline-listing .list-box .bx .valListing {
  display: block;
}

.timeline-listing .list-box .bx .valListing .val {
  display: none;
  margin: 12px 0 0 0;
}

.timeline-listing .list-box .bx .valListing .val:first-child {
  display: block !important;
}

.timeline-listing .list-box .bx .valListing .val .t {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  padding: 12px 12px;
  margin: 2px 0;
}

.timeline-listing .list-box .bx .valListing .val .t span {
  display: inline-block;
  vertical-align: top;
  color: #0e0e0e;
  font-weight: 700;
  font-size: 13px;
}

.timeline-listing .list-box .bx .valListing .val .arrow {
  display: inline-block;
  vertical-align: top;
  padding: 10px 12px;
  color: #a1aabb;
  font-size: 18px;
  line-height: 20px;
  margin: 2px 0;
}

.timeline-listing .list-box .bx.view .tl .tlTxt {
  text-overflow: inherit;
  white-space: inherit;
  display: inline;
}

.timeline-listing .list-box .bx.view .valListing .val {
  display: block;
}

.timeline-listing .list-box .bx .viewall {
  display: none;
  vertical-align: top;
  color: #2961ff;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  padding: 0;
}

.timeline-listing .list-box .bx .viewall i {
  margin: 0 0 0 3px;
}

.timeline-listing .list-box .bx .viewall:hover {
  text-decoration: underline;
}

@media (max-width : 599px) {
  .timeline-listing {
    padding-left: 12px;
  }

  .timeline-listing:before {
    left: 12px;
  }

  .timeline-listing .list-box {
    padding-left: 24px;
  }

  .timeline-listing .list-box .bx {
    padding: 14px;
  }

  .timeline-listing .list-box .bx:before {
    border-right-width: 10px;
  }

  .timeline-listing .list-box .bx .tl {
    font-size: 16px;
    line-height: 20px;
  }

  .timeline-listing .list-box .bx span {
    font-size: 14px;
  }
}

.timeline-listing.sm {
  padding: 0 0 0 12px;
}

.timeline-listing.sm:before {
  left: 8px;
}

.timeline-listing.sm .list-box {
  padding-left: 24px;
}

.timeline-listing.sm .list-box:before {
  width: 18px;
  height: 18px;
  border-width: 3px;
}

.timeline-listing.sm .list-box .bx {
  padding: 8px;
}

.timeline-listing.sm .list-box .bx:before {
  border-right-width: 12px;
  top: 28px;
}

.timeline-listing.sm .list-box .bx span {
  font-size: 14px;
}

.timeline-listing.sm .list-box .bx .by {
  font-size: 13px;
  line-height: 20px;
  margin: 4px 0 0 0;
}

.timeline-listing.sm .list-box .bx .valListing .val {
  margin: 6px 0 0 0;
}

.timeline-listing.sm .list-box .bx .valListing .val .t {
  padding: 8px 8px;
}

.timeline-listing.sm .list-box .bx .valListing .val .arrow {
  padding: 4px 6px;
}

.avg-price-table {
  display: block;
}

.avg-price-table table {
  width: 100%;
  max-width: 380px;
}

.avg-price-table table tr td {
  padding: 7px 6px;
  text-align: left;
}

.avg-price-table table tr td:first-child {
  padding-left: 0;
  width: 64px;
}

.avg-price-table table tr td:last-child {
  padding-right: 0;
}

.avg-price-table table tr td .ico {
  display: inline-block;
  vertical-align: middle;
  width: 56px;
  height: 56px;
  position: relative;
}

.avg-price-table table tr td .ico.success {
  background-color: #36bea6;
}

.avg-price-table table tr td .ico img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 28px;
  height: auto;
}

.avg-price-table table tr td .t {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #5a6580;
}

.avg-price-table table tr td .t .p {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin: 4px 0 0 0;
}

.setup_profile_modal .modal-dialog {
  width: 758px;
  max-width: 100%;
}

.setup_profile_modal .profile-steps-cont {
  display: block;
  position: relative;
  padding: 0 0 20px 0;
}

.setup_profile_modal .profile-steps-cont .profile-steps {
  display: table;
  width: 100%;
  background-color: #eef3f7;
  position: relative;
}

.setup_profile_modal .profile-steps-cont .profile-steps .s {
  display: table-cell;
  position: relative;
  vertical-align: bottom;
  color: #414755;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  padding: 20px 12px;
  text-align: center;
}

.setup_profile_modal .profile-steps-cont .step-number {
  display: block;
  position: relative;
  width: 66.666666%;
  height: 4px;
  background-color: #b8c3cd;
  margin: 0 auto;
}

.setup_profile_modal .profile-steps-cont .step-number .fill {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.setup_profile_modal .profile-steps-cont .step-number .number {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  margin: 0;
  width: 32px;
  height: 32px;
  background-color: #b8c3cd;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
}

.setup_profile_modal .profile-steps-cont .step-number .number .material-icons {
  display: none;
}

.setup_profile_modal .profile-steps-cont .step-number .number:nth-child(3) {
  left: 50%;
}

.setup_profile_modal .profile-steps-cont .step-number .number:nth-child(4) {
  left: 100%;
}

.setup_profile_modal .profile-steps-cont .step-number .number.complete {
  background-color: #2961ff;
  font-size: 0px;
}

.setup_profile_modal .profile-steps-cont .step-number .number.complete .material-icons {
  font-size: 20px;
  display: inline-block;
  line-height: 30px;
}

.setup_profile_modal .profile-steps-cont .step-number .number.process {
  background-color: #2961ff;
}

@media (max-width : 599px) {
  .setup_profile_modal .profile-steps-cont {
    margin-top: 36px;
  }

  .setup_profile_modal .profile-steps-cont .profile-steps {
    display: none;
  }
}

.profile-pic-upload {
  display: block;
  margin: 40px 0 0 0;
}

.profile-pic-upload .photo {
  display: inline-block;
  vertical-align: middle;
  width: 112px;
  height: 112px;
  margin: 0 30px 0 0;
}

.profile-pic-upload .btn-sm,
.profile-pic-upload .btn-group-sm > .btn {
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  padding: 4px 16px;
}

@media (max-width : 599px) {
  .profile-pic-upload .photo {
    width: 80px;
    height: 80px;
    margin-right: 8px;
  }
}

.invite_member_modal .modal-dialog {
  width: 1200px;
  max-width: 100%;
}

.txt-tl-block {
  display: block;
  margin: 0 0 16px 0;
}

.txt-tl-block p {
  display: inline-block;
  vertical-align: top;
  margin: 4px 0;
}

.txt-tl-block p .btn {
  margin: 2px 0 0 10px;
}

.t-info {
  display: block;
}

.t-info h6 {
  margin-bottom: 6px;
}

.t-info p {
  display: block;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 8px 0 0 0;
}

.t-info p:first-child {
  margin: 0;
}

.t-info .note {
  display: block;
  color: #626468;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 14px 0 0 0;
}

.sidebar-table-box {
  display: block;
  background-color: #f3f7f9;
  margin: 20px 0 0 0;
}

.sidebar-table-box:first-child {
  margin: 0;
}

.sidebar-table-box .tl-with-btn {
  padding: 10px 24px;
}

.sidebar-table-box .tl-with-btn h4 {
  padding: 3px 0 7px 0;
  margin: 0;
}

.sidebar-table-box .listing-table thead th:first-child,
.sidebar-table-box .listing-table thead td:first-child,
.sidebar-table-box .listing-table tbody th:first-child,
.sidebar-table-box .listing-table tbody td:first-child {
  padding-left: 14px;
}

.sidebar-table-box .listing-table thead th:last-child,
.sidebar-table-box .listing-table thead td:last-child,
.sidebar-table-box .listing-table tbody th:last-child,
.sidebar-table-box .listing-table tbody td:last-child {
  padding-right: 14px;
}

.sidebar-table-box .listing-table thead th,
.sidebar-table-box .listing-table tbody th {
  font-size: 13px;
  background-color: #fff !important;
  padding-top: 14px;
  padding-bottom: 14px;
}

.sidebar-table-box .listing-table thead td,
.sidebar-table-box .listing-table tbody td {
  font-size: 12px;
  font-weight: 700;
  color: #414755;
  padding-top: 14px;
  padding-bottom: 14px;
}

.sidebar-table-box .listing-table thead td .normal-ico,
.sidebar-table-box .listing-table tbody td .normal-ico {
  font-size: 18px;
}

.sidebar-table-box .listing-table thead td .table-action a,
.sidebar-table-box .listing-table tbody td .table-action a {
  font-size: 14px;
  line-height: 18px;
}

.sidebar-table-box .listing-table thead td .table-action a sup,
.sidebar-table-box .listing-table tbody td .table-action a sup {
  top: -0.6px;
}

.sidebar-table-box .custom-pagination {
  padding: 0 14px;
  margin: 0;
}

.sidebar-table-box .custom-pagination ul {
  padding: 0;
}

.tl-cal {
  display: inline-block;
  vertical-align: top;
  color: #9098ac;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.tl-cal i {
  color: #2961ff;
  font-size: 18px;
  vertical-align: middle;
  margin: -1px 0 0 0;
}

.set_target_modal .modal-dialog,
.user_created_modal .modal-dialog {
  width: 628px;
  max-width: 100%;
}

.set_target_modal table,
.user_created_modal table {
  width: 100% !important;
}

.add_user_modal .modal-dialog {
  width: 748px;
  max-width: 100%;
}

.info-msg-box {
  display: block;
  background-color: #f2f6f9;
  padding: 22px 28px;
}

.info-msg-box .nm {
  display: block;
  color: #444653;
  font-size: 15px;
  line-height: 16px;
  font-weight: 600;
  margin: 16px 0 0 0;
}

.info-msg-box .nm:first-child {
  margin: 0;
}

.info-msg-box p {
  display: block;
  color: #43464b;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  margin: 12px 0 0 0;
}

.info-msg-box p:first-child {
  margin: 0;
}

.info-msg-box p a {
  color: #2961ff;
  text-decoration: underline;
  font-weight: 600;
}

.info-msg-box p a:hover {
  text-decoration: none;
}

@media (max-width : 599px) {
  .info-msg-box {
    padding: 14px;
  }
}

.add_roles_modal .modal-dialog {
  width: 1132px;
  max-width: 100%;
}

.media_preview_modal .modal-dialog {
  width: 100%;
  max-width: 800px;
  text-align: center;
}

.media_preview_modal .modal-dialog .modal-content {
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 0;
}

.media_preview_modal .modal-dialog .modal-content .modal-header .close {
  top: 4px;
  right: 4px;
}

.media_preview_modal .modal-dialog .modal-content .modal-body {
  padding: 4px;
}

.media_preview_modal .media-image {
  display: block;
  text-align: center;
  position: relative;
}

.media_preview_modal .media-image img {
  display: block;
  width: auto;
  max-width: 100%;
}

.media_preview_modal .media-image .slidePrev,
.media_preview_modal .media-image .slideNext {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 30px;
  height: 54px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  overflow: hidden;
}

.media_preview_modal .media-image .slidePrev i,
.media_preview_modal .media-image .slideNext i {
  font-size: 34px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.media_preview_modal .media-image .slideNext {
  left: auto;
  right: 10px;
}

.media_preview_modal .media-video {
  display: block;
  width: 600px;
  max-width: 100%;
}

.list-menu {
  display: block;
}

.list-menu li {
  display: block;
}

.list-menu li a {
  display: block;
  border: none;
  border-top: 1px solid #ddd;
  padding: 9px 14px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
}

.list-menu li a:hover {
  background-color: #f7f7f7;
  color: #000;
}

.list-menu li.active a {
  background-color: rgba(41, 97, 255, 0.15);
}

.list-menu li.header {
  border: none;
  background-color: #2961ff;
  padding: 12px 10px !important;
}

.list-menu li.header h5,
.list-menu li.header h6 {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  color: #fff;
}

@media (min-width : 768px) {
  .list-menu {
    display: block !important;
  }
}

@media (max-width : 767px) {
  .list-menu.dash-leftnav {
    position: fixed;
    top: 69px;
    left: -268px;
    width: 268px;
    height: calc(100% - 68px);
    overflow: auto;
    z-index: 10;
  }

  body.showDashNav .list-menu.dash-leftnav {
    left: -2px;
  }
}

@media (max-width : 767px) {
  body.showDashNav .navoverlay {
    visibility: visible;
    opacity: 1;
  }
}

.settingsNav {
  display: inline-block;
  background-color: #2961ff;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 12px 4px 10px;
  cursor: pointer;
  margin: 0 0 12px 0;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.settingsNav i {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 0;
  font-size: 18px;
  line-height: 18px;
}

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

.block-header {
  display: block;
  padding: 0 0 20px 0;
}

.block-header h2 {
  display: block;
  color: #414755;
  font-size: 21px;
  line-height: 25px;
  font-weight: 800;
}

.block-header h2:last-child {
  margin: 0;
}

table.dataTable thead tr th {
  white-space: nowrap;
  padding: 0.8rem;
}

table.dataTable .checkbox,
table.dataTable input[type=radio],
table.dataTable input[type=checkbox] {
  display: inline-block;
  vertical-align: top;
}

.u-active-box-cont {
  display: block;
}

.u-active-box-cont .active-box-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.u-active-box-cont .active-box-row .colm {
  display: block;
  float: left;
  padding: 8px;
  width: 172px;
  max-width: 172px;
  flex: 1;
}

.u-active-box-cont .info-box {
  display: block;
  margin-bottom: 0;
  height: 100%;
  box-shadow: none;
  border: 1px solid #bcbcbc;
  padding: 16px;
  border-radius: 8px;
}

.u-active-box-cont .info-box .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  border-radius: 100px;
  text-align: center;
  font-size: 0px;
  padding: 0;
  margin: 0 auto;
}

.u-active-box-cont .info-box .icon i {
  font-size: 34px;
  line-height: 54px;
}

.u-active-box-cont .info-box .content {
  display: flex;
  flex-flow: column;
  padding: 0;
  text-align: center;
}

.u-active-box-cont .info-box .content .text {
  display: block;
  color: #222;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
}

.u-active-box-cont .info-box .content .text:not(:last-child) {
  padding: 0 0 6px 0;
}

.u-active-box-cont .info-box .content .number {
  color: #000;
  display: inline-block;
  background-color: #ebebeb;
  min-width: 100px;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 100px;
  margin: auto 0 0 0;
}

.body > .col-lg-12,
.body > .col-md-12,
.body > .col-sm-12 {
  padding: 0 !important;
}

@media (max-width : 1023px) {
  #dataTableBuilder_filter {
    float: left;
    width: 100%;
    clear: both;
    margin: 12px 0 0 0;
    text-align: right;
  }

  .dataTables_wrapper .dt-buttons .dt-button {
    display: inline-block;
  }
}

@media (max-width : 1023px) and (max-width : 767px) {
  .dataTables_wrapper .dt-buttons .dt-button {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
  }
}

@media (max-width : 767px) {
  .dataTables_wrapper .dt-buttons {
    display: inline-block !important;
  }
}

.select_relation_wrapper,
.create_new_relation_wrapper,
.fileupload-buttonbar {
  display: inline-block;
  vertical-align: top;
}

.select_relation_wrapper .btn,
.create_new_relation_wrapper .btn,
.fileupload-buttonbar .btn {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.8rem;
  font-weight: 500;
}

.subscriptionPlans {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.subscriptionPlans .colms {
  display: block;
  float: left;
  width: 33.333333%;
  padding: 5px;
}

@media (max-width : 599px) {
  .subscriptionPlans .colms {
    width: 280px;
    max-width: 100%;
    margin: 0 auto;
    float: none;
  }

  .subscriptionPlans .fe-list {
    min-height: 1px !important;
  }
}

.subscriptionBox {
  display: block;
  background-color: #ffffff;
  border: 1px solid #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  padding: 26px 0 20px 0;
  height: 100%;
  text-align: center;
}

.subscriptionBox h3 {
  display: block !important;
}

.subscriptionBox.current {
  border-color: #2961ff;
}

.subscriptionBox .ico {
  display: inline-block;
  vertical-align: top;
  height: 102px;
  width: auto;
  margin: 23px 0 0 0;
}

.subscriptionBox .prc {
  display: block;
  color: #2961ff;
  font-size: 21px;
  line-height: 25px;
  font-weight: 600;
  margin: 10px 0 0 0;
}

.subscriptionBox .fe-list {
  display: block;
  padding: 18px 0 0 0;
}

.subscriptionBox .fe-list .li {
  display: block;
  padding: 8px 16px;
  border-bottom: 1px solid #e9f2ff;
  color: #414755;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
}

.subscriptionBox .fe-list .li:last-child {
  border: none;
}

.subscriptionBox .fe-list .li span {
  display: block;
  margin: 6px 0 0 0;
}

.subscriptionBox .fe-list .li .t {
  display: block;
  font-weight: 800;
  margin: 0 0 12px 0;
}

.subscriptionBox .buttonset .btn {
  min-width: 142px;
}

.payment_modal .modal-dialog {
  width: 1054px;
  max-width: 100%;
}

.subscriptionDetails {
  display: block;
  max-width: 316px;
}

.subscriptionDetails .de {
  display: block;
  color: #414755;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  margin: 20px 0 0 0;
}

.subscriptionDetails .de span {
  font-weight: 500;
  font-size: 14px;
  color: #747d93;
}

.subscriptionDetails .de .custom-control {
  margin-right: 16px;
  margin-bottom: 4px;
  padding-top: 1px;
}

.subscriptionDetails .de .custom-control:last-child {
  margin-right: 0;
}

.subscriptionDetails .totalB {
  display: block;
  background-color: #eef3f7;
  color: #414755;
  font-size: 21px;
  line-height: 24px;
  font-weight: 700;
  margin: 20px 0 0 0;
  padding: 7px 10px;
}

@media (max-width : 767px) {
  .subscriptionDetails {
    max-width: 100%;
  }
}

.cardInfo {
  display: block;
  max-width: 440px;
}

@media (max-width : 767px) {
  .cardInfo {
    max-width: 100%;
  }
}

.plan_cancel_modal .modal-dialog {
  width: 630px;
  max-width: 100%;
}

.apiBox {
  display: block;
  background-color: #fff;
  padding: 40px 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  min-height: 100%;
  text-align: center;
}

.g-configure-box {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  min-height: 100%;
  justify-content: space-between;
  flex-flow: column;
}

.g-configure-box .top-sec {
  display: block;
  width: 100%;
}

.g-configure-box .bottom-sec {
  display: block;
}

.apiBox .iconbox,
.g-configure-box .iconbox {
  display: block;
}

.apiBox .iconbox img,
.g-configure-box .iconbox img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 60px;
}

.email_smtp_modal .modal-dialog {
  width: 516px;
  max-width: 100%;
}

.check-tree {
  display: block;
  width: 200px;
}

.check-tree .li {
  display: block;
  padding: 10px 10px 3px 10px;
}

.check-tree .li .li {
  padding: 3px 0;
}

.check-tree .li .custom-control {
  margin: 0;
  padding-top: 4px;
}

.check-tree .li .child {
  padding-left: 16px;
}

.check-tree > .li > .custom-control .custom-control-label {
  font-weight: 700;
  color: #243340;
}

.p-filter {
  width: 232px;
  max-width: 100%;
  overflow: hidden;
}

.p-filter .head {
  padding: 10px 10px 0 10px;
}

.p-filter .head .to {
  display: inline-block;
  vertical-align: top;
  color: #b9babb;
  font-size: 34px;
  line-height: 34px;
  font-weight: 600;
}

.p-filter .body {
  display: block;
  max-height: 306px;
  overflow: auto;
}

.p-filter .body .min-list {
  display: block;
}

.p-filter .body .max-list {
  display: none;
}

.p-filter .btn {
  position: static !important;
}

.p-filter .form-group {
  margin-bottom: 0.5rem;
}

.filter-more .p-filter {
  width: 364px;
}

.add_team_modal .modal-dialog,
.create_campaign_modal .modal-dialog,
.download_campaign_modal .modal-dialog,
.add_payment_modal .modal-dialog {
  width: 516px;
  max-width: 100%;
}

.addTask .modal-dialog,
.sm-modal .modal-dialog {
  width: 620px;
  max-width: 100%;
}

.import_listing_modal .modal-dialog {
  width: 520px;
  max-width: 100%;
}

.import_listing_step2_modal .modal-dialog {
  width: 1074px;
  max-width: 100%;
}

.uImageUpload .modal-dialog,
.add_menu_modal .modal-dialog {
  width: 430px;
  max-width: 100%;
}

.uploader_row {
  position: relative;
}

.uploader_row .loaddata .ajax_pagination_loader {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}

.uploader_row .loaddata .ajax_pagination_loader img {
  display: block;
  width: 38px;
  height: auto;
}

.uploader_row .custom-uploader .btn-md,
.uploader_row .custom-uploader .mob-btn {
  display: none;
}

@media (max-width : 480px) {
  .uploader_row .col-6 {
    flex: inherit;
    width: 100%;
    max-width: 100%;
  }

  .uploader_row .col-6 .upload-uImage {
    max-width: 152px;
    margin: 0 auto;
  }

  .uploader_row .col-6 .custom-uploader {
    border: inherit;
    padding: 0;
    margin: 0;
  }

  .uploader_row .col-6 .custom-uploader .upload-area img,
  .uploader_row .col-6 .custom-uploader .upload-area .t,
  .uploader_row .col-6 .custom-uploader .upload-area .sm-t,
  .uploader_row .col-6 .custom-uploader .upload-area .btn {
    display: none;
  }

  .uploader_row .col-6 .custom-uploader .upload-area .btn-md,
  .uploader_row .col-6 .custom-uploader .upload-area .mob-btn {
    display: inline-block;
  }
}

.upload-uImage {
  display: block;
  width: 100%;
  height: auto;
}

.upload-uImage img {
  display: block;
  width: 100%;
  height: auto;
}

.upload-uImage.square {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.upload-uImage.square img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.srch-opt {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 12px 0 0 0;
}

.srch-opt:hover,
.srch-opt:focus,
.srch-opt:active {
  color: #2961ff;
}

.srch-opt i {
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
}

.dash-left .navtabOuter:not(.nextPrev) .nav-tabs {
  border: none;
}

.dash-left .nav-tabs > li > a {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  overflow: visible;
}

@media (min-width: 576px) {
  .dash-left .dash-left-c {
    display: block;
  }

  .dash-left .dash-left-c .navtabOuter {
    height: auto;
    overflow: visible;
  }

  .dash-left .dash-left-c .navtabOuter .navtabContainer {
    background-color: #f2f2f2;
  }

  .dash-left .dash-left-c .navtabOuter .navtabContainer:after {
    display: none;
  }

  .dash-left .dash-left-c .nav-tabs {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
  }

  .dash-left .dash-left-c .nav-tabs > li {
    display: block;
    width: 100%;
    top: auto;
  }

  .dash-left .dash-left-c .nav-tabs > li > a {
    color: #5f5f5f !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    padding: 11px 10px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    position: relative;
  }

  .dash-left .dash-left-c .nav-tabs > li > a > i {
    top: auto;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    margin: -1px 4px 0 0;
  }

  .dash-left .dash-left-c .nav-tabs > li > a:before {
    display: none;
  }

  .dash-left .dash-left-c .nav-tabs > li > a:hover {
    color: #222 !important;
    background-color: #dedede !important;
  }

  .dash-left .dash-left-c .nav-tabs > li > a.active {
    color: #fff !important;
    background-color: #2961ff !important;
  }
}

@media (max-width : 575px) {
  .dash-left {
    border-right: none;
    padding-bottom: 16px;
    position: relative;
  }
}

.selCountry,
.selNationality {
  display: block;
  position: relative;
}

.selCountry span.form-control,
.selNationality span.form-control {
  background: url(/images/select-arrow.png?f5c801af80bcc3e43731f15424001730) no-repeat right 6px center #e9ecef;
  padding-right: 20px !important;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #414755;
  cursor: not-allowed;
}

.selCountry span.form-control .flag-icon,
.selNationality span.form-control .flag-icon {
  opacity: 0.5;
}

.selCountry span.form-control.enableCountry,
.selCountry span.form-control.enableNationality,
.selNationality span.form-control.enableCountry,
.selNationality span.form-control.enableNationality {
  background-color: #fff;
  color: #9098ac;
  cursor: pointer;
}

.selCountry span.form-control.enableCountry .flag-icon,
.selCountry span.form-control.enableNationality .flag-icon,
.selNationality span.form-control.enableCountry .flag-icon,
.selNationality span.form-control.enableNationality .flag-icon {
  opacity: 1;
  margin: 0 5px 0 0;
}

.selCountry .countryDrop,
.selCountry .nationalityDrop,
.selNationality .countryDrop,
.selNationality .nationalityDrop {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 0;
  margin: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.selCountry .countryDrop .srch,
.selCountry .nationalityDrop .srch,
.selNationality .countryDrop .srch,
.selNationality .nationalityDrop .srch {
  background: transparent !important;
  cursor: inherit;
  padding: 4px 12PX;
  display: block;
  width: 100%;
}

.selCountry .countryDrop ul,
.selCountry .nationalityDrop ul,
.selNationality .countryDrop ul,
.selNationality .nationalityDrop ul {
  display: block;
  max-height: 192px;
  overflow: auto;
  padding: 0;
  margin: 0;
}

.selCountry .countryDrop ul li,
.selCountry .nationalityDrop ul li,
.selNationality .countryDrop ul li,
.selNationality .nationalityDrop ul li {
  display: block;
  padding: 3px 12px;
  cursor: pointer;
  color: #9098ac;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selCountry .countryDrop ul li .flag-icon,
.selCountry .nationalityDrop ul li .flag-icon,
.selNationality .countryDrop ul li .flag-icon,
.selNationality .nationalityDrop ul li .flag-icon {
  margin: 0 5px 0 0;
}

.selCountry .countryDrop ul li:hover,
.selCountry .nationalityDrop ul li:hover,
.selNationality .countryDrop ul li:hover,
.selNationality .nationalityDrop ul li:hover {
  background-color: #f7f7f7;
}

.formAddress {
  display: block;
  padding: 16px;
  border: 1px solid #ececec;
  background-color: #ffffff;
  margin: 0 0 14px 0;
}

.add_project_modal .modal-dialog {
  width: 700px;
  max-width: 100%;
}

.popupProjectListing {
  display: block;
  margin: 20px 0 0 0;
}

.custom-marker {
  margin: -5px 0 0 10px;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  background-color: #2961ff;
  color: #ffffff;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  padding: 3px 6px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  cursor: pointer;
  border: 1px solid #769aff;
  width: auto !important;
}

.custom-marker:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #2961ff;
}

.g-info-box {
  display: flex;
  width: 100%;
}

.g-info-box .g-info-media {
  display: block;
  float: left;
  width: 110px;
  height: 98px;
  overflow: hidden;
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.g-info-box .g-info-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.g-info-box .g-info-body {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  float: left;
  flex: 1;
  padding: 6px 0 0 10px;
  text-align: left;
}

.g-info-box .g-info-body .g-info-nm {
  display: block;
  color: #131313;
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  margin: 0 0 3px 0;
}

.g-info-box .g-info-body .g-info-nm:last-child {
  margin: 0;
}

.g-info-box .g-info-body .g-info-tl {
  display: block;
  color: #424242;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 0 0 8px 0;
}

.g-info-box .g-info-body .g-info-tl:last-child {
  margin: 0;
}

.g-info-box .g-info-body .g-info-prc {
  display: block;
  color: #2659eb;
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  margin: 5px 0 0 0;
}

.g-info-box .g-info-body .g-info-loc {
  display: block;
  color: #818181;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
  padding: 0 0 0 15px;
}

.g-info-box .g-info-body .g-info-loc i {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  color: #ff5252;
}

.g-info-box .g-info-body .g-info-action {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}

.g-info-box .g-info-body .g-info-action a {
  display: block;
  float: left;
  padding: 0 0 0 20px;
  color: #515050;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: underline;
  margin: 0 16px 0 0;
  cursor: pointer;
}

.g-info-box .g-info-body .g-info-action a:hover {
  text-decoration: none;
  color: #000;
}

.g-info-box .g-info-body .g-info-action a.edit {
  background: url(/images/edit.png?4ad326dd3bf41bde9074b9256b021ed9) no-repeat 1px 0;
  background-size: 15px auto;
}

.g-info-box .g-info-body .g-info-action a.view {
  background: url(/images/eye.png?ea6d0c3d671df67ce408ad5caaa1bb2a) no-repeat 0 0;
  background-size: 16px auto;
}

.popover {
  max-width: 340px !important;
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.popover .popover-body {
  padding: 0.5rem;
  position: relative;
}

.popover .popover-body .ol-popup-closer {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 16px;
  background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
  background-size: 11px auto;
}

#property-map .gm-style .gm-style-iw {
  width: 360px !important;
  max-width: 100% !important;
  top: 0 !important;
  left: 1px !important;
  padding: 8px !important;
}

#property-map .gm-style .gm-style-iw > div {
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
}

#property-map .gm-style .gm-ui-hover-effect {
  opacity: 1;
  top: 1px !important;
  right: 1px !important;
  width: 24px !important;
  height: 24px !important;
  background-color: #fff !important;
  outline: none !important;
}

#property-map .gm-style .gm-ui-hover-effect img {
  display: block !important;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#property-map .gm-style .gm-ui-hover-effect:hover {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.input-group .form-group {
  flex: 1;
}

.input-group .form-control {
  flex: 1;
  padding: 0.375rem 0.75rem !important;
}

.input-group .input-group-btn {
  white-space: nowrap;
}

.input-group.manyToOne .form-line {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
}

.input-group.manyToOne .form-line .input-group-addon {
  position: absolute;
  z-index: 1;
  right: 8px;
  top: 2px;
}

.input-group.manyToOne .form-line .input-group-addon .material-icons {
  font-size: 20px;
  color: #555;
  cursor: pointer;
}

.input-group.manyToOne .form-line .form-label ~ .input-group-addon {
  bottom: 4px;
  top: auto;
}

.input-group > .badge {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin-left: 10px;
}

.proViewModal {
  display: none;
  padding: 0 !important;
}

.proViewModal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 !important;
}

.proViewModal .modal-dialog .modal-content {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #21282e;
}

.proViewModal .modal-dialog .modal-content .modal-body {
  display: block;
  padding: 0;
  position: relative;
}

.proViewModal .modal-dialog .modal-content .modal-body .close {
  z-index: 2;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-dots {
  display: none;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-nav .owl-prev,
.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  z-index: 2;
  height: 60px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-nav .owl-prev span,
.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-nav .owl-next span {
  display: block;
  background: url(/images/down-arrow.svg?bdeefd3a76d66e9c4e5ba5ce3345a524) no-repeat center center;
  background-size: 100% auto;
  width: 26px;
  height: 26px;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  font-size: 0px;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-nav .owl-next {
  left: auto;
  right: 0;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-slider .owl-nav .owl-next span {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-s {
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  padding: 30px 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-s .image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-s .video {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  position: relative;
  max-height: 100%;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-s .video img {
  display: block;
  width: 1600px;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.proViewModal .modal-dialog .modal-content .modal-body .preview-s .video iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

@media (max-width : 767px) {
  .proViewModal .modal-dialog .modal-content .modal-body .preview-s {
    padding: 24px 0;
  }
}

.proViewModal.show .owl-carousel.owl-drag .owl-item {
  touch-action: inherit;
}

.proViewModal .slidePrev,
.proViewModal .slideNext {
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  color: #fff;
  z-index: 2;
}

.proViewModal .slidePrev.slideNext,
.proViewModal .slideNext.slideNext {
  left: auto;
  right: 8px;
}

.proViewModal .slidePrev i,
.proViewModal .slideNext i {
  display: inline-block;
  vertical-align: top;
  font-size: 32px;
}

@media (max-width : 767px) {
  .proViewModal .slidePrev,
  .proViewModal .slideNext {
    width: 24px;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    left: 4px;
  }

  .proViewModal .slidePrev.slideNext,
  .proViewModal .slideNext.slideNext {
    left: auto;
    right: 4px;
  }

  .proViewModal .slidePrev i,
  .proViewModal .slideNext i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    font-size: 22px;
  }
}

.proViewModal .close {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  color: #fff;
  text-shadow: none !important;
  opacity: 1;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

@media (max-width : 767px) {
  .proViewModal .close {
    top: 1px;
    right: 1px;
  }
}

body:not(.modal-open) {
  z-index: 11;
}

body .daterangepicker .ranges {
  margin-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

body .daterangepicker .ranges ul li {
  color: #222;
}

body .daterangepicker .ranges ul li:hover {
  border-color: #2961ff;
}

body .daterangepicker .ranges ul li.active {
  color: #fff !important;
  background-color: #2961ff;
}

body .daterangepicker.ltr.show-calendar .ranges {
  border-right: 1px solid #ddd;
  position: relative;
  right: -1px;
}

body .daterangepicker .drp-buttons .btn {
  box-shadow: none !important;
}

body .daterangepicker .drp-buttons .btn.cancelBtn {
  background-color: #fa6767 !important;
  border-color: #fa6767 !important;
  color: #fff !important;
}

body .daterangepicker .drp-buttons .btn.cancelBtn:hover {
  background-color: #f74444 !important;
  border-color: #f74444 !important;
}

body .daterangepicker th.available:hover,
body .daterangepicker td.available:hover {
  background-color: rgba(41, 97, 255, 0.2);
}

body .daterangepicker td.active.off,
body .daterangepicker td.active.off:hover {
  background: transparent !important;
  color: #999 !important;
}

body .daterangepicker td.active:not(.off),
body .daterangepicker td.active:not(.off):hover {
  background-color: #2961ff !important;
  border-color: transparent;
  color: #fff;
}

body .daterangepicker td.in-range:not(.off) {
  background-color: rgba(41, 97, 255, 0.2);
}

body .daterangepicker .input-mini.active {
  border-color: #2961ff !important;
}

body .daterange-field {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  padding-right: 42px !important;
  position: relative;
}

body .daterange-field .material-icons {
  display: block;
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 7px;
  color: #3469ff;
  font-size: 24px;
  line-height: 28px;
}

.pac-container {
  z-index: 10000 !important;
}

.info-box-2 .icon {
  width: 52px;
  text-align: right;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  opacity: 0.24;
}

.info-box-2 .icon i {
  font-size: 36px;
  color: #000;
}

.info-box-2 .content {
  padding: 7px 6px 7px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  width: 100%;
  justify-content: center;
}

.info-box-2 .content .text {
  font-weight: 600;
  margin: 0;
}

@media (max-width : 767px) {
  .info-box-2 .content .text {
    font-size: 12px;
  }
}

.info-box-2 .content .number {
  font-size: 26px;
  font-weight: 600;
}

@media (max-width : 767px) {
  .info-box-2 .content .number {
    font-size: 24px;
  }
}

@media (max-width : 767px) {
  .info-box-2 {
    margin-bottom: 12px;
  }
}

@media (max-width : 599px) {
  .info-box-2 {
    margin-bottom: 10px;
  }
}

.uploadModal {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
}

.uploadModal span {
  display: block;
  width: 100%;
  color: #2961ff;
  font-size: 15px;
  line-height: 17px;
  font-weight: 600;
  margin: 10px 0 0 0;
  text-align: center;
}

.addCommission .modal-dialog {
  width: 700px;
  max-width: 100%;
}

.creationSteps {
  display: flex;
  flex-wrap: nowrap;
  font-size: 0px;
  margin: 0 0 10px 0;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  overflow: hidden;
}

.creationSteps .stepLi {
  display: block;
  float: left;
  flex: 1;
  background-color: #d4dee6;
  width: 20%;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #2f2f2f;
  text-transform: uppercase;
  padding: 11px 0px 9px 18px;
  position: relative;
  cursor: pointer;
  text-align: center;
  height: 40px;
}

.creationSteps .stepLi:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  left: 100%;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 13px solid #ffffff;
  z-index: 1;
}

.creationSteps .stepLi:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 10px solid #d4dee6;
  z-index: 2;
}

.creationSteps .stepLi .t {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creationSteps .stepLi .t i {
  display: none;
  vertical-align: top;
  margin: 0;
  font-size: 18px;
}

.creationSteps .stepLi .d {
  display: none;
}

.creationSteps .stepLi .d i {
  display: block;
  margin: -2px 0;
  height: 24px;
}

.creationSteps .stepLi:hover {
  background-color: #bfc9d2;
}

.creationSteps .stepLi:hover:after {
  border-left-color: #bfc9d2;
}

.creationSteps .stepLi.sl {
  background-color: #28a745;
  color: #fff;
}

.creationSteps .stepLi.sl:after {
  border-left-color: #28a745;
}

.creationSteps .stepLi.sl .t {
  color: #fff;
}

.creationSteps .stepLi.sl .t i {
  display: inline-block;
}

.creationSteps .stepLi.sl .d {
  display: block;
}

.creationSteps .stepLi.danger {
  background-color: #ff6464;
  color: #fff;
}

.creationSteps .stepLi.danger:after {
  border-left-color: #ff6464;
}

@media (max-width : 1023px) {
  .creationSteps .stepLi {
    font-size: 12px;
  }
}

@media (max-width : 767px) {
  .creationSteps .stepLi {
    padding: 6px 0px 6px 20px;
    counter-increment: step-counter;
    height: 33px;
  }

  .creationSteps .stepLi:first-child {
    padding-left: 10px;
    width: calc(20% - 10px);
  }

  .creationSteps .stepLi:last-child {
    padding-right: 10px;
    width: calc(20% + 10px);
  }

  .creationSteps .stepLi .t {
    font-size: 0px;
  }

  .creationSteps .stepLi .t:after {
    content: counter(step-counter);
    font-size: 14px;
  }

  .creationSteps .stepLi .t i {
    margin: 0 4px 0 0;
  }
}

.creationSteps.creationSteps-danger .stepLi.sl {
  background-color: #ff6464;
}

.creationSteps.creationSteps-danger .stepLi.sl:after {
  border-left-color: #ff6464;
}

.creationSteps.itm-2 .stepLi {
  width: 50%;
}

.creationSteps.itm-3 .stepLi {
  width: 33.333333%;
}

@media (max-width : 767px) {
  .creationSteps.itm-3 .stepLi {
    padding-left: 27px;
  }

  .creationSteps.itm-3 .stepLi:first-child {
    padding-left: 10px;
    width: calc(33.333333% - 10px);
  }

  .creationSteps.itm-3 .stepLi:last-child {
    padding-right: 10px;
    width: calc(33.333333% + 10px);
  }
}

.creationSteps.itm-4 .stepLi {
  width: 25%;
}

@media (max-width : 767px) {
  .creationSteps.itm-4 .stepLi {
    padding-left: 27px;
  }

  .creationSteps.itm-4 .stepLi:first-child {
    padding-left: 10px;
    width: calc(25% - 10px);
  }

  .creationSteps.itm-4 .stepLi:last-child {
    padding-right: 10px;
    width: calc(25% + 10px);
  }
}

.creationSteps.itm-6 .stepLi {
  width: 16.666666%;
}

@media (max-width : 767px) {
  .creationSteps.itm-6 .stepLi {
    padding-left: 27px;
  }

  .creationSteps.itm-6 .stepLi:first-child {
    padding-left: 10px;
    width: calc(16.666666% - 10px);
  }

  .creationSteps.itm-6 .stepLi:last-child {
    padding-right: 10px;
    width: calc(16.666666% + 10px);
  }
}

.creationSteps.itm-7 .stepLi {
  width: 14.28%;
}

@media (max-width : 767px) {
  .creationSteps.itm-7 .stepLi {
    padding-left: 27px;
  }

  .creationSteps.itm-7 .stepLi:first-child {
    padding-left: 10px;
    width: calc(14.28% - 10px);
  }

  .creationSteps.itm-7 .stepLi:last-child {
    padding-right: 10px;
    width: calc(14.28% + 10px);
  }
}

.stepsDate {
  display: block;
  margin: 10px 0 0 0;
}

.stepsDate.flex {
  display: flex;
  justify-content: space-between;
}

@media (max-width : 639px) {
  .stepsDate.flex {
    flex-wrap: wrap;
  }

  .stepsDate.flex .dt,
  .stepsDate.flex .dt.cl {
    width: 50%;
    text-align: left;
    margin: 4px 0 0 0;
  }

  .stepsDate.flex .dt:nth-child(2n),
  .stepsDate.flex .dt.cl:nth-child(2n) {
    text-align: right;
  }
}

@media (max-width : 639px) and (max-width : 480px) {
  .stepsDate.flex .dt,
  .stepsDate.flex .dt.cl {
    font-size: 13px;
  }
}

@media (max-width : 639px) and (max-width : 359px) {
  .stepsDate.flex .dt,
  .stepsDate.flex .dt.cl {
    width: 100%;
    text-align: left !important;
  }
}

.stepsDate .dt {
  display: block;
  float: left;
  color: #424242;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.stepsDate .dt.cl {
  float: right;
}

@media (max-width : 599px) {
  .stepsDate .dt,
  .stepsDate .dt.cl {
    width: 100%;
    text-align: left;
    margin: 4px 0 0 0;
  }
}

.color-picker .form-label {
  margin-right: 6px;
}

.color-picker .input-group-append .colorpicker-input-addon {
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
}

.color-picker .input-group-append .colorpicker-input-addon i {
  border: 1px solid #edeff2;
}

.dataTables_wrapper .dataTables_info {
  font-size: 14px;
  font-weight: 600;
  float: left;
}

.dataTables_wrapper .dataTables_paginate {
  float: right;
}

.dataTables_wrapper .dataTables_processing {
  z-index: 1;
}

.dataTables_wrapper .dataTables_processing:before {
  content: "";
  display: block;
  width: 100%;
  min-height: 36px;
  background: url(/images/ajax-loader.gif?90672f1deffccbcdf4f1be54ee7cd7ea) no-repeat center top;
  background-size: 28px auto;
}

.dataTables_wrapper input[type=search]:focus,
.dataTables_wrapper input[type=search]:active {
  border-bottom-width: 1px !important;
}

.dataTables_wrapper .call-checkbox,
.dataTables_wrapper .c-check {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  width: 1rem;
  height: 16px;
  top: 2px;
}

.dataTables_wrapper .call-checkbox + .checkbox,
.dataTables_wrapper .call-checkbox + .c-check-box,
.dataTables_wrapper .c-check + .checkbox,
.dataTables_wrapper .c-check + .c-check-box {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 2px;
  z-index: 1;
  width: 1rem;
  height: 1rem !important;
  margin: 0 0 0 -1rem;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
}

.dataTables_wrapper .call-checkbox + .checkbox:before,
.dataTables_wrapper .call-checkbox + .c-check-box:before,
.dataTables_wrapper .c-check + .checkbox:before,
.dataTables_wrapper .c-check + .c-check-box:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.dataTables_wrapper .call-checkbox:checked + .checkbox,
.dataTables_wrapper .call-checkbox:checked + .c-check-box,
.dataTables_wrapper .c-check:checked + .checkbox,
.dataTables_wrapper .c-check:checked + .c-check-box {
  background-color: #2961ff;
  border-color: #2961ff;
}

.dataTables_wrapper .call-checkbox:checked + .checkbox:before,
.dataTables_wrapper .call-checkbox:checked + .c-check-box:before,
.dataTables_wrapper .c-check:checked + .checkbox:before,
.dataTables_wrapper .c-check:checked + .c-check-box:before {
  opacity: 1;
}

.dataTables_wrapper .dataTables_scrollBody .table thead th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_scrollBody .table thead th * {
  opacity: 0;
}

.dataTables_wrapper .dataTables_scrollBody .table thead th:before,
.dataTables_wrapper .dataTables_scrollBody .table thead th:after {
  visibility: hidden;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection {
  background-color: #e9ecef !important;
  margin: 3px 3px;
}

.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  cursor: not-allowed;
}

body .select2-sm .select2-container .select2-selection--single {
  height: 30px !important;
  min-height: 30px !important;
}

body .select2-sm .select2-container .select2-selection--single .select2-selection__rendered {
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}

.toggleSwitch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 20px;
  margin: 10px 0 0 0;
}

.toggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
}

.toggleSwitch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 1px;
  bottom: 1px;
  background-color: #fff;
}

.toggleSwitch .slider.round {
  border-radius: 34px;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  -ms-border-radius: 34px;
}

.toggleSwitch .slider.round:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.toggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  cursor: pointer;
}

.toggleSwitch input:disabled {
  cursor: not-allowed;
}

.toggleSwitch input:disabled + .slider {
  opacity: 0.5;
}

.toggleSwitch input:checked + .slider {
  background-color: #2961ff;
}

.toggleSwitch input:focus + .slider {
  box-shadow: 0 0 1px #2961ff;
  -ms-box-shadow: 0 0 1px #2961ff;
  -webkit-box-shadow: 0 0 1px #2961ff;
  -o-box-shadow: 0 0 1px #2961ff;
  -moz-box-shadow: 0 0 1px #2961ff;
}

.toggleSwitch input:checked + .slider:before {
  transform: translateX(22px);
  -ms-transform: translateX(22px);
  -webkit-transform: translateX(22px);
  -o-transform: translateX(22px);
  -moz-transform: translateX(22px);
}

.toggleSwitch input:active + .slider:before {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.6), 0 0 0 15px rgba(0, 0, 0, 0.1);
}

@media (max-width : 767px) {
  .datatable_image {
    max-width: 74px;
  }
}

.bootstrap-notify-container {
  z-index: 9999 !important;
  min-width: 280px;
}

.bootstrap-notify-container .close {
  top: 0 !important;
}

.bootstrap-notify-container.bg-red .close,
.bootstrap-notify-container.bg-danger .close {
  color: #fff;
  opacity: 1;
}

.bootstrap-notify-container.bg-red .close:hover,
.bootstrap-notify-container.bg-danger .close:hover {
  color: #fff;
  opacity: 0.8;
}

.table-condensed tr td:not(.separator) {
  vertical-align: top;
}

.table-condensed tr td.summary_subtotal,
.table-condensed tr td.summary_discount,
.table-condensed tr td.summary_delivery_cost,
.table-condensed tr td.summary_tax,
.table-condensed tr td.summary_gross {
  text-align: right;
}

.table-condensed tr td .input-group-addon {
  padding: 0 6px 0 0;
  line-height: 36px;
}

.table-condensed tr td .input-group-addon .material-icons {
  line-height: 36px;
}

.table-condensed tr td .material-icons.pointer {
  color: #fa6767;
  font-size: 18px;
  font-weight: 600;
  margin: 9px 0 0 0;
}

.table-condensed tr td .material-icons.pointer:hover {
  color: #fd4141;
}

.related-modal-form .row > div:not([class*=" col-"]) {
  display: block;
  width: 100%;
}

.fld-with-ico-l {
  display: block;
  position: relative;
  padding: 0 0 0 36px;
}

.fld-with-ico-l .input-group-addon {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
}

.add-table {
  min-width: 620px;
}

.add-table tr th,
.add-table tr td {
  white-space: nowrap;
}

.c-tooltip {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  max-width: calc(100% - 9px);
  background-color: #444444;
  width: 320px;
  padding: 6px 4px;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.c-tags {
  display: block;
  font-size: 0px;
}

.c-tags .tags {
  display: inline-block;
  vertical-align: top;
  color: #2961ff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  background-color: #fff;
  padding: 3px 8px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  margin: 2px;
  cursor: pointer;
}

.c-tags .tags:hover {
  background-color: #2961ff;
  color: #fff;
}

.c-note {
  display: block;
  position: relative;
  padding: 6px 0 6px 34px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  min-height: 26px;
}

.c-note .i {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  width: 22px;
  height: 22px;
  border: 2px solid #fff;
  border-radius: 14px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
}

.c-note .i i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.c-note p {
  display: block;
  color: #fff !important;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400 !important;
  margin: 0 0 6px 0 !important;
}

.c-note p:last-child {
  margin: 0 !important;
}

body .jquery-comments button {
  outline: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

body .jquery-comments ul.main li .comment-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .jquery-comments ul.main li.comment .comment-wrapper {
  border: none;
}

body .jquery-comments ul.navigation li:hover,
body .jquery-comments ul.navigation li.active {
  color: #2961ff;
}

body .jquery-comments ul.navigation li.active:after {
  background: #2961ff !important;
}

body .jquery-comments ul.navigation .navigation-wrapper.responsive li.title:hover header:after,
body .jquery-comments ul.navigation .navigation-wrapper.responsive li.title.active header:after {
  border-top-color: #2961ff;
}

body .jquery-comments ul.navigation ul.dropdown li.active {
  background: #2961ff !important;
}

body .jquery-comments ul.dropdown {
  z-index: 1 !important;
  padding: 0 !important;
}

body .jquery-comments ul.dropdown li {
  margin: 0 !important;
}

body .jquery-comments ul li.comment .commenting-field {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .jquery-comments ul li.comment .wrapper {
  overflow: hidden !important;
}

@media (max-width : 767px) {
  body .jquery-comments ul li.comment:before {
    display: none !important;
  }
}

body .jquery-comments .highlight-font,
body .jquery-comments .highlight-font-bold {
  color: #2961ff !important;
}

body .jquery-comments .tag.file-mention-link,
body .jquery-comments .tag.record-mention-link {
  background-color: rgba(41, 97, 255, 0.12);
  color: #2961ff;
  border: 1px solid rgba(41, 97, 255, 0.2);
  padding: 2px 8px;
  font-weight: 600;
  text-transform: none;
}

body .jquery-comments .highlight-background {
  background-color: #2961ff !important;
}

body .jquery-comments .commenting-field .profile-picture {
  width: 50px !important;
  height: 50px !important;
  background-color: #f2f2f2;
  color: #222 !important;
  font-size: 22px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

body .jquery-comments .commenting-field .textarea-wrapper {
  position: relative;
  padding-bottom: 12px;
}

body .jquery-comments .commenting-field .textarea-wrapper:before,
body .jquery-comments .commenting-field .textarea-wrapper:after {
  display: none;
}

body .jquery-comments .commenting-field .textarea-wrapper .textarea {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  padding: 4px 16px 4px 10px;
  height: 54px !important;
}

body .jquery-comments .commenting-field .textarea-wrapper .textarea span {
  font-size: 13px !important;
  line-height: 17px;
}

body .jquery-comments .commenting-field .textarea-wrapper .close {
  display: block !important;
  top: 50%;
  right: 50px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  opacity: 1;
}

body .jquery-comments .commenting-field .textarea-wrapper .close span {
  width: 12%;
  background: #000000;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  position: static;
  margin-top: 8px;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .send {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  opacity: 1;
  margin: 0;
  padding: 0;
  font-size: 0px;
  background-color: #2961ff;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  order: 3;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .send:before {
  content: "\f1d8";
  color: #fff;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .shortcut-toggle {
  display: none !important;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .document-link {
  display: none !important;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .upload {
  order: 1;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .attachments {
  order: 4;
  width: 100%;
  margin-top: 4px;
}

body .jquery-comments .commenting-field .textarea-wrapper .control-row .upload-progress-container {
  order: 5;
  width: 100%;
  margin-top: 4px;
}

@media (max-width : 767px) {
  body .jquery-comments .commenting-field .textarea-wrapper .control-row .textarea {
    padding-right: 16px;
  }

  body .jquery-comments .commenting-field .textarea-wrapper .control-row .send {
    width: 36px;
    height: 36px;
  }

  body .jquery-comments .commenting-field .textarea-wrapper .control-row .send:before {
    font-size: 15px;
  }

  body .jquery-comments .commenting-field .textarea-wrapper .control-row .close {
    right: 16px;
  }
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu {
  display: none !important;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu header {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #6c757d;
  padding: 0 14px 6px;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu .shortcut-item {
  display: flex;
  align-items: center;
  padding: 6px 14px;
  cursor: pointer;
  transition: background 0.2s ease;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu .shortcut-item:hover {
  background: #f8f9fa;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu .shortcut-key {
  font-weight: 600;
  color: #2961ff;
  margin-right: 10px;
  min-width: 48px;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu .shortcut-label {
  font-size: 13px;
  color: #495057;
}

body .jquery-comments .commenting-field .textarea-wrapper .shortcut-menu.visible {
  display: block;
}

@media (max-width : 767px) {
  body .jquery-comments .commenting-field:before {
    display: none !important;
  }
}

body .jquery-comments li.edit .commenting-field .textarea-wrapper .close {
  top: calc(50% - 15px);
  right: 6px;
}

body .jquery-comments li.edit .commenting-field .textarea-wrapper .control-row {
  position: static;
}

.opportunitiesLocation {
  display: block;
}

.opportunitiesLocation img {
  display: block;
  width: 100%;
  height: auto;
}

.lostReason .modal-dialog {
  width: 498px;
  max-width: 100%;
}

.loader-div {
  display: block;
  padding: 24px 0;
}

.loader-div.wh-bg {
  background-color: #fff;
}

.loader-div img {
  display: block;
  width: 38px;
  height: auto;
  margin: 0 auto;
}

body .select2-container {
  background-color: #fff;
  max-width: 100% !important;
}

body .select2-container .select2-selection {
  border: 1px solid #edeff2 !important;
  min-height: 38px !important;
  outline: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
}

body .select2-container.select2-container--focus .select2-selection,
body .select2-container.select2-container--open .select2-selection {
  border-color: #2961ff;
}

body .select2-container .selection {
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

body .select2-container .select2-selection--single {
  padding-left: 0.75rem !important;
  height: 34px !important;
  padding: 6px 24px 6px 12px !important;
  font-family: Nunito, sans-serif;
  font-size: 14px;
  line-height: 16px;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

body .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 2px 0 0 0 !important;
  font-size: 14px;
  line-height: 20px;
}

body .select2-container .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 0.75rem;
  top: 0;
  width: 0.25rem;
  height: 38px;
}

body .select2-container input,
body .select2-container input:focus {
  outline: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

body .select2-container .select2-dropdown {
  border-color: #2961ff !important;
}

body .select2-container .select2-dropdown .select2-results__option {
  padding: 3px 6px;
  font-size: 14px;
  line-height: 20px;
}

body .select2-container .select2-results__option--highlighted {
  background-color: #2961ff !important;
}

body .rule-container .select2-container .select2-selection {
  min-width: 120px;
}

body .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered,
body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 5px;
}

body .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 6px 5px 0px 0;
  border: 1px solid #2962ff;
  background-color: #2962ff;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  padding: 1px 5px;
}

body .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,
body .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: #fff;
  float: right;
  margin: 0 0 0 5px;
}

.site-header {
  display: block;
  background-color: #fff;
  padding: 8px 0;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4;
}

.site-header .site-header-c {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 52px;
}

@media (max-width : 599px) {
  .site-header .site-header-c {
    min-height: 38px;
  }
}

.site-header .site-header-c .siteLogo {
  display: block;
  float: left;
}

.site-header .site-header-c .siteLogo img {
  display: block;
  height: auto;
  max-height: 52px;
  width: auto;
}

@media (max-width : 599px) {
  .site-header .site-header-c .siteLogo img {
    height: 38px;
  }
}

.site-header .site-header-c .site-head-right {
  display: block;
  float: left;
  margin-left: auto;
  padding: 0 0 0 20px;
}

.site-header .site-header-c .site-head-right .header-buttons {
  display: inline-flex;
}

.site-header .site-header-c .site-head-right .header-buttons .btn {
  margin-right: 10px;
}

.site-header .site-header-c .dropdown-menu.dropdown-menu-right {
  padding-top: 0;
  border: 0;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  margin-top: 48px !important;
  left: auto !important;
  right: -20px !important;
  margin: 10px 0 0 0;
}

.lostReason {
  display: block;
  padding: 14px;
  background-color: #fdeeee;
  margin: 20px 0 0 0;
  border: 1px solid #ffcfcf;
}

.lostReason p {
  font-size: 14px;
  line-height: 20px;
}

.compareSection {
  display: block;
  margin: 24px 0 0 0;
  overflow: auto;
}

.compareSection .compareRow {
  display: flex;
  position: relative;
}

.compareSection .compareRow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid rgba(41, 97, 255, 0.3);
}

.compareSection .compareRow:first-child .colm:first-child {
  background: transparent !important;
}

.compareSection .compareRow .colm {
  display: block;
  float: left;
  flex-shrink: 0;
  width: 244px;
  padding: 0 0 0 16px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #4e4e4e;
}

.compareSection .compareRow .colm:nth-child(odd) {
  background-color: rgba(41, 97, 255, 0.04);
}

.compareSection .compareRow .colm:first-child {
  background-color: rgba(41, 97, 255, 0.1);
  padding-right: 16px;
}

@media (max-width : 767px) {
  .compareSection .compareRow .colm {
    width: 280px;
  }

  .compareSection .compareRow .colm:first-child {
    width: 208px;
  }
}

.compareSection .compareRow .colm .tl {
  display: block;
  color: #2961ff;
  padding: 12px 10px;
  font-size: 17px;
  font-weight: 700;
}

.compareSection .compareRow .colm .tl span {
  display: block;
}

.compareSection .compareRow .colm .tl .selectAll {
  display: inline-block;
  font-size: 12px;
  margin: 3px 0 0 0;
  color: #2961ff;
  cursor: pointer;
}

.compareSection .compareRow .colm .tl .selectAll:hover {
  text-decoration: underline;
}

.compareSection .compareRow .colm .c-check {
  display: inline-block;
  position: relative;
  margin: 6px 0;
  padding: 0;
}

.compareSection .compareRow .colm .c-check .c-check-text {
  display: block;
  position: relative;
  padding: 6px 14px 6px 34px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  min-height: 28px;
  word-break: break-word;
}

.compareSection .compareRow .colm .c-check .c-check-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 10px;
  width: 17px;
  height: 17px;
  border: 2px solid #2961ff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.compareSection .compareRow .colm .c-check .c-check-text:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: 15px;
  width: 7px;
  height: 7px;
  background-color: #2961ff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  opacity: 0;
}

.compareSection .compareRow .colm .c-check input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.compareSection .compareRow .colm .c-check input:checked + .c-check-text {
  background-color: rgba(41, 97, 255, 0.1);
}

.compareSection .compareRow .colm .c-check input:checked + .c-check-text:before {
  border-color: #2961ff;
}

.compareSection .compareRow .colm .c-check input:checked + .c-check-text:after {
  opacity: 1;
}

.compareSection .compareRow .colm .txt,
.compareSection .compareRow .colm .c-tl {
  display: block;
  width: 100%;
  padding: 12px 0;
  color: #222;
}

.compareSection .compareRow .colm .c-tl {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 0;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked :not(:disabled) ~ .lever.switch-col-blue:active:after {
  box-shadow: 0 0 0 15px rgba(41, 97, 255, 0.1);
  -ms-box-shadow: 0 0 0 15px rgba(41, 97, 255, 0.1);
  -webkit-box-shadow: 0 0 0 15px rgba(41, 97, 255, 0.1);
  -o-box-shadow: 0 0 0 15px rgba(41, 97, 255, 0.1);
  -moz-box-shadow: 0 0 0 15px rgba(41, 97, 255, 0.1);
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: transparent;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #2961ff;
  left: 20px;
  z-index: 2;
}

.switch label input[type=checkbox]:checked + .lever:before {
  content: "";
  background-color: #2961ff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  opacity: 0.3;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-red {
  background-color: transparent;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-red:after,
.switch label input[type=checkbox]:checked + .lever.switch-col-red:before {
  background-color: #fa6767;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 42px;
  height: 20px;
  background-color: #818181;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  margin-right: 10px;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  vertical-align: middle;
  margin: 0 8px 0 0;
  cursor: pointer;
}

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 50%;
  height: 18px;
  background-color: #F1F1F1;
  border-radius: 21px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  -ms-border-radius: 21px;
  left: 1px;
  top: 1px;
}

.switch2 label {
  margin-right: 20px;
}

.switch2 label .lever {
  margin-left: 0;
  margin-right: 8px;
}

.yadcf-filter-wrapper-inner {
  border: none !important;
  display: inline-block;
}

.yadcf-filter-range-number {
  width: 64px !important;
}

.accountFormContainer {
  display: block;
  max-width: 800px;
}

.file-zoom-dialog .btn-sm,
.file-zoom-dialog .btn-group-sm > .btn,
.file-preview-frame .btn-sm,
.file-preview-frame .btn-group-sm > .btn {
  min-width: 1px;
}

.file-zoom-dialog .btn-sm i,
.file-zoom-dialog .btn-group-sm > .btn i,
.file-preview-frame .btn-sm i,
.file-preview-frame .btn-group-sm > .btn i {
  font-size: 16px;
}

.file-zoom-dialog .btn-outline-secondary,
.file-preview-frame .btn-outline-secondary {
  color: #6c757d !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #6c757d !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.file-zoom-dialog .btn-outline-secondary:hover,
.file-zoom-dialog .btn-outline-secondary:active,
.file-zoom-dialog .btn-outline-secondary:focus,
.file-preview-frame .btn-outline-secondary:hover,
.file-preview-frame .btn-outline-secondary:active,
.file-preview-frame .btn-outline-secondary:focus {
  background-color: #6c757d !important;
  color: #fff !important;
  border-color: #6c757d !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.file-preview .fileinput-remove {
  top: 0;
  right: 0;
  line-height: 10px;
  padding: 6px;
}

.btn-file {
  cursor: pointer;
  overflow: hidden;
}

.btn-file input[type=file] {
  cursor: pointer;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  min-width: 300px;
  min-height: 300px;
}

.advanced_views {
  margin: 0;
  float: right;
  width: auto !important;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 0 4px 0 0;
}

.advanced_views .view-list {
  margin: 0 10px 0 0;
  width: 250px !important;
}

.advanced_views .view-list:first-child {
  margin: 0;
}

@media (max-width : 1400px) {
  .advanced_views .view-list {
    width: 180px !important;
  }
}

.advanced_views i {
  font-size: 18px;
  float: right !important;
}

@media (max-width : 767px) {
  .advanced_views {
    width: 100% !important;
    padding-top: 6px;
  }

  .advanced_views .view-list {
    width: auto !important;
    flex: 1;
  }
}

.dataTables_empty {
  text-align: left !important;
  font-weight: 700 !important;
}

.field-wrapper {
  padding-bottom: 14px;
}

.show-control-label {
  color: #5a5a5a;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0.2rem;
}

.query-builder .rule-container select,
.query-builder .rule-container input[type=text],
.query-builder .rule-container input[type=number] {
  padding: 0.375rem 0.4rem;
}

.query-builder-filters {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  width: 100%;
}

.query-builder-filters .btn-show-filters {
  align-self: flex-end;
  margin-bottom: 6px;
}

#viewActivities .modal-dialog {
  max-width: 952px;
}

.dd3-content .edit-menu,
.dd3-content .delete-menu {
  margin-top: 7px;
}

.menuSetForm {
  display: block;
  position: relative;
}

.menuSetForm .loaderBg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(/images/ajax-loader.gif?90672f1deffccbcdf4f1be54ee7cd7ea) no-repeat center 64px;
  background-size: 36px auto;
  background-color: rgba(255, 255, 255, 0.75);
}

.moveBtn {
  background-color: #2961ff;
  color: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  cursor: pointer;
  opacity: 1;
  transition: 500ms;
  -webkit-transition: 500ms;
  -ms-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  margin: 1px;
}

@media (max-width : 575px) {
  .moveBtn#adv-btn-right,
  .moveBtn#adv-btn-left {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }
}

.moveBtn:hover {
  opacity: 0.9;
}

.create_new_relation_wrapper > div,
.select_relation_wrapper > div {
  text-align: left;
}

.rule-value-container .input-append,
.rule-value-container .date-picker {
  display: inline-block;
  vertical-align: top;
}

/*******************
Labels
*******************/

.label {
  padding: 3px 10px;
  line-height: 13px;
  color: #fff;
  font-weight: 400;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  font-size: 75%;
}

.label-rounded {
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
}

.label-custom {
  background-color: #4fc3f7;
  color: #fff;
}

.label-custom:hover {
  color: #fff;
}

.label-success {
  background-color: #36bea6;
  color: #fff;
}

.label-success:hover {
  color: #fff;
}

.label-info {
  background-color: #2962FF;
  color: #fff;
}

.label-info:hover {
  color: #fff;
}

.label-warning {
  background-color: #ffbc34;
  color: #fff;
}

.label-warning:hover {
  color: #fff;
}

.label-danger {
  background-color: #f62d51;
  color: #fff;
}

.label-danger:hover {
  color: #fff;
}

.label-megna {
  background-color: #4fc3f7;
  color: #fff;
}

.label-megna:hover {
  color: #fff;
}

.label-primary {
  background-color: #7460ee;
  color: #fff;
}

.label-primary:hover {
  color: #fff;
}

.label-purple {
  background-color: #b55af5;
  color: #fff;
}

.label-purple:hover {
  color: #fff;
}

.label-red {
  background-color: #f62d51;
  color: #fff;
}

.label-red:hover {
  color: #fff;
}

.label-inverse {
  background-color: #343a40;
  color: #fff;
}

.label-inverse:hover {
  color: #fff;
}

.label-default {
  background-color: #d6d5d5;
  color: #222;
}

.label-default:hover {
  color: #222;
}

.email-app {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.email-app .mail-list {
  display: block;
  width: 100%;
}

.email-app .list-group.with-dropdown.dropdown-active {
  display: none;
}

.email-app .list-group li {
  display: block;
}

.email-app .list-group li small {
  display: block;
  padding: 8px 15px;
}

.email-app .list-group li.click-label .fas {
  display: none;
}

.email-app .list-group li.click-label.clickable {
  cursor: pointer;
}

.email-app .list-group li.click-label.clickable .fas {
  display: inline-block;
}

.email-app .list-group li.click-label.clickable small i {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  margin: 0 2px 0 0;
  position: relative;
  top: 2px;
}

.email-app .list-group li.click-label.clickable:hover {
  background-color: #e7ebef;
}

.email-app .list-group .list-group-item {
  padding: 0px;
  background: transparent;
  border: none;
}

.email-app .list-group .list-group-item .list-group-item-action {
  padding: 12px 15px;
  display: block;
  color: #3e5569;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none !important;
}

.email-app .list-group .list-group-item .list-group-item-action:hover,
.email-app .list-group .list-group-item .list-group-item-action.active {
  background: rgba(0, 0, 0, 0.03);
}

.email-app .list-group .list-group-item .list-group-item-action .mdi,
.email-app .list-group .list-group-item .list-group-item-action .material-icons {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
  max-width: 18px;
  position: relative;
  top: -1px;
}

.email-app .email-table {
  table-layout: fixed;
}

.email-app .email-table tr {
  background-color: #f7fafd;
}

.email-app .email-table tr td {
  padding: 8px 8px;
  vertical-align: middle;
}

.email-app .email-table .selected {
  background: #fff8e1;
}

.email-app .email-table .max-texts,
.email-app .email-table .user-name h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

.email-app .email-table .chb {
  width: 40px;
  padding-right: 0;
}

.email-app .email-table .chb .custom-control {
  padding: 0;
  min-height: 14px !important;
  width: 14px;
  margin: 0 auto;
}

.email-app .email-table .chb .custom-control .custom-control-label:before,
.email-app .email-table .chb .custom-control .custom-control-label:after {
  height: 14px;
  width: 14px;
  left: 0;
}

.email-app .email-table .time {
  width: 100px;
  text-align: right;
}

@media (max-width : 767px) {
  .email-app .email-table .time {
    text-align: left;
  }
}

.email-app .email-table .time .dtTm {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  color: #717171;
}

.email-app .email-table .starred {
  font-size: 13px;
  width: 30px;
  padding-left: 6px;
  padding-right: 6px;
}

.email-app .email-table .clip {
  width: 25px;
  font-size: 13px;
}

.email-app .email-table .user-image {
  width: 45px;
  padding: 1rem 5px;
}

.email-app .email-table .user-name {
  width: 130px;
}

.email-app .email-table .user-name .m-b-0 {
  font-weight: 500 !important;
}

.email-app .email-table .user-name h6 {
  font-weight: 500 !important;
  font-size: 14px;
  color: #6d6d6d;
}

.email-app .email-table .max-texts,
.email-app .email-table .max-texts a:not([class*=label-]),
.email-app .email-table .clip,
.email-app .email-table .starred {
  color: #6d6d6d;
  font-weight: 500;
}

.email-app .email-table .unread {
  background-color: transparent;
}

.email-app .email-table .unread .m-b-0,
.email-app .email-table .unread .max-texts {
  font-weight: 700 !important;
}

.email-app .email-table .unread .max-texts,
.email-app .email-table .unread .max-texts a:not([class*=label-]),
.email-app .email-table .unread .starred,
.email-app .email-table .unread .clip {
  color: #353535;
}

.email-app .email-table .unread .max-texts a:not([class*=label-]):hover {
  color: #2961ff;
}

.email-app .email-table .unread h6 {
  font-weight: 700 !important;
  font-size: 14px;
  color: #353535;
}

.email-app .btn-sm.font-18,
.email-app .btn-group-sm > .font-18.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 42px;
  line-height: 20px !important;
  min-height: 33px;
}

.email-app .btn-sm.font-18 i,
.email-app .btn-group-sm > .font-18.btn i {
  font-size: 16px;
  line-height: 20px;
}

.email-app .email-head h4 {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 6px 0;
  font-weight: 700;
  color: #3e5569;
}

.email-app .email-head span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #668096;
}

.email-app .link:hover {
  color: #2961ff;
}

.email-app hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin-top: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.email-app .email-right-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.email-app .email-right-head .head-right {
  display: flex;
  float: left;
  margin-left: auto;
  align-items: center;
  padding: 10px 0 10px 10px;
}

@media (max-width : 767px) {
  .email-app .email-right-head .head-right {
    width: 100%;
    padding: 16px 0;
  }
}

@media (max-width : 399px) {
  .email-app .email-right-head .head-right {
    flex-flow: column;
  }
}

@media (max-width : 767px) {
  .email-app .email-right-head .head-right .list-search.email-search {
    width: 100%;
    flex: 1;
  }
}

@media (max-width : 399px) {
  .email-app .email-right-head .head-right .list-search.email-search {
    flex: 0 0 100%;
  }
}

.email-app .email-right-head .right-btns {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0 10px;
}

@media (max-width : 399px) {
  .email-app .email-right-head .right-btns {
    width: 100%;
    margin-left: inherit;
    justify-content: flex-end;
    padding: 12px 0 0 0;
  }
}

.email-app .left-part {
  display: block;
  float: left;
  height: 100%;
  width: 240px;
  border-right: 1px solid #e9ecef;
}

.email-app .left-part.fixed-left-part {
  position: fixed;
  top: 0px;
  padding-top: 10px;
}

.email-app .left-part .show-left-part {
  position: absolute;
  top: 45%;
  right: -41px;
}

@media (max-width : 767px) {
  .email-app .left-part {
    left: -240px;
    background: #eef5f9;
    z-index: 1;
    position: fixed;
    transition: 0.1s ease-in;
  }

  .email-app .left-part.show-panel {
    left: 0;
  }
}

.email-app .right-part {
  display: block;
  float: left;
  flex: 1;
}

.email-app .right-part .card-message {
  display: block;
  width: 100%;
  overflow: auto;
}

@media (max-width : 1199px) {
  .email-app .right-part .card-message {
    height: auto !important;
    overflow: inherit;
  }
}

.email-app .right-part .card-body h4 .date {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 2px 0 0 0;
}

.email-app .right-part .card-body .btn-group {
  margin-top: 2px;
  margin-bottom: 2px;
  text-decoration: none !important;
}

@media (max-width : 767px) {
  .email-app .right-part {
    width: 100%;
    margin-left: 0;
  }
}

.email-app .right-part .right-part-c {
  display: flex;
  flex-wrap: wrap;
}

.email-app .right-part .right-part-c .right-part-left {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
  overflow: auto;
}

@media (max-width : 1199px) {
  .email-app .right-part .right-part-c .right-part-left {
    overflow: inherit;
  }
}

.email-app .right-part .right-part-c .email-activities {
  display: block;
  float: left;
  padding: 16px;
  width: 320px;
  border-left: 16px solid #eef3f7;
  overflow: auto;
}

@media (max-width : 1199px) {
  .email-app .right-part .right-part-c .email-activities {
    width: 100%;
    border-left: none;
    border-top: 24px solid #eef3f7;
    height: auto !important;
    overflow: inherit;
  }
}

.email-details-body {
  display: block;
  overflow: auto;
}

.email-attach-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.email-attach-row .colm {
  display: block;
  float: left;
  padding: 4px;
}

.email-attachment {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.email-attachment img {
  display: block;
  width: 22px;
}

.mail-data-preview {
  display: block;
  max-height: 600px;
  overflow: auto;
}

.reverse-mode .left-part {
  right: 0;
  border-left: 1px solid #e9ecef;
}

.reverse-mode .show-left-part {
  right: auto;
  left: -41px;
}

.reverse-mode .right-part {
  margin-left: 0px;
  margin-right: 260px;
}

.email-pagination nav {
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}

.email-pagination nav .pagination {
  margin-bottom: 8px;
}

.card-body h4 {
  font-size: 18px;
  line-height: 22px;
  color: #33485a;
}

.email-user-details .font-16 {
  font-size: 16px;
}

.email-user-details span {
  font-size: 14px;
}

.dropzone {
  border-color: #e9ecef !important;
  border-style: dotted !important;
}

@media (max-width : 767px) {
  .do-block {
    display: block !important;
  }

  .do-block .custom-checkbox {
    margin-top: 8px;
  }
}

.ti-menu:before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.ti-close:before {
  content: "\f00d";
}

.field_settings {
  display: block;
  position: relative;
  padding: 0 30px 0 0;
}

.field_settings .set {
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 16px;
}

.email-to {
  display: block;
  position: relative;
  padding: 0 80px 0 0;
}

.email-to .email-to-right {
  display: block;
  position: absolute;
  top: 11px;
  right: 0;
}

.email-to .email-to-right a {
  display: inline-block;
  vertical-align: top;
  color: #464646;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  margin: 0 0 0 12px;
}

.email-to .email-to-right a:first-child {
  margin: 0;
}

.email-to .email-to-right a:hover {
  text-decoration: underline;
}

.cc-email,
.bcc-email {
  display: none;
}

.advanceFilterModal .modal-dialog {
  width: 800px;
  max-width: 100%;
}

.file-upload {
  display: inline-flex !important;
  position: relative;
  overflow: hidden;
  margin-bottom: 0 !important;
}

.file-upload input {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 400%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.email-attachments {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px 6px 0;
  position: relative;
  padding: 3px 23px 3px 8px;
  background-color: #f2f9ff;
  border-radius: 100px;
  border: 1px solid #dbe1e6;
  color: #3d6ff9;
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-attachments:last-child {
  margin: 0;
}

.email-attachments .close {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  font-size: 8px;
  line-height: 11px;
  border-radius: 100px;
  opacity: 1;
  text-align: center;
  background: #ff6f6f;
}

.email-attachments .close i {
  display: none;
}

.email-attachments .close:before {
  content: "";
  display: block;
  background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
  background-size: 100% auto;
  width: 7px;
  height: 7px;
  filter: brightness(0) invert(1);
}

.email-attachments .close:hover {
  color: #fd4141;
}

.notification-list {
  display: block;
  padding: 0;
}

.notification-list li {
  display: block;
  padding: 16px 10px 12px 10px;
  border-bottom: 1px dashed #bdbdbd;
  position: relative;
}

.notification-list li .mainLink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.notification-list li .mainLink:hover {
  background: transparent;
}

.notification-list li:hover {
  background-color: #f6f9fb;
}

@media (max-width : 599px) {
  .notification-list li {
    padding-left: 0px;
    padding-right: 0px;
    background: transparent !important;
  }
}

.notification-list li .msg {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  transition: 500ms;
  -webkit-transition: 500ms;
  -ms-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
}

.notification-list li .msg .icon-circle {
  display: flex;
  flex-wrap: wrap;
  width: 60px;
  height: 60px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  color: #fff;
  align-content: center;
  justify-content: center;
}

.notification-list li .msg .icon-circle .material-icons {
  display: block;
  font-size: 30px;
}

@media (max-width : 599px) {
  .notification-list li .msg .icon-circle {
    width: 44px;
    height: 44px;
  }

  .notification-list li .msg .icon-circle .material-icons {
    font-size: 22px;
  }
}

.notification-list li .msg .details {
  display: block;
  width: 100%;
  flex: 1;
  padding: 0 0 0 16px;
}

.notification-list li .msg .details .bx {
  display: flex;
  flex-wrap: wrap;
}

.notification-list li .msg .details .bx h4 {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #3a3a3a;
  margin: 0 0 3px 0;
}

.notification-list li .msg .details .bx h4 a {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  color: #2961ff;
  position: relative;
  z-index: 2;
}

.notification-list li .msg .details .bx h4 a:hover {
  background-color: transparent;
  text-decoration: underline;
}

.notification-list li .msg .details .bx .time {
  display: block;
  width: 100%;
  color: #868686;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  margin: 0 0 6px 0;
}

.notification-list li .msg .details .bx .time i {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 18px;
}

.notification-list li .msg .details .bx p {
  display: block;
  margin: 0 0 6px 0;
  color: #656565;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
}

.notification-list li .msg .details .bx .badge {
  margin: -1px 0 0 0;
  position: relative;
  vertical-align: top;
}

@media (max-width : 599px) {
  .notification-list li .msg .details {
    padding-left: 10px;
  }
}

.notification-list li .msg .actions {
  display: block;
  align-self: baseline;
}

@media (max-width : 599px) {
  .notification-list li .msg .actions {
    width: 100%;
    text-align: right;
  }
}

.notification-list li .msg .actions .notification-mark,
.notification-list li .msg .actions .notification-delete {
  display: inline-block;
  vertical-align: top;
}

.notification-list li .msg .actions .notification-mark .material-icons,
.notification-list li .msg .actions .notification-delete .material-icons {
  font-size: 20px;
}

.notification-list li .msg .actions .notification-mark.notification-mark,
.notification-list li .msg .actions .notification-mark.notification-delete,
.notification-list li .msg .actions .notification-delete.notification-mark,
.notification-list li .msg .actions .notification-delete.notification-delete {
  position: relative;
  z-index: 2;
}

.notification-list li .msg .actions .notification-mark.notification-mark .material-icons,
.notification-list li .msg .actions .notification-mark.notification-delete .material-icons,
.notification-list li .msg .actions .notification-delete.notification-mark .material-icons,
.notification-list li .msg .actions .notification-delete.notification-delete .material-icons {
  font-size: 24px;
  color: #4caf50 !important;
}

.notification-list li .msg .actions .notification-mark.notification-mark:hover .material-icons,
.notification-list li .msg .actions .notification-mark.notification-delete:hover .material-icons,
.notification-list li .msg .actions .notification-delete.notification-mark:hover .material-icons,
.notification-list li .msg .actions .notification-delete.notification-delete:hover .material-icons {
  color: #349238 !important;
}

.notification-list li .msg .actions .notification-mark.notification-mark .un-read,
.notification-list li .msg .actions .notification-mark.notification-delete .un-read,
.notification-list li .msg .actions .notification-delete.notification-mark .un-read,
.notification-list li .msg .actions .notification-delete.notification-delete .un-read {
  display: block;
  position: absolute;
  top: 5px;
  right: 4px;
  width: 6px;
  height: 6px;
  background-color: #e91e63;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  animation: notify 1.5s infinite;
}

.notification-list li .msg .actions .notification-mark.notification-delete .material-icons,
.notification-list li .msg .actions .notification-delete.notification-delete .material-icons {
  color: #fa6767 !important;
}

.notification-list li .msg .actions .notification-mark.notification-delete:hover .material-icons,
.notification-list li .msg .actions .notification-delete.notification-delete:hover .material-icons {
  color: #ff3838 !important;
}

.notification-list li.remove-now {
  position: relative;
  overflow: hidden;
}

.notification-list li.remove-now .msg {
  position: absolute;
  animation: move 800ms ease-in-out;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
  }

  90% {
    opacity: 0;
    transform: translate(200px, 0);
    -ms-transform: translate(200px, 0);
    -webkit-transform: translate(200px, 0);
    -o-transform: translate(200px, 0);
    -moz-transform: translate(200px, 0);
  }

  100% {
    opacity: 0;
  }
}

.no-notification {
  display: block;
  text-align: center;
  background-color: #ffffff;
  padding: 16px 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border: 1px dashed #ccc;
}

.no-notification h4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #3d525d;
}

.no-notification .bell {
  display: block;
}

.no-notification .bell .material-icons {
  font-size: 64px;
  line-height: 76px;
  transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  animation: bellmove 1.5s infinite;
}

@keyframes bellmove {
  0%, 70%, 80%, 90%, 100% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  20% {
    transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
  }

  30% {
    transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
  }

  40% {
    transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
  }

  50% {
    transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
  }

  60% {
    transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
  }
}

.btn-mass-action {
  opacity: 0;
}

.dt-buttons .btn-mass-action {
  opacity: 1;
}

.template-upload .preview,
.sh-image {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  position: relative;
  background-color: #edf3f7;
  border: 1px solid #e6edf1;
}

.template-upload .preview img,
.template-upload .preview canvas,
.sh-image img,
.sh-image canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.tableUpProgress {
  display: block;
}

.tableUpProgress .size {
  display: block;
  font-size: 12px;
  margin: 0 0 4px 0;
}

.tableUpProgress .progress {
  display: block;
  height: 6px;
}

.tabLoader {
  display: block;
  text-align: center;
  padding: 80px 0;
  min-height: 300px;
}

.tabLoader img {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  height: auto;
}

@keyframes notify {
  0%, 100% {
    opacity: 0;
  }

  30%, 70% {
    opacity: 1;
  }
}

.changePassCont {
  display: block;
  max-width: 340px;
  margin: 40px auto 60px auto;
}

.changePassCont .formTl {
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.changePassCont .form-group label {
  font-size: 14px;
}

.changePassCont .btn {
  margin: 0 auto;
  display: block;
}

.notification_set {
  display: block;
  max-width: 480px;
  margin: 0 auto;
}

.email-providers {
  display: block;
}

.email-providers h5 {
  display: block;
  text-align: center;
  font-size: 17px !important;
  color: #535456 !important;
}

.email-providers .email-provider-box {
  display: block;
  text-align: center;
}

.email-providers .email-provider-box a {
  display: inline-block;
  vertical-align: top;
  padding: 20px 16px;
}

.email-providers .email-provider-box a img {
  display: inline-block;
  width: 58px;
  max-width: 100%;
}

.email-providers .email-provider-box a .nm {
  display: block;
  margin: 14px 0 0 0;
  color: #5d5d5d;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.email-ac-header {
  display: block;
  text-align: center;
  margin: 0 0 22px 0;
}

.email-ac-header h2 {
  display: block;
  font-size: 26px;
  line-height: 30px;
  margin: 0;
}

.email-ac-header p {
  display: block;
  margin: 6px 0 0 0;
  font-size: 14px;
  line-height: 18px;
  color: #757575;
}

@media (max-width : 575px) {
  .ml-btns {
    display: inline;
    text-align: right;
  }

  .ml-btns .btn-group:last-child {
    float: right;
  }

  .ml-btns .email-archive {
    float: right;
    margin: 4px 0 12px 0 !important;
    justify-content: flex-end;
  }

  .ml-btns .email-archive .btn.min-80 {
    min-width: 120px !important;
  }
}

.email-setup-options {
  display: none;
}

.addNewReport .modal-dialog {
  width: 800px;
  max-width: 100%;
}

.reportDisplayOptions {
  display: block;
}

.reportDisplayOptions .options {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: auto;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 10px 10px 10px;
}

.reportDisplayOptions .options input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.reportDisplayOptions .options input:checked + .ico {
  border-color: #2961ff;
}

.reportDisplayOptions .options .ico {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 80px;
  height: 80px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  background-color: #edeff2;
  border: 2px solid #edeff2;
  padding: 16px 0 0 0;
}

.reportDisplayOptions .options .ico img {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: auto;
}

.reportDisplayOptions .options .tl {
  display: block;
  margin: 10px 0 0 0;
  color: #2d2d2d;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

body .sweet-alert {
  padding-bottom: 38px;
  outline: none !important;
}

body .sweet-alert h2 {
  font-size: 1.5rem;
}

body .sweet-alert p {
  font-size: 1.05rem;
  font-weight: 400;
}

body .sweet-alert button {
  font-size: 14px;
  font-weight: 500;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  padding: 4px 18px 4px 18px;
  margin: 18px 3px 0 3px;
  min-width: 116px;
}

body .sweet-overlay {
  z-index: 1050;
}

.entity-created-at {
  margin-top: 16px;
}

.table-condensed .invoice_row td:not(:last-child),
.table-condensed .order_row td:not(:last-child),
.table-condensed .quote_row td:not(:last-child) {
  min-width: 200px;
}

.query-filter-builder {
  margin-bottom: 12px;
}

.next-prev-btn-group {
  margin-left: 0px;
}

.invite-row {
  display: block;
  position: relative;
  padding: 24px 14px 10px 14px;
  background-color: #f2f5f7;
  margin: 0 0 16px 0;
}

.invite-row .del-field {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 2px 6px;
  background-color: #ff7878;
  color: #fff !important;
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  transition: 400ms;
  -webkit-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  -moz-transition: 400ms;
}

.invite-row .del-field:hover {
  background-color: #fd4949;
}

.invite-row .form-control {
  border: 1px solid #dcdee0;
}

.invite-row .form-group .input-group-prepend .form-control {
  background-color: #ffffff;
}

.socialList {
  display: block;
}

.socialList .li {
  display: block;
  margin: 12px 0 0 0;
  padding: 4px 0 0 32px;
  position: relative;
  min-height: 24px;
  color: #212121;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.socialList .li:first-child {
  margin-top: 0;
}

.socialList .li img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: auto;
}

.linkList {
  display: flex;
  flex-wrap: wrap;
}

.linkList .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #ff821c;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  text-align: center;
  font-size: 18px;
}

.linkList .tl {
  display: block;
  float: left;
  min-width: 90px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.linkList .form-control {
  display: block;
  flex: 1;
  width: 100%;
  height: auto !important;
}

@media (max-width : 767px) {
  .linkList .form-control {
    flex: auto;
    margin-top: 5px;
  }
}

.dashboard-chart {
  display: block;
  text-align: center;
  width: 220px;
  max-width: 100%;
  margin: 0 auto;
}

.dashboard-chart .chart {
  display: block;
  width: 200px !important;
  max-width: 100%;
  margin: 0 auto;
}

.task-sm-list {
  display: block;
}

.task-sm-list .li {
  display: block;
  position: relative;
  padding: 8px 8px 8px 28px;
  margin: 10px 0 0 0;
  background-color: #fff;
}

.task-sm-list .li:first-child {
  margin: 0;
}

.task-sm-list .li .checkIco {
  display: block;
  position: absolute;
  top: 7px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  color: #5e6065;
  font-size: 11px;
  cursor: pointer;
  background-color: #eef3f7;
  border: 1px solid #c9d0d6;
}

.task-sm-list .li .checkIco i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.task-sm-list .li h6 {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

.task-sm-list .li h6 a {
  color: #414755;
  text-decoration: none;
}

.task-sm-list .li h6 a:hover {
  color: #2961ff;
}

.task-sm-list .li h6 .edt {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 4px;
  font-size: 13px;
  color: #2961ff;
}

.task-sm-list .li h6 .edt.view {
  color: #7460ee;
}

.task-sm-list .li h6 .edt:hover {
  color: #222;
}

.task-sm-list .li .txt {
  display: block;
  color: #747d93;
  font-size: 13px;
  line-height: 16px;
  margin: 5px 0 0 0;
}

.task-sm-list .li .badgeList {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

.task-sm-list .li .badgeList .badge {
  margin: 4px 4px 0 0;
}

.task-sm-list .li > .prc {
  display: block;
  font-size: 17px;
  line-height: 21px;
  font-weight: 800;
  color: #2961ff;
  margin: 4px 0 0 0;
}

.task-sm-list.no-check .li {
  padding-left: 8px;
}

.task-sm-list.with-colm .li {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width : 1023px) {
  .task-sm-list.with-colm .li {
    flex-flow: column;
  }
}

.task-sm-list.with-colm .li .l-colm,
.task-sm-list.with-colm .li .r-colm {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

@media (min-width : 1024px) {
  .task-sm-list.with-colm .li .l-colm,
  .task-sm-list.with-colm .li .r-colm {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 8px 0 0;
  }

  .task-sm-list.with-colm .li .l-colm.r-colm,
  .task-sm-list.with-colm .li .r-colm.r-colm {
    padding: 0 0 0 8px;
    text-align: right;
  }
}

.full-calendar-box.fc-unthemed th,
.full-calendar-box .fc-unthemed th {
  color: #222;
  padding-top: 5px;
  padding-bottom: 5px;
}

.full-calendar-box.fc-unthemed td.fc-today,
.full-calendar-box .fc-unthemed td.fc-today {
  background-color: rgba(41, 97, 255, 0.2) !important;
}

.full-calendar-box.fc-unthemed .fc-content-skeleton td.fc-today,
.full-calendar-box .fc-unthemed .fc-content-skeleton td.fc-today {
  background-color: transparent !important;
}

.full-calendar-box.fc-unthemed .fc-button,
.full-calendar-box .fc-unthemed .fc-button {
  padding: 0 0.3em;
  background: transparent;
  background-color: #2961ff;
  color: #fff;
  font-weight: 600;
  outline: none;
  text-shadow: none;
}

.full-calendar-box.fc-unthemed .fc-button.fc-state-active,
.full-calendar-box .fc-unthemed .fc-button.fc-state-active {
  background-color: transparent !important;
  color: #2961ff;
}

.full-calendar-box.fc-unthemed .fc-header-toolbar,
.full-calendar-box .fc-unthemed .fc-header-toolbar {
  margin-bottom: 0.3em;
}

.full-calendar-box.fc-unthemed .fc-header-toolbar .fc-center h2,
.full-calendar-box .fc-unthemed .fc-header-toolbar .fc-center h2 {
  color: #222;
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  margin: 0.3em 0 0 0;
}

.full-calendar-box.fc-unthemed .fc-header-toolbar .fc-right,
.full-calendar-box .fc-unthemed .fc-header-toolbar .fc-right {
  float: right !important;
}

.full-calendar-box.fc-unthemed .fc-header-toolbar .fc-left,
.full-calendar-box .fc-unthemed .fc-header-toolbar .fc-left {
  float: left !important;
}

body .newPropertyList {
  display: block;
}

body .newPropertyList .owl-stage {
  display: flex;
  flex-wrap: wrap;
}

body .newPropertyList .owl-stage .owl-item {
  padding-left: 0px;
  padding-right: 0px;
}

body .newPropertyList .owl-stage .item {
  display: flex;
  flex-flow: column;
  height: 100%;
}

body .newPropertyList .owl-nav {
  display: block;
  margin: 16px 0 0 0;
  text-align: right;
}

body .newPropertyList .owl-nav button.owl-prev,
body .newPropertyList .owl-nav button.owl-next {
  display: inline-block;
  vertical-align: top;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #fff !important;
  background-color: #2961ff !important;
  padding: 6px 12px 6px 10px !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  margin: 0 0 0 6px;
  outline: none !important;
}

body .newPropertyList .owl-nav button.owl-prev:not(.disabled):hover,
body .newPropertyList .owl-nav button.owl-next:not(.disabled):hover {
  background-color: rgba(41, 97, 255, 0.9) !important;
}

body .newPropertyList .owl-nav button.owl-prev img,
body .newPropertyList .owl-nav button.owl-next img {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: auto;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  margin: 3px 0 0 0;
}

body .newPropertyList .owl-nav button.owl-prev.disabled,
body .newPropertyList .owl-nav button.owl-next.disabled {
  opacity: 0.3;
  cursor: no-drop;
}

body .newPropertyList .owl-nav button.owl-next {
  display: inline-block;
  padding: 6px 10px 6px 12px !important;
}

body .newPropertyList .owl-nav button.owl-next img {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

.gjs-editor-cont {
  padding: 0 !important;
}

.gjs-editor-cont .far {
  font-weight: 400 !important;
}

.gjs-editor-cont .fa,
.gjs-editor-cont .fas {
  font-weight: 900 !important;
}

.gjs-editor-cont .gjs-pn-views-container {
  width: 156px;
  z-index: 2;
}

.gjs-editor-cont .gjs-pn-views-container .gjs-fonts:before {
  font-size: 3em;
}

.gjs-editor-cont .gjs-cv-canvas {
  width: calc(100% - 156px);
}

.gjs-editor-cont .gjs-pn-commands {
  width: 74px;
  left: auto;
  right: 156px;
}

.gjs-editor-cont .gjs-pn-views {
  width: 156px;
}

.gjs-editor-cont .gjs-pn-views .gjs-block {
  min-height: 84px;
}

.gjs-editor-cont .gjs-pn-options {
  right: 230px;
}

.gjs-editor-cont .gjs-pn-btn {
  padding: 6px 4px 3px 4px;
}

@media (max-width : 599px) {
  .gjs-editor-cont .gjs-editor {
    overflow: hidden;
  }

  .gjs-editor-cont .gjs-pn-panels:before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #272d38;
    border-bottom: 1px solid #474e5d;
    z-index: 4;
  }

  .gjs-editor-cont .gjs-pn-views-container {
    padding-top: 0;
    right: -156px;
    transition: 500ms;
    -webkit-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    -moz-transition: 500ms;
    z-index: 4;
  }

  .gjs-editor-cont.showSections .gjs-pn-views-container {
    right: 0;
  }

  .gjs-editor-cont .gjs-cv-canvas {
    width: 100%;
    height: calc(100% - 80px);
    top: 80px;
  }

  .gjs-editor-cont .gjs-pn-options {
    left: 0;
    right: auto;
    top: 40px;
    width: 182px;
  }

  .gjs-editor-cont .gjs-pn-commands {
    right: 0;
    top: 40px;
    box-shadow: inherit;
    -ms-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    -o-box-shadow: inherit;
    -moz-box-shadow: inherit;
  }

  .gjs-editor-cont .gjs-pn-views {
    border: none;
  }
}

.gjsSectionCreate {
  display: none;
}

@media (max-width : 599px) {
  .gjsSectionCreate {
    display: block;
    position: relative;
    text-align: right;
  }

  .gjsSectionCreate .btn-dark,
  .gjsSectionCreate .btn-dark:hover,
  .gjsSectionCreate .btn-dark:focus {
    background-color: #373d49 !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    box-shadow: none !important;
    -ms-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: none;
    border-bottom: 1px solid #272d38 !important;
    font-weight: 400;
    padding: 6px 8px 3px 8px;
    color: #b6c1d8 !important;
  }

  .gjsSectionCreate .btn-dark i,
  .gjsSectionCreate .btn-dark:hover i,
  .gjsSectionCreate .btn-dark:focus i {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
  }
}

#attach_currency_modal form > .btn {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
}

.drive-btn {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  border: 1px solid #d8d8d8;
  padding: 8px 10px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  transition: 300ms;
  -webkit-transition: 300ms;
  -ms-transition: 300ms;
  -o-transition: 300ms;
  -moz-transition: 300ms;
}

.drive-btn img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 48px;
  height: auto;
}

.drive-btn span {
  display: block !important;
  margin: 10px 0 0 0 !important;
  font-size: 13px;
  line-height: 16px;
  color: #5f5f5f;
}

.drive-btn:hover {
  background-color: #f5f5f5;
}

.drive-btn:hover span {
  color: #505050;
}

.template-cont {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -11px;
}

.template-cont .colm {
  display: block;
  float: left;
  width: 33.333333%;
  padding: 11px;
}

@media (max-width : 767px) {
  .template-cont .colm {
    width: 50%;
  }
}

@media (max-width : 480px) {
  .template-cont .colm {
    width: 100%;
  }
}

.template-box {
  display: block;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
}

.template-box .image {
  display: block;
  cursor: pointer;
  height: 226px;
  overflow: hidden;
  position: relative;
}

.template-box .image:not(.loaded):before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background: url(/images/ajax-loader.gif?90672f1deffccbcdf4f1be54ee7cd7ea) no-repeat center center;
  background-size: 100% auto;
}

.template-box .image .image-c {
  display: block;
}

.template-box .image img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  opacity: 0;
}

.template-box .image:hover img {
  bottom: 0 !important;
}

.template-box .image .txt {
  display: none;
}

.template-box .image.loaded .txt {
  display: block;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  background-color: #212121;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
  padding: 4px 16px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  transition: 400ms;
  -webkit-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  -moz-transition: 400ms;
}

.template-box .image.loaded .txt:hover {
  background-color: #2d2d2d;
}

@media (max-width : 1023px) {
  .template-box .image.loaded .txt {
    bottom: 3px !important;
  }
}

.template-box:hover .image .txt {
  bottom: 6px;
}

.template-box .tl {
  display: block;
  padding: 12px 12px 8px 12px;
  border-top: 1px solid #ddd;
}

.template-box .custom-control {
  padding-right: 0;
}

.template-box .custom-control a {
  color: #2961ff;
  transition: 500ms;
  margin-left: 6px;
}

.template-box .custom-control a:hover {
  color: #060606;
}

.u-active {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.u-active .badge {
  margin: 0 1px 0 0;
}

.company-footer {
  display: block;
  padding: 40px 0 30px 0;
}

.company-footer .company-footer-logo {
  display: block;
  margin: 0 0 6px 0;
}

.company-footer .company-footer-logo > a {
  display: inline-block;
  vertical-align: top;
}

.company-footer .company-footer-logo > a img {
  display: block;
  height: auto;
  max-height: 52px;
  width: auto;
}

.company-footer .company-footer-logo .nm {
  display: block;
  color: #2d2d2d;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  margin: 4px 0 0 0;
}

.company-footer .company-footer-logo .desc {
  display: block;
  margin: 10px 0 0 0;
  background-color: rgba(238, 243, 247, 0.6);
  font-size: 14px;
  line-height: 18px;
  padding: 6px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  color: #333333;
}

.company-footer .company-footer-logo .desc p {
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0 0;
}

.company-footer .company-footer-logo .desc p:first-child {
  margin: 0;
}

.company-copyright {
  display: block;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #656464;
}

.companyInfo {
  display: block;
}

.companyInfo h3 {
  display: block;
  color: #4c4c4c;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin: 0;
}

.companyInfo h3 span {
  display: block;
  margin: 2px 0 0 0;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  font-weight: 400;
}

.companyInfo .info {
  display: block;
  position: relative;
  margin: 8px 0 0 0;
  padding: 0 0 0 30px;
  color: #565656;
  font-size: 14px;
  line-height: 19px;
  font-weight: 500;
  min-height: 22px;
}

.companyInfo .info .ico {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: auto;
  opacity: 0.9;
}

.companyInfo .contact-form-box {
  display: block;
  max-width: 370px;
  margin-left: auto;
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background-color: #f2f2f2;
}

.companyInfo .contact-form-box h3 {
  justify-content: center;
  text-align: center;
}

.companyInfo .contact-form-box .contact-form {
  display: block;
  margin: 24px 0 0 0;
}

.fc-list-table td {
  vertical-align: top;
  line-height: 16px;
}

.fc-list-table .fc-list-heading .fc-widget-header {
  background-color: rgba(41, 97, 255, 0.12);
  color: #2961ff;
}

.fc-list-table .fc-list-item .fc-list-item-marker .fc-event-dot {
  background-color: #2961ff;
  width: 8px;
  height: 8px;
}

.fc-list-table .fc-list-item .fc-list-item-title {
  color: #414755;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}

.fc-list-table .fc-list-item .fc-list-item-title .fc-action {
  display: inline-block;
  vertical-align: top;
}

.fc-list-table .fc-list-item .fc-list-item-title .fc-action .ico {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 6px;
  font-size: 13px;
  color: #2961ff;
}

.fc-list-table .fc-list-item .fc-list-item-title .fc-action .ico.view {
  color: #7460ee;
}

.fc-list-table .fc-list-item .fc-list-item-title .fc-action .ico:hover {
  color: #222;
}

.fc-list-table .fc-list-item .fc-list-item-title .fc-action .ico:first-child {
  margin-left: 0;
}

.status_change {
  display: block;
  float: left;
  padding: 5px;
  font-size: 15px;
  line-height: 17px;
  cursor: pointer;
}

@media (max-width : 767px) {
  .mob-table {
    display: block;
  }

  .mob-table > thead,
  .mob-table tr.mob-table-head {
    display: none;
  }

  .mob-table > thead > th,
  .mob-table tr.mob-table-head > th {
    display: none;
  }

  .mob-table > tbody {
    display: block;
    padding: 8px;
    background-color: #eef3f7;
  }

  .mob-table > tbody tbody {
    padding: 0;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) {
    display: flex;
    flex-wrap: wrap;
    padding: 14px;
    background-color: #fff !important;
    margin: 10px 0 0 0;
    position: relative;
  }
}

@media (max-width : 767px) and (max-width : 480px) {
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) {
    padding: 10px 8px;
  }
}

@media (max-width : 767px) {
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head).child-tr {
    margin: 3px 0 0 0;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head):first-child {
    margin-top: 0;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head):last-child {
    margin-bottom: 0;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head).expend-tr-parent {
    background-color: rgba(41, 97, 255, 0.1) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head).mob-table-tl {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head).mob-table-tl:not(:first-child) {
    margin-top: 20px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head).mob-table-tl h6 {
    font-size: 17px;
    color: #222;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td {
    display: block;
    float: left;
    width: 100%;
    border: none;
    padding: 3px 5px !important;
    font-size: 13px;
    line-height: 17px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td:not(.max-texts) {
    white-space: inherit;
    word-break: break-word;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.hide-on-mob {
    display: none;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.nm,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.strong {
    color: #3f4855;
    font-size: 17px;
    line-height: 21px;
    font-weight: 700;
    padding: 0 10px 0 0;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.nm a,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.strong a {
    color: #3f4855;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.strong {
    font-size: 15px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.theme-color {
    color: #2961ff;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.theme-color:before {
    color: #2961ff;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.colm-6 {
    width: 50%;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.t-right {
    text-align: right;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.colm-auto {
    width: auto;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.colm-auto.t-right {
    margin-left: auto;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.mob-status-td {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 !important;
    width: auto;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.mob-status-td .status_change {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 0 0 0 30px;
    color: #fff !important;
    padding: 5px 0 0 13px;
    font-size: 13px;
    line-height: 15px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.mob-status-td .status_change.text-success {
    background-color: #28a745;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.mob-status-td .status_change.text-danger {
    background-color: #fa6767;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.border-md-none {
    border: none !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    vertical-align: top;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn {
    font-size: 14px !important;
    line-height: 20px !important;
    min-width: 28px;
    height: 28px;
    position: relative;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    color: #fff !important;
    margin: 0 3px 0 0 !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a:last-child,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn:last-child {
    margin-right: 0 !important;
  }
}

@media (max-width : 767px) and (max-width : 480px) {
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn {
    font-size: 12px !important;
    line-height: 16px !important;
    min-width: 26px;
    height: 26px;
    margin: 0 2px 0 0 !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a:last-child,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn:last-child {
    margin-right: 0 !important;
  }
}

@media (max-width : 767px) {
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.view,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.view {
    background-color: #755fee;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.edit,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.share,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.edit,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.share {
    background-color: #2196f3;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.comment,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.comment {
    background-color: #28a745;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.comment sup,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.comment sup {
    position: absolute;
    top: auto;
    bottom: calc(100% - 12px);
    right: calc(100% - 8px);
    width: auto;
    min-width: 16px;
    height: 16px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border: 2px solid #fff;
    padding: 2px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.fav,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.fav {
    background-color: #424242;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.danger,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.delete,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.del,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.danger,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.delete,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.del {
    background-color: #ff3636;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.email,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.email {
    background-color: #dd5144;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.user,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.info,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.user,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.info {
    background-color: #ac4dff;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.rss,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.warning,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.rss,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.warning {
    background-color: #ff821c;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.comment,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.restore,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.success,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.comment,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.restore,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.success {
    background-color: #28a745;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-md,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-md {
    font-size: 17px !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-primary,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-primary {
    background-color: #2961ff !important;
    box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(41, 97, 255, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-primary:hover,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-primary:hover {
    background-color: #5970ec !important;
    box-shadow: 0 2px 5px 0px rgba(63, 81, 181, 0.9) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(63, 81, 181, 0.9) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(63, 81, 181, 0.9) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(63, 81, 181, 0.9) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(63, 81, 181, 0.9) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-success,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-success {
    background-color: #43d59f !important;
    box-shadow: 0 2px 5px 0px rgba(67, 213, 159, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(67, 213, 159, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(67, 213, 159, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(67, 213, 159, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(67, 213, 159, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-success:hover,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-success:hover {
    background-color: #35b988 !important;
    box-shadow: 0 2px 5px 0px rgba(53, 185, 136, 0.9) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(53, 185, 136, 0.9) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(53, 185, 136, 0.9) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(53, 185, 136, 0.9) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(53, 185, 136, 0.9) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-info,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-info {
    background-color: #7460ee !important;
    box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-info:hover,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-info:hover {
    background-color: #634fdc !important;
    box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(116, 96, 238, 0.9) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-warning,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-warning {
    background-color: #ff821c !important;
    box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-warning:hover,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-warning:hover {
    background-color: #e06c0d !important;
    box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(255, 130, 28, 0.9) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-danger,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-danger {
    background-color: #fa6767 !important;
    box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-danger:hover,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-danger:hover {
    background-color: #f74444 !important;
    box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(237, 95, 95, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-secondary,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-secondary {
    background-color: #00ab83 !important;
    box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a.text-secondary:hover,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn.text-secondary:hover {
    background-color: #077f63 !important;
    box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -ms-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -webkit-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -o-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
    -moz-box-shadow: 0 2px 5px 0px rgba(0, 171, 131, 0.7) !important;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a sup,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn sup {
    top: -0.6px;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a i,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action a i.fa-info-circle:before,
  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .table-action .actn i.fa-info-circle:before {
    content: "\f129";
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .template-image {
    display: block;
    width: 100%;
    text-align: center;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .template-image img {
    display: inline-block;
    width: 200px !important;
    height: auto !important;
    max-width: 100%;
  }

  .mob-table > tbody > tr:not(.expend-tr):not(.mob-table-head) > td .prop-img {
    width: 360px;
    max-width: 100%;
    margin: 0 0 10px 0;
  }

  .mob-table > tbody > tr th.mob-hide-th,
  .mob-table > tbody > tr td.mob-hide-td {
    display: none;
  }

  .mob-table > tbody > tr.expend-tr {
    display: block;
    width: 100%;
  }

  .mob-table > tbody > tr.expend-tr > td {
    display: block;
    width: 100%;
  }

  .mob-table > tbody > tr.table-cal-row {
    display: flex;
    flex-wrap: wrap;
    margin: 2px 0 0 0;
  }

  .mob-table > tbody > tr.table-cal-row td {
    display: block !important;
    float: left !important;
    width: auto !important;
    max-width: 50%;
  }

  .mob-table > tbody > tr.table-cal-row td.mob-hide {
    display: none !important;
  }

  .mob-table > tbody > tr.with-del {
    position: relative;
  }

  .mob-table > tbody > tr.with-del .del-td {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: auto !important;
  }

  .mob-table > tbody > tr.with-del .del-td i {
    margin: 2px 0 0 0;
  }

  .mob-table > tbody > tr.calc-tr {
    flex-flow: row;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin: 0 !important;
  }

  .mob-table > tbody > tr.calc-tr:not(:last-child) {
    border-bottom: 1px dashed #d4d4d4;
  }

  .mob-table > tbody > tr.calc-tr td {
    display: block;
    float: left;
    text-align: right;
  }

  .mob-table > tbody > tr.calc-tr td:first-child,
  .mob-table > tbody > tr.calc-tr td.mob-hide-td + td {
    flex: 1;
  }

  .mob-table > tbody > tr.calc-tr td:last-child {
    width: 110px;
  }

  .mob-table.table-with-title > tbody > tr:not(.expend-tr) > td,
  .mob-table.table-with-title > tbody > tr:not(.mob-table-head) > td {
    font-size: 14px;
    line-height: 17px;
  }

  .mob-table.table-with-title > tbody > tr:not(.expend-tr) > td:before,
  .mob-table.table-with-title > tbody > tr:not(.mob-table-head) > td:before {
    content: attr(data-th);
    font-weight: 700;
    color: #3f4855;
  }

  .mob-table.table-with-title > tbody > tr:not(.expend-tr) > td .input-group,
  .mob-table.table-with-title > tbody > tr:not(.expend-tr) > td .form-group,
  .mob-table.table-with-title > tbody > tr:not(.mob-table-head) > td .input-group,
  .mob-table.table-with-title > tbody > tr:not(.mob-table-head) > td .form-group {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .mob-table.table-with-checkbox tr {
    padding-left: 40px !important;
    position: relative;
  }

  .mob-table.table-with-checkbox tr td.td-checkbox {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    padding: 0 !important;
    width: auto !important;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
  }
}

@media (max-width : 767px) and (max-width : 599px) {
  .mob-table.table-with-checkbox tr td.td-checkbox {
    top: 10px;
    transform: inherit;
    -ms-transform: inherit;
    -webkit-transform: inherit;
    -o-transform: inherit;
    -moz-transform: inherit;
  }
}

@media (max-width : 767px) {
  .mob-table.table-with-checkbox tr td.td-checkbox .custom-checkbox {
    padding: 0;
  }

  .mob-table.table-with-checkbox tr td.td-checkbox .custom-checkbox .custom-control-label {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 10px;
    border: 2px solid #2961ff;
    background-color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
  }

  .mob-table.table-with-checkbox tr td.td-checkbox .custom-checkbox .custom-control-label:after {
    display: none !important;
  }

  .mob-table.table-with-checkbox tr td.td-checkbox .custom-checkbox .custom-control-label:before {
    content: "\f00c";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    border: none;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    background: transparent !important;
    width: auto;
    height: auto;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: 500ms;
    -webkit-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    -moz-transition: 500ms;
  }

  .mob-table.table-with-checkbox tr td.td-checkbox .custom-checkbox input:checked ~ .custom-control-label {
    background-color: #2961ff;
  }

  .mob-table.table-with-checkbox tr td.td-checkbox .custom-checkbox input:checked ~ .custom-control-label:before {
    opacity: 1;
    visibility: visible;
  }

  .mob-table.tr-toggle > tbody > tr:not(.expend-tr):not(.mob-table-head):not(.child-tr) {
    padding-right: 48px;
    position: relative;
  }

  .mob-table.tr-toggle > tbody > tr:not(.expend-tr):not(.mob-table-head):not(.child-tr) .td-btn {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    width: auto;
  }

  .mob-table.tr-toggle > tbody > tr:not(.expend-tr):not(.mob-table-head):not(.child-tr) .td-btn .table-expend-click {
    width: 32px;
    height: 32px;
    background-color: #2961ff;
  }

  .mob-table.tr-toggle > tbody > tr:not(.expend-tr):not(.mob-table-head):not(.child-tr) .td-btn .table-expend-click i {
    font-size: 14px;
    color: #fff;
  }

  .mob-table.sm-gap > tbody > tr:not(.expend-tr):not(.mob-table-head) {
    margin-top: 6px;
  }

  .mob-table.sm-gap > tbody > tr:not(.expend-tr):not(.mob-table-head):first-child {
    margin-top: 0;
  }

  .mob-table.xs-gap > tbody > tr:not(.expend-tr):not(.mob-table-head) {
    margin-top: 3px;
  }

  .mob-table.xs-gap > tbody > tr:not(.expend-tr):not(.mob-table-head):first-child {
    margin-top: 0;
  }
}

@media (max-width : 767px) and (min-width : 481px) {
  .mob-table.table-user-photo > tbody tr {
    padding-left: 100px !important;
    position: relative;
  }
}

@media (max-width : 767px) and (min-width : 481px) {
  .mob-table.table-user-photo > tbody tr > td.photo-td {
    display: block;
    position: absolute;
    top: 14px;
    left: 14px;
    width: auto !important;
    padding: 0 !important;
  }
}

@media (max-width : 767px) {
  .mob-table.table-user-photo > tbody tr > td.photo-td .u-circle-image {
    width: 76px;
    height: 76px;
  }
}

@media (max-width : 767px) and (max-width : 480px) {
  .mob-table.table-user-photo > tbody tr > td.photo-td {
    text-align: center;
  }

  .mob-table.table-user-photo > tbody tr > td.photo-td .u-circle-image {
    width: 100px;
    height: 100px;
  }
}

@media (max-width : 767px) and (min-width : 481px) {
  .mob-table.action-md-right > tbody > tr:not(.expend-tr):not(.mob-table-head) > td:not(.action-td):not([colspan]) {
    width: calc(100% - 110px);
  }

  .mob-table.action-md-right > tbody > tr:not(.expend-tr):not(.mob-table-head) > td.action-td {
    position: absolute;
    top: 50%;
    left: auto;
    right: 14px;
    width: auto;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
  }

  .mob-table.action-md-right.action-lg > tbody > tr:not(.expend-tr):not(.mob-table-head) > td:not(.action-td):not([colspan]) {
    width: calc(100% - 152px);
  }

  .mob-table.action-md-right.action-xl > tbody > tr:not(.expend-tr):not(.mob-table-head) > td:not(.action-td):not([colspan]) {
    width: calc(100% - 164px);
  }

  .mob-table.action-md-right.action-xs > tbody > tr:not(.expend-tr):not(.mob-table-head) > td:not(.action-td):not([colspan]) {
    width: calc(100% - 48px);
  }
}

@media (max-width : 767px) {
  .mob-table.upload-table-mob tbody {
    text-align: center;
  }

  .mob-table.upload-table-mob tbody tr td:first-child a {
    display: inline-block;
    vertical-align: top;
  }

  .mob-table.upload-table-mob tbody tr td .name {
    margin: 0;
    width: 100%;
  }
}

@media (max-width : 767px) {
  .template-table tbody tr td {
    text-align: center;
  }
}

.ui-tooltip.ui-widget.ui-widget-content {
  background-color: #353535 !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 17px !important;
  border: none;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  padding: 6px 8px;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

.c-search-area-c {
  display: block;
}

.c-search-area-c .c-search-area,
.c-search-area-c .c-search-area-scroll {
  display: block;
}

@media (min-width : 768px) {
  .c-search-area-c .c-search-area .c-search-right,
  .c-search-area-c .c-search-area-scroll .c-search-right {
    position: relative;
    padding-right: 70px;
  }

  .c-search-area-c .c-search-area .c-search-right .c-search-right-btn,
  .c-search-area-c .c-search-area-scroll .c-search-right .c-search-right-btn {
    display: block;
    position: absolute;
    bottom: 1rem;
    right: 0;
    width: auto;
  }

  .c-search-area-c .c-search-area .c-search-right .c-search-right-btn .btn,
  .c-search-area-c .c-search-area-scroll .c-search-right .c-search-right-btn .btn {
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

.c-search-area-c .c-search-area .c-search-row,
.c-search-area-c .c-search-area-scroll .c-search-row {
  display: flex;
  align-items: flex-start;
}

@media (max-width : 1023px) {
  .c-search-area-c .c-search-area .c-search-row,
  .c-search-area-c .c-search-area-scroll .c-search-row {
    flex-wrap: wrap;
  }
}

.c-search-area-c .c-search-area .c-search-row .colm-l,
.c-search-area-c .c-search-area-scroll .c-search-row .colm-l {
  display: block;
  float: left;
  flex: 1;
  padding: 0 5px;
}

.c-search-area-c .c-search-area .c-search-row .colm-l .row .colm,
.c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm {
  display: block;
  float: left;
  padding: 0 5px;
  max-width: 20%;
  flex: 0 0 20%;
}

.c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(4),
.c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(4) {
  max-width: 24%;
  flex: 0 0 24%;
}

.c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(5),
.c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(5) {
  max-width: 16%;
  flex: 0 0 16%;
}

@media (max-width : 767px) {
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm,
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(4),
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(5),
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(4),
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(5) {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:first-child,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:first-child {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:first-child .form-group,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:first-child .form-group {
    max-width: calc(50% - 5px);
  }
}

@media (max-width : 575px) {
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm,
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(4),
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(5),
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:first-child,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(4),
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(5),
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:first-child {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm .form-group,
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(4) .form-group,
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:nth-child(5) .form-group,
  .c-search-area-c .c-search-area .c-search-row .colm-l .row .colm:first-child .form-group,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm .form-group,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(4) .form-group,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:nth-child(5) .form-group,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-l .row .colm:first-child .form-group {
    max-width: 100%;
  }
}

.c-search-area-c .c-search-area .c-search-row .colm-r,
.c-search-area-c .c-search-area-scroll .c-search-row .colm-r {
  display: flex;
  padding: 31px 5px 0 5px;
}

.c-search-area-c .c-search-area .c-search-row .colm-r .btn:not(:first-child),
.c-search-area-c .c-search-area-scroll .c-search-row .colm-r .btn:not(:first-child) {
  margin-left: 6px;
}

@media (max-width : 1023px) {
  .c-search-area-c .c-search-area .c-search-row .colm-r,
  .c-search-area-c .c-search-area-scroll .c-search-row .colm-r {
    width: 100%;
    justify-content: flex-end;
    padding: 0 5px;
  }
}

@media (max-width : 767px) {
  .c-search-area-c {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 12;
    opacity: 0;
    visibility: hidden;
    transition: 800ms;
    -webkit-transition: 800ms;
    -ms-transition: 800ms;
    -o-transition: 800ms;
    -moz-transition: 800ms;
  }

  body.show-search .c-search-area-c {
    opacity: 1;
    visibility: visible;
  }

  .c-search-area-c .c-search-area {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    padding: 24px 0 16px 0;
    width: 680px;
    max-width: calc(100vw - 32px);
    height: auto;
  }
}

@media (max-width : 767px) and (max-width : 575px) {
  .c-search-area-c .c-search-area {
    width: 380px;
  }
}

@media (max-width : 767px) {
  .c-search-area-c .c-search-area .mob-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 1px;
    background: url(/images/cross.svg?5d50569dce0cab7cdc0948d12a131e5d) no-repeat center center;
    background-size: 14px auto;
    border: none;
    padding: 0;
    width: 28px;
    height: 20px;
  }

  .c-search-area-c .c-search-area .c-search-area-scroll {
    display: block;
    padding: 0 20px;
    overflow: auto;
    max-height: calc(100vh - 72px);
  }
}

.budget-row {
  display: flex;
  align-items: center;
}

.budget-row .budget-col {
  display: block;
  float: left;
  max-width: calc(50% - 10px);
  flex: 0 0 calc(50% - 10px);
}

.budget-row .budget-col:nth-child(2) {
  max-width: 20px;
  flex: 0 0 20px;
  padding: 0 !important;
  text-align: center;
}

.Page .navigation {
  display: flex;
  justify-content: space-between;
}

.pagination {
  margin: 0;
}

.pagination-total {
  padding: 0 5px 0 0 !important;
  align-self: center;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: #4e4e4e;
}

.form-hidden-area {
  display: none;
}

.page-loaded .page-spinner {
  visibility: hidden;
  opacity: 0;
}

.page-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  padding: 16px;
  opacity: 1;
  visibility: visible;
}

.page-spinner .spinner {
  width: 32px;
  height: 32px;
  display: block;
  position: relative;
  margin: 24px auto 0 auto;
}

.page-spinner .double-bounce1,
.page-spinner .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #2961ff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}

.page-spinner .double-bounce2 {
  animation-delay: -1s;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.pageSpin {
  display: block;
  width: 300px;
  max-width: 100%;
}

.pageSpin .icon {
  display: block;
  position: relative;
  width: 248px;
  margin: 0 auto;
  overflow: hidden;
}

.pageSpin .icon .color-box {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: hue;
  background-color: #2961ff;
}

.pageSpin .icon .color-input {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  border: none;
  outline: none;
  mix-blend-mode: hue;
}

.pageSpin .icon .loader-logo {
  display: block;
  width: 100%;
  height: auto;
}

.pageSpin .loader-progress {
  display: block;
  margin: 24px 0 0 0;
}

.pageSpin .loader-progress .progress-line {
  display: block;
  position: relative;
  width: 248px;
  max-width: 100%;
  height: 4px;
  background-color: rgba(0, 0, 0, 0.14);
  margin: 0 auto;
}

.pageSpin .loader-progress .progress-line .line {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #2961ff;
}

.pageSpin .txt {
  display: block;
  text-align: center;
  color: #5f5f5f;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin: 8px 0 0 0;
}

.app_configuration_modal .modal-dialog {
  max-width: 600px;
}

.config-c .config-head {
  display: flex;
}

.config-c .config-head .config-logo {
  display: block;
  float: left;
  text-align: center;
  width: 154px;
}

.config-c .config-head .config-logo img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%;
  height: auto;
}

.config-c .config-head .config-logo .nm {
  display: block;
  color: #414755;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding: 4px 0 0;
  margin: 0;
}

.config-c .config-head .config-logo .nm span {
  display: block;
  padding: 5px 8px;
  border: 1px solid #e0e0e0;
}

.config-c .config-head .config-info {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 0 24px;
}

.config-c .config-head .config-info .li {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #6d6d6d;
  padding: 14px 0 0 0;
}

.config-c .config-head .config-info .li a {
  text-decoration: underline;
  color: #6d6d6d;
}

.config-c .config-head .config-info .li a:hover {
  text-decoration: underline;
}

.config-c .config-head .config-info .li:first-child {
  padding: 0;
}

.config-c .config-head .config-info .li .tl {
  display: block;
  color: #3c3c3c;
  font-weight: 700;
  padding: 0 0 6px 0;
  font-size: 15px;
  line-height: 18px;
}

.config-c .config-head .config-info .li .desc {
  display: block;
  padding: 0;
  word-break: break-word;
}

.config-c .file-up {
  display: block;
  margin: 30px 0 16px 0;
}

.sm-tl {
  display: block;
  color: #414755;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 0;
  margin: 0 0 10px 0;
}

.sm-tl a {
  color: #2961ff;
}

.sm-tl a:hover {
  text-decoration: underline;
}

.sm-tl.xs {
  font-size: 13px;
  line-height: 15px;
}

.style-form-row {
  display: flex;
  flex-wrap: wrap;
}

.style-form-row .colm {
  display: block;
  float: left;
  width: 50%;
}

.style-form-row .colm:first-child {
  background-color: #fff;
  padding: 16px;
  border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -ms-border-radius: 6px 0 0 6px;
}

@media (max-width : 767px) {
  .style-form-row {
    flex-flow: column-reverse;
  }

  .style-form-row .colm {
    width: 100%;
  }

  .style-form-row .colm:first-child {
    padding: 40px 0 0 0;
  }
}

.form-style-c {
  display: block;
}

.form-style-c .form-style-list {
  display: block;
}

.form-style-c .form-style-list:not(:first-child) {
  margin: 10px 0 0 0;
}

.form-style-c .form-style-list .tl {
  display: block;
  background-color: #eef3f7;
  color: #222;
  font-size: 15px;
  line-height: 17px;
  font-weight: 500;
  padding: 8px 24px 8px 8px;
  cursor: pointer;
  position: relative;
}

.form-style-c .form-style-list .tl:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin: -6px 0 0 0;
  width: 12px;
  height: 12px;
  background: url(/images/down-arrow2.svg?511a6029b88a67f951b6567920710bb8) no-repeat center center;
  background-size: 100% auto;
}

.form-style-c .form-style-list.open .tl:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.form-style-c .form-style-list .collapse-c {
  padding: 14px 0;
  display: none;
}

.form-style-c .form-style-list.open .collapse-c {
  display: block;
}

.ui-tooltip-content .tl-desc {
  display: block;
}

.ui-tooltip-content .tl-desc .tl {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
}

.ui-tooltip-content .tl-desc p {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
}

.ui-tooltip-content .tl-desc p:not(:first-child) {
  margin: 3px 0 0 0;
}

.sec-loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.54);
  padding: 100px 0 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  min-height: 300px;
}

.sec-loader img {
  display: block;
  width: 40px;
  margin: 0 auto;
}

.actionFields .form-group:not(:last-child) {
  margin-bottom: 0.6rem;
}

.packageContainer {
  display: block;
}

.packageContainer .packageList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 48px 42px 36px 42px;
  border: 1px solid #ddd;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin: 24px 0 0 0;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}

.packageContainer .packageList .currentPlan {
  display: block;
  position: absolute;
  top: 19px;
  left: -29px;
  background-color: #08da35;
  width: 124px;
  text-align: center;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  padding: 6px 8px;
}

.packageContainer .packageList .leftSec {
  display: block;
  float: left;
  flex: 1;
  padding: 0 24px 0 0;
}

@media (max-width : 991px) {
  .packageContainer .packageList .leftSec {
    padding: 0;
    text-align: center;
  }
}

.packageContainer .packageList .rightSec {
  display: block;
  float: left;
  padding: 0 6px 0 48px;
  border-left: 1px solid #ddd;
  min-width: 234px;
}

@media (max-width : 991px) {
  .packageContainer .packageList .rightSec {
    border: none;
    width: 100%;
    padding: 20px 0 0 0;
  }
}

.packageContainer .packageList h2 {
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

.packageContainer .packageList .price {
  display: block;
  font-size: 34px;
  line-height: 38px;
  font-weight: 800;
  color: #3f51b5;
}

.packageContainer .packageList .price small {
  font-size: 62%;
}

.packageContainer .packageList .price .or {
  display: inline-flex;
  vertical-align: top;
}

@media (max-width : 639px) {
  .packageContainer .packageList .price .or {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0 12px 0;
  }
}

.packageContainer .packageList .price .or .txt {
  display: inline-flex;
  vertical-align: top;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0 16px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: #727171;
  border: 2px solid #b4b4b4;
}

.packageContainer .packageList p {
  display: block;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
  color: #797979;
}

.packageContainer .packageList ul {
  display: block;
  margin: 10px 0 0 0;
  padding: 0;
}

.packageContainer .packageList ul li {
  display: block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 600;
  margin: 8px 0 0 0;
  color: #797979;
}

.packageContainer .packageList ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #3f51b5;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.packageContainer .packageList .btns {
  display: block;
}

@media (max-width : 991px) {
  .packageContainer .packageList .btns {
    max-width: 220px;
    margin: 0 auto;
  }
}

.packageContainer .packageList .btns .btn {
  margin: 7px 0;
}

.packageContainer .packageList .btns .btn.btn-md {
  line-height: 1.4 !important;
  min-height: 32px;
}

.packageContainer .packageList .btns .stripe-button-el,
.packageContainer .packageList .btns .cash-button,
.packageContainer .packageList .btns .paypal-button {
  display: block;
  background: transparent;
  background-color: #009cde;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  padding: 8px 10px;
  width: 100%;
  margin: 10px 0 0 0;
}

.packageContainer .packageList .btns .stripe-button-el i,
.packageContainer .packageList .btns .cash-button i,
.packageContainer .packageList .btns .paypal-button i {
  font-size: 18px;
}

.packageContainer .packageList .btns .stripe-button-el.cash-button,
.packageContainer .packageList .btns .cash-button.cash-button,
.packageContainer .packageList .btns .paypal-button.cash-button {
  background-color: #28a745;
}

.packageContainer .packageList .btns .stripe-button-el.stripe-button-el,
.packageContainer .packageList .btns .cash-button.stripe-button-el,
.packageContainer .packageList .btns .paypal-button.stripe-button-el {
  background-color: #7460ee;
}

.packageContainer .packageList .btns .stripe-button-el.stripe-button-el span,
.packageContainer .packageList .btns .cash-button.stripe-button-el span,
.packageContainer .packageList .btns .paypal-button.stripe-button-el span {
  background: transparent;
  padding: 0;
  min-height: auto !important;
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-shadow: none;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
}

.packageContainer .packageList .btns .stripe-button-el.stripe-button-el span:before,
.packageContainer .packageList .btns .cash-button.stripe-button-el span:before,
.packageContainer .packageList .btns .paypal-button.stripe-button-el span:before {
  content: "\f09d";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  margin: 0 3px 0 0;
}

.c-pricebox {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  border: 1px solid #ddd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  text-align: center;
}

.c-pricebox .txt {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  padding: 18px 30px;
  background-color: #2659eb;
  border-radius: 24px 24px 0 0;
  -webkit-border-radius: 24px 24px 0 0;
  -moz-border-radius: 24px 24px 0 0;
  -ms-border-radius: 24px 24px 0 0;
}

.c-pricebox .prc-txt {
  display: block;
  padding: 30px;
  color: #666666;
  font-size: 22px;
  font-weight: 700;
}

.c-pricebox .prc-txt .prc {
  display: block;
  font-size: 34px;
  line-height: 38px;
  font-weight: 800;
  color: #3f51b5;
}

.c-pricebox .prc-txt .prc small {
  font-size: 62%;
  font-weight: 700;
}

.c-pricebox .qty-txt {
  display: flex;
  justify-content: center;
  color: #828282;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  padding: 0 30px 30px 30px;
}

.c-pricebox .qty-txt .qty {
  display: inline-flex;
  color: #5a5a5a;
  font-weight: 700;
  font-size: 18px;
}

.c-pricebox .qty-txt .qty span {
  display: block;
  float: left;
}

.up-logo-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background-color: #d4d4d4;
  border: 1px solid #edeff2;
  padding: 12px;
  min-height: 100%;
}

.up-logo-box img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.up-logo-box .del {
  display: block;
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  background-color: #fa6767;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  cursor: pointer;
  transition: 400ms;
  -webkit-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  -moz-transition: 400ms;
}

.up-logo-box .del:hover {
  color: #fff;
  background-color: #f74444;
}

.custom-uploader-cont {
  display: block;
  width: 284px;
  max-width: 100%;
}

.custom-uploader-cont .sm-t {
  display: block;
  color: #9098ac;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 6px 0 0 0;
  text-align: center;
}

.custom-uploader-area {
  display: block;
  position: relative;
  margin: 0 0 14px 0;
}

.custom-uploader-area .up-logo-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.custom-uploader-area .custom-uploader.thumb .upload-area {
  padding: 22px 16px;
}

.custom-uploader-area.square {
  padding-top: 100%;
}

.custom-uploader-area.square .custom-uploader {
  position: absolute;
  top: 0;
  left: 0;
}

.up-template-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border: 1px solid #edeff2;
  padding: 0;
  height: 174px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  position: relative;
}

.up-template-box img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.up-template-box .del {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fa6767;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  color: #fff;
  font-size: 15px;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer;
}

.up-template-box .del:hover {
  background-color: #f74444;
}

.template-preview-modal {
  padding: 0 !important;
}

.template-preview-modal .close {
  display: flex;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 18px;
  color: #fff;
  opacity: 1;
  text-shadow: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
  background-color: #ff0000;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.template-preview-modal .close .material-icons {
  font-size: 18px;
}

.template-preview-modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 !important;
}

.template-preview-modal .modal-dialog .modal-content {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #21282e;
}

.template-preview-modal .modal-dialog .modal-content .modal-body {
  display: block;
  padding: 0;
  position: relative;
}

.template-preview-modal .modal-dialog .modal-content .modal-body .preview {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: auto;
}

.template-preview-modal .modal-dialog .modal-content .modal-body .preview > img {
  display: block;
  width: 100%;
  height: auto;
}

.commission-txt {
  display: block;
}

.commission-txt:not(:first-child) {
  margin: 5px 0 0 0;
}

.commission-txt strong {
  font-size: 13px;
  color: #424242;
}

.total-value td {
  color: #313131;
  font-size: 18px;
  font-weight: 700;
  background-color: #f2f4fd;
  border: none;
}

.table-expend-click {
  display: block;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: #dce1ec;
  position: relative;
  border-radius: 100px !important;
  -webkit-border-radius: 100px !important;
  -moz-border-radius: 100px !important;
  -ms-border-radius: 100px !important;
  border: none !important;
  box-shadow: none !important;
  -ms-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -moz-box-shadow: none !important;
  outline: none !important;
  padding: 0;
  margin: -4px 0;
  cursor: pointer;
}

.table-expend-click i {
  font-size: 11px;
  line-height: 18px;
  margin: 0;
  display: block;
  color: #36373a;
}

.expend-tr > td {
  padding: 0 !important;
}

.expend-tr:not(.open) > td {
  border-color: transparent !important;
}

body table .expend-tr-parent {
  background-color: rgba(41, 97, 255, 0.2) !important;
}

body table .expend-tr-parent td:not(.nm) {
  color: #404040 !important;
}

body table .expend-tr-parent td .table-expend-click {
  background-color: #fff;
}

body table .expend-tr-parent td .table-expend-click .fa-plus:before {
  content: "\f068";
}

.commission-details {
  display: none;
  padding: 16px;
  background-color: #f1f4fb;
}

@media (max-width : 767px) {
  .commission-details {
    padding: 6px 0 0 0;
    background: transparent;
    border-bottom: 3px solid #2961ff;
  }
}

.commission-details .commission-box {
  padding: 16px;
  background-color: #fff;
}

@media (max-width : 767px) {
  .commission-details .commission-box {
    padding: 0;
  }
}

.commission-details .commission-box:not(:first-child) {
  margin: 20px 0 0 0;
}

.commission-details .commission-box .listing-table {
  background: transparent !important;
}

.commission-details .commission-box .listing-table tr td {
  border-width: 1px !important;
}

.calculation-box-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 4px 0 0 0;
  padding: 16px;
  background-color: #fff;
}

@media (max-width : 767px) {
  .calculation-box-c {
    margin: 20px 0 0 0;
  }
}

.calculation-box-c .calculation-box {
  display: block;
  width: 410px;
  max-width: 100%;
}

@media (max-width : 767px) {
  .calculation-box-c .calculation-box {
    width: 100%;
  }
}

.calculation-box-c .calculation-box .table {
  background: transparent;
  margin: 0;
}

.calculation-box-c .calculation-box .table tbody tr td {
  font-size: 15px;
  line-height: 18px;
  border-bottom: 1px dashed #d4d4d4;
  border-top: none;
  color: #686868;
}

@media (max-width : 767px) {
  .calculation-box-c .calculation-box .table tbody tr td {
    font-size: 14px;
    line-height: 16px;
  }
}

.calculation-box-c .calculation-box .table tbody tr td:last-child {
  text-align: right;
}

.calculation-box-c .calculation-box .table tbody tr td:first-child {
  white-space: initial;
}

.calculation-box-c .calculation-box .table tbody tr:first-child td {
  color: #404040;
  font-weight: 700;
}

.calculation-box-c .calculation-box .table tfoot tr td {
  border: none;
  color: #222;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

@media (max-width : 767px) {
  .calculation-box-c .calculation-box .table tfoot tr td {
    font-size: 17px;
    line-height: 21px;
  }
}

.calculation-box-c .calculation-box .table tfoot tr td:last-child {
  text-align: right;
}

.error-blocks {
  display: block;
  margin: 24px 0 0 0;
}

.error-blocks .tl {
  display: block;
  text-align: center;
  color: #ff3636;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  margin: 0 0 24px 0;
}

.error-blocks .error-list {
  display: block;
  text-align: center;
  background-color: rgba(255, 54, 54, 0.04);
  padding: 18px 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border: 1px solid #ffb0b0;
  margin: 14px 0 0 0;
}

.error-blocks .error-list h2 {
  display: block;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.error-blocks .error-list h3,
.error-blocks .error-list h6 {
  display: block;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #4c4c4c;
}

.error-blocks .error-list .txt {
  display: block;
  margin: 4px 0 0 0;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #545454;
}

.with-notify {
  display: block;
  position: relative;
  padding: 0 40px 0 0;
}

.with-notify .bell {
  display: block;
  position: absolute;
  top: 34px;
  right: 0;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0;
  padding: 0;
}

.with-notify .bell i {
  font-size: 22px;
  line-height: 24px;
  padding: 0;
  width: 30px;
  text-align: center;
}

.related-records {
  display: block;
  margin: 0 0 10px 0;
}

.related-records:not(:first-child) {
  margin: 10px 0 0 0;
}

.related-records .tl {
  display: block;
  color: #3d4556;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
  margin: 0 0 8px 0;
}

.related-records .info {
  display: flex;
  flex-wrap: wrap;
}

.related-records .info .info-tl {
  display: block;
  float: left;
  color: #3d4556;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin: 0 6px 0 0;
}

.related-records .info .badge {
  line-height: 15px !important;
}

.comment_modal .modal-dialog {
  max-width: 800px;
}

.graph-box {
  display: block;
}

.graph-footer {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
  justify-content: space-between;
  padding: 5px 0;
  border-top: 1px solid #ddd;
}

.graph-footer .txt {
  display: block;
  float: left;
  font-size: 13.5px;
  line-height: 15px;
  font-weight: 700;
  color: #464646;
  padding: 5px 10px 0 0;
}

.graph-footer .txt:last-child {
  padding-right: 0;
  padding-left: 10px;
}

.period-txt {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #404040;
}

.period-txt strong {
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  color: #000;
}

.target-row {
  display: flex;
}

.target-row .colm {
  display: block;
  float: left;
  width: calc(50% - 5px);
}

.target-row .colm:last-child {
  width: 100%;
  flex: 1;
}

.target-row .colm:last-child:not(:first-child) {
  padding: 0 0 0 10px;
}

.target-info {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  padding: 8px 6px;
  border: 1px solid #cdd3de;
}

.target-info:not(:first-child) {
  margin: 20px 0 0 0;
}

.meter-c {
  display: block;
}

.css-meter {
  display: block;
  position: relative;
}

.css-meter > img {
  display: block;
  width: 100%;
  height: auto;
}

.css-meter .hands {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -10px;
}

.css-meter .hands:before {
  content: "";
  display: block;
  background: url(/images/hands-circle.png?9fcf8455bc1dabbad419cf2619da24eb) no-repeat 0 0;
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  position: relative;
  z-index: 2;
  margin: 10px 0 0 0;
}

.css-meter .hands .line {
  content: "";
  display: block;
  background: url(/images/hands.png?ef66f199e7b663c45be646374d1e9e0f) no-repeat bottom center;
  width: 10px;
  height: 46px;
  background-size: auto 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  margin: 0 0 0 -5px;
  transition: transform 1s linear;
  transform-origin: bottom center;
  transform-style: preserve-3D;
  transform: rotate(-90deg);
}

.apiKeyContainer {
  display: block;
  max-width: 380px;
  margin: 30px auto 60px auto;
  text-align: center;
}

.apiKeyContainer .tl {
  display: block;
  color: #414755;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 13px;
}

.apiKeyContainer .txt {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}

.apiKeyContainer .txt .t {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  margin: 0 0 5px 0;
  color: #757575;
}

.apiKeyContainer .txt pre {
  margin: 0;
}

.call-btn-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.call-btn-area .call-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-width: 1px;
  min-height: 1px;
  height: 54px;
  width: 54px;
  padding: 0;
  font-size: 20px !important;
}

.call-btn-area .call-btn.call-end {
  font-size: 16px !important;
}

.call-btn-area .call-btn.call-end i {
  transform: rotate(136deg);
}

.modal-footer-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  border-top: 1px solid #ddd;
}

.modal-footer-links .colm {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.modal-footer-links .colm:not(:first-child) {
  border-left: 1px solid #ddd;
}

.modal-footer-links .colm a {
  display: block;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 500;
}

.modal-footer-links .colm a:hover {
  background-color: #f2f2f2;
  color: #000;
}

.call-progress-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  background-color: #f2f2f2;
}

.call-progress-c .call-time {
  display: block;
  float: left;
  padding: 5px 14px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #fff;
}

.call-progress-c .name {
  display: block;
  margin: 16px 0 0 0;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.call-progress-c .company {
  display: flex;
  flex-flow: row;
  margin: 8px 0 0 0;
}

.call-progress-c .company .flag-icon {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}

.call-progress-c .company .txt {
  display: block;
  float: left;
  color: #525252;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.g-active-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.g-active-status {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: center;
}

.g-active-status .icon {
  display: block;
  float: left;
}

.g-active-status .icon img {
  display: block;
  width: 68px;
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.8;
}

.g-active-status .icon.active img {
  filter: inherit;
  opacity: 1;
}

.g-active-status .links {
  display: flex;
  flex-wrap: wrap;
  margin: 14px 0 0 0;
  justify-content: center;
}

.g-active-status .links .link {
  display: block;
  float: left;
  color: #2961ff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.announcementAlerts {
  display: block;
}

.announcementAlerts .alert {
  margin-bottom: 0.5rem;
}

.announcementAlerts .alert:last-child {
  margin: 0;
}

.duration-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.duration-field .txt {
  display: block;
  float: left;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  margin: 0 24px 0 12px;
}

.duration-field .txt:last-child {
  margin-right: 0;
}

.duration-field .form-control {
  display: block;
  float: left;
  width: 60px;
  text-align: center;
}

.inline-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.inline-label .label {
  display: block;
  float: left;
  color: #414755;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.inline-label .label:not(:last-child) {
  padding: 0 10px 0 0;
}

.inline-label .field {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.account-profile-pic {
  display: block;
  max-width: 260px;
  margin: 0 auto;
}

.circle-wrap {
  --circleWrapSize: 46px;
  margin: 0 auto;
  width: var(--circleWrapSize);
  height: var(--circleWrapSize);
  background: #e6e2e7;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.circle-wrap:not(:first-child) {
  margin-top: 6px;
}

.circle-wrap .circle {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.circle-wrap .circle .mask.mask,
.circle-wrap .circle .fill.mask {
  clip: rect(0px, var(--circleWrapSize), var(--circleWrapSize), calc(var(--circleWrapSize) / 2));
}

.circle-wrap .circle .mask.mask .fill,
.circle-wrap .circle .fill.mask .fill {
  clip: rect(0px, calc(var(--circleWrapSize) / 2), var(--circleWrapSize), 0px);
  background-color: #28a745;
}

.circle-wrap .circle .inside-circle {
  width: calc(var(--circleWrapSize) - var(--circleWrapSize) / 6.5);
  height: calc(var(--circleWrapSize) - var(--circleWrapSize) / 6.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #28a745;
  font-size: calc(var(--circleWrapSize) / 4);
  line-height: calc(var(--circleWrapSize) / 2 + 4);
  font-weight: 700;
}

.circle-wrap .circle.warning .mask.mask .fill,
.circle-wrap .circle.warning .fill.mask .fill {
  background-color: #ff821c;
}

.circle-wrap .circle.warning .inside-circle {
  color: #ff821c;
}

.circle-wrap .circle.danger .mask.mask .fill,
.circle-wrap .circle.danger .fill.mask .fill {
  background-color: #f74444;
}

.circle-wrap .circle.danger .inside-circle {
  color: #f74444;
}

.circle-wrap.md {
  --circleWrapSize: 72px;
}

.new-map-view {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.new-map-view .map-panel {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
  padding: 8px;
}

@media (max-width : 767px) {
  .new-map-view .map-panel {
    display: none;
  }
}

.new-map-view .map-panel .property-map {
  display: flex;
  width: 100%;
}

.new-map-view .map-panel .property-map .p-map-img {
  width: 100%;
}

.new-map-view .map-panel .opportunitiesMap {
  height: 670px !important;
}

.new-map-view .property-panel {
  display: block;
  float: left;
  padding: 8px;
  width: 100%;
}

@media (min-width : 768px) {
  .new-map-view .property-panel {
    width: 33.3333333333%;
  }
}

@media (min-width : 1200px) {
  .new-map-view .property-panel {
    width: 600px;
  }
}

.new-map-view .property-panel .mapView-property {
  margin: 0;
}

.new-map-view .property-panel .propertyGridView {
  overflow: hidden;
}

.new-map-view .property-panel .propertyGridView .rw {
  margin: -8px;
}

.new-map-view .property-panel .propertyGridView .rw .colm {
  padding: 8px;
  width: 100%;
}

@media (min-width : 1200px) {
  .new-map-view .property-panel .propertyGridView .rw .colm {
    width: 50%;
  }
}

@media (max-width : 767px) {
  .new-map-view .property-panel .propertyGridView .rw .colm {
    width: 50%;
  }
}

@media (max-width : 575px) {
  .new-map-view .property-panel .propertyGridView .rw .colm {
    width: 100%;
  }
}

@media (min-width : 1200px) and (max-width : 1400px) {
  body:not(.smallSidebar) .new-map-view .property-panel {
    width: 320px;
  }

  body:not(.smallSidebar) .new-map-view .property-panel .propertyGridView .rw .colm {
    width: 100%;
  }
}

.slimScrollRail {
  z-index: 7 !important;
}

.slimScrollBar {
  z-index: 8 !important;
}

.info-data {
  display: block;
}

.info-data .info-data-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 8px 0;
}

.info-data .info-data-head h6 {
  margin: 0;
}

.info-data .info-data-head .progress-value {
  display: block;
  float: left;
  color: #2961ff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}

.info-data .progress {
  height: 6px;
}

.info-data .table tr td {
  color: #373838;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.info-data .table tr td:last-child {
  text-align: right;
}

.feedback-progress {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.feedback-progress:not(:first-child) {
  margin: 6px 0 0 0;
}

.feedback-progress .custom-checkbox,
.feedback-progress .tl {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 16px;
  width: 94px;
  min-height: 1px;
  margin: 0;
}

.feedback-progress .progress {
  flex: 1;
  float: left;
  height: 8px;
}

.feedback-progress .progress .progress-bar {
  background-color: #2961ff;
}

.feedback-progress .progress-value {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 16px;
  width: 44px;
  padding: 0 0 0 10px;
}

.qr-image {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 88px;
  height: auto;
}

.generated-c {
  display: block;
  border: 1px solid #edeff2;
  padding: 16px;
  margin: 28px 0 0 0;
}

.generated-c .form-group:last-child {
  margin-bottom: 0;
}

.msg-modal .modal-body {
  padding: 44px 22px;
  text-align: center;
}

.message-txt {
  width: 100%;
  display: block;
  font-size: 17px;
}

.qty-btn {
  cursor: pointer;
}

.qty-btn .form-control {
  display: flex;
  align-items: center;
  justify-content: center;
}

.qty-btn:hover .form-control {
  background-color: #2961ff;
  color: #fff;
}

.loc-search {
  display: block;
  position: relative;
}

.loc-search .loc-loader {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 100%;
  background: url(/images/ajax-loader.gif?90672f1deffccbcdf4f1be54ee7cd7ea) no-repeat center center;
  background-size: 26px auto;
  opacity: 0;
  visibility: hidden;
  transition: 500ms;
}

.loc-search .ui-autocomplete-loading ~ .loc-loader {
  opacity: 1;
  visibility: visible;
}

.email-details-preview {
  display: block;
  overflow: auto;
}

.copyToClip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #565656;
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  padding: 3px 4px;
  cursor: pointer;
}

.creationSteps,
.basic-info.basic-info-new,
.activeStatus .li,
.gray-box.white-box,
.white-box.white-box,
.info-box-3,
.dealsViewHead {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
}

.basic-info.basic-info-new .head,
.gray-box.white-box > .head,
.white-box.white-box > .head {
  border-radius: 10px 10px 0 0 !important;
  -webkit-border-radius: 10px 10px 0 0 !important;
  -moz-border-radius: 10px 10px 0 0 !important;
  -ms-border-radius: 10px 10px 0 0 !important;
}

.modal-content {
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  -ms-border-radius: 20px !important;
}

.modal-header {
  border-radius: 20px 20px 0 0 !important;
  -webkit-border-radius: 20px 20px 0 0 !important;
  -moz-border-radius: 20px 20px 0 0 !important;
  -ms-border-radius: 20px 20px 0 0 !important;
}

.inside-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.inside-header .inside-head-box {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  border: 1px solid #cfcfcf;
  color: #3f51b5;
  font-size: 46px;
  line-height: 1;
  font-weight: 800;
  background-color: rgba(63, 81, 181, 0.02);
}

.inside-header .inside-head-data {
  display: block;
  float: left;
  padding: 0 0 0 32px;
  width: 100%;
  flex: 1;
}

.inside-header .inside-head-data h2 {
  display: block;
  font-size: 22px;
  line-height: 26px;
  margin: 0;
}

.inside-header .inside-head-data p {
  margin: 12px 0 0 0;
}

.ai-info-accordion:not(:first-child) {
  margin-top: 30px;
}

.ai-info-accordion p:last-child {
  margin-bottom: 0;
}

.ai-info-accordion .accordion-list {
  display: block;
}

.ai-info-accordion .accordion-list:not(:last-child) {
  margin-bottom: 10px;
}

.ai-info-accordion .accordion-list .data-head {
  display: block;
  position: relative;
}

.ai-info-accordion .accordion-list .data-head .tl {
  display: flex;
  flex-wrap: wrap;
  color: #2961ff;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
  padding: 10px 86px 10px 38px;
  background-color: rgba(103, 58, 183, 0.1);
  border-radius: 8px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  -ms-border-radius: 8px !important;
}

.ai-info-accordion .accordion-list .data-head .tl:before {
  content: "\f107";
  font-size: 15px;
  line-height: 16px;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  color: #2961ff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -ms-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -webkit-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -o-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  -moz-box-shadow: 0 0 2px 2px rgba(41, 97, 255, 0.2);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  background-color: #fff;
  cursor: pointer;
}

.ai-info-accordion .accordion-list .data-head .tl[aria-expanded=true] {
  border-radius: 8px 8px 0 0 !important;
  -webkit-border-radius: 8px 8px 0 0 !important;
  -moz-border-radius: 8px 8px 0 0 !important;
  -ms-border-radius: 8px 8px 0 0 !important;
}

.ai-info-accordion .accordion-list .data-head .tl[aria-expanded=true]:before {
  transform: translate(0, -50%) rotate(-180deg);
  -ms-transform: translate(0, -50%) rotate(-180deg);
  -webkit-transform: translate(0, -50%) rotate(-180deg);
  -o-transform: translate(0, -50%) rotate(-180deg);
  -moz-transform: translate(0, -50%) rotate(-180deg);
}

.ai-info-accordion .accordion-list .data-head .btn {
  position: absolute;
  top: 10px;
  right: 10px;
}

.ai-info-accordion .accordion-list .data-body {
  padding: 16px;
  border: 1px solid;
  border-color: rgba(103, 58, 183, 0.1);
  border-radius: 0 0 8px 8px !important;
  -webkit-border-radius: 0 0 8px 8px !important;
  -moz-border-radius: 0 0 8px 8px !important;
  -ms-border-radius: 0 0 8px 8px !important;
}

.custom-list {
  display: flex;
  flex-flow: column;
  padding: 0;
}

.custom-list li {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  padding: 0 0 0 15px;
  margin: 12px 0 0 0;
}

.custom-list li:first-child {
  margin: 0;
}

.custom-list li a {
  display: inline-flex;
  color: #6c6c6c;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

.custom-list li a:hover {
  color: #2961ff;
}

.custom-list li a.add {
  color: #2961ff;
  margin: 1px 0 -1px 6px;
  position: relative;
}

.custom-list li a.add:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  width: 0px;
  height: 0px;
  border: 1px solid #2961ff;
  opacity: 0;
}

.custom-list li a.add i {
  position: relative;
  z-index: 1;
}

.custom-list li a.add:hover:before {
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  opacity: 1;
}

.custom-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 8px;
  border: 2px solid #2961ff;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

@media (max-width : 1023px) {
  .hide-from-tab {
    display: none !important;
  }
}

@media (max-width : 767px) {
  .desktop-only {
    display: none !important;
  }
}

@media (min-width : 768px) {
  .mobile-only {
    display: none !important;
  }
}

.m-peview {
  display: block;
}

.m-peview .m-page-head {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 14px 16px;
  align-items: center;
}

.m-peview .m-page-head .tl {
  display: block;
  float: left;
  color: #3f4855;
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
}

.m-peview .m-page-head .head-right {
  display: block;
  float: left;
  margin-left: auto;
}

@media (max-width : 767px) {
  .m-peview .m-page-head .tl {
    font-size: 18px;
    line-height: 22px;
  }
}

.m-peview input[type=text],
.m-peview input[type=email],
.m-peview input[type=password],
.m-peview input[type=password] {
  box-shadow: none !important;
  outline: none !important;
}

.m-peview .m-search {
  display: block;
  position: relative;
}

.m-peview .m-search .srchBtn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 100%;
  background: url(/images/search.svg?af0a49a16e5668a374dc428cdfcbe1a3) no-repeat center center;
  background-size: 18px auto;
  border: none;
  box-shadow: none;
  outline: none;
  z-index: 2;
}

.m-peview .m-search .field {
  display: block;
  width: 100%;
  height: 40px;
  padding: 10px 16px 10px 36px;
  border: none;
  border-bottom: 2px solid #2961ff;
  background-color: transparent;
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  position: relative;
  z-index: 1;
}

.m-peview .m-search .field::-moz-placeholder {
  color: #b3c3db;
}

.m-peview .m-search .field::placeholder {
  color: #b3c3db;
}

.m-peview .m-search.with-no {
  position: relative;
}

.m-peview .m-search.with-no .field {
  padding-right: 100px;
}

.m-peview .m-search.with-no .no {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  width: 100px;
  text-align: right;
  color: #9dafca;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}

.m-peview .m-action-set {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}

.m-peview .m-action-set .li {
  display: block;
  float: left;
  padding: 4px;
}

.m-peview .m-action-set .float-right {
  float: none;
  margin-left: auto;
}

@media (max-width : 767px) {
  .m-peview .m-action-set .m-pagination {
    margin-top: 4px !important;
  }
}

.m-peview .m-badge {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 12px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.m-peview .m-badge.m-badge-success {
  color: #43d59f;
  background-color: rgba(67, 213, 159, 0.1);
}

.m-peview .m-badge.m-badge-danger {
  color: #ff6c6c;
  background-color: rgba(255, 108, 108, 0.1);
}

.m-peview .m-check {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  position: relative;
}

.m-peview .m-check input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.m-peview .m-check input:checked ~ .ico {
  background-color: #2961ff;
}

.m-peview .m-check input:checked ~ .ico i {
  opacity: 1;
  visibility: visible;
}

.m-peview .m-check .ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  border: 2px solid #2961ff;
  background-color: #fff;
  position: relative;
}

.m-peview .m-check .ico i {
  display: block;
  opacity: 0;
  visibility: hidden;
  color: #fff;
}

.m-peview .m-white-box {
  display: block;
  background-color: #fff;
  margin: 16px 0 0 0;
}

.m-peview .m-white-box:first-child {
  margin: 0;
}

.m-peview .m-white-box .m-list-data .m-list {
  background: transparent;
}

.m-peview .m-list-data {
  display: block;
}

.m-peview .m-list-data .m-list {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 24px;
  background-color: #fff;
  border-bottom: 1px solid #f0f4fa;
}

@media (max-width : 767px) {
  .m-peview .m-list-data .m-list {
    padding: 14px 16px;
  }
}

.m-peview .m-list-data .m-list:last-child {
  border: none;
}

.m-peview .m-list-data .m-list .collapse-box {
  width: 32px;
}

.m-peview .m-list-data .m-list .collapse-box:not(:last-child) {
  margin: 0 10px 0 0;
}

.m-peview .m-list-data .m-list .list-select {
  display: block;
  float: left;
  width: 24px;
}

@media (max-width : 599px) {
  .m-peview .m-list-data .m-list .list-select {
    padding-top: 2px !important;
  }
}

.m-peview .m-list-data .m-list .image {
  display: block;
  float: left;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  overflow: hidden;
}

.m-peview .m-list-data .m-list .image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.m-peview .m-list-data .m-list .details {
  display: block;
  float: left;
  flex: 1;
  padding: 0 0 0 16px;
}

@media (max-width : 767px) {
  .m-peview .m-list-data .m-list .details {
    padding-left: 12px;
  }
}

.m-peview .m-list-data .m-list .details:first-child {
  padding-left: 0;
}

@media (max-width : 599px) {
  .m-peview .m-list-data .m-list .details:not(.no-break) {
    flex: auto;
    width: 100%;
    padding: 8px 0 0 0;
  }
}

.m-peview .m-list-data .m-list .tl {
  display: flex;
  flex-wrap: wrap;
}

.m-peview .m-list-data .m-list .tl .nm {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 16px 0 0;
  flex: 1;
}

.m-peview .m-list-data .m-list .tl .nm:last-child {
  padding-right: 0;
}

.m-peview .m-list-data .m-list .tl .nm .n {
  display: inline;
  vertical-align: top;
  color: #3f4855;
  font-size: 17px;
  line-height: 21px;
  font-weight: 700;
  padding: 0 10px 0 0;
}

.m-peview .m-list-data .m-list .tl .nm .n:last-child {
  padding-right: 0;
}

@media (max-width : 599px) {
  .m-peview .m-list-data .m-list .tl .nm .n {
    font-size: 16px;
    line-height: 20px;
  }
}

.m-peview .m-list-data .m-list .tl .nm a.n:hover {
  color: #2961ff;
  text-decoration: none;
}

.m-peview .m-list-data .m-list .tl .nm .nm-left {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.m-peview .m-list-data .m-list .tl .nm .nm-left:not(:last-child) {
  padding-right: 10px;
}

.m-peview .m-list-data .m-list .tl .nm .nm-left .n {
  padding: 0;
}

.m-peview .m-list-data .m-list .tl .nm .nm-left .badge {
  font-size: 10px;
  line-height: 12px !important;
}

.m-peview .m-list-data .m-list .tl .nm .nm-right {
  display: block;
  float: left;
  width: 100px;
  align-self: center;
}

.m-peview .m-list-data .m-list .tl .txt-strong {
  display: block;
  color: #222;
  font-size: 15px;
  line-height: 17px;
  font-weight: 800;
}

.m-peview .m-list-data .m-list .tl .dt {
  display: block;
  color: #7f7f7f;
  font-size: 12px;
  line-height: 14px;
  margin: 0;
  font-weight: 600;
}

@media (min-width : 768px) {
  .m-peview .m-list-data .m-list .tl.lg .nm .n {
    font-size: 20px;
    line-height: 24px;
  }
}

.m-peview .m-list-data .m-list .tl.sm .nm .n {
  font-size: 14px;
  line-height: 24px;
}

.m-peview .m-list-data .m-list .tl .score-list {
  margin: -2px 0 0 0;
  padding: 0 10px 0 0;
}

.m-peview .m-list-data .m-list .tl .tl-right {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
}

.m-peview .m-list-data .m-list .tl .prc {
  display: block;
  float: left;
  color: #000;
  font-size: 19px;
  line-height: 21px;
  font-weight: 700;
}

.m-peview .m-list-data .m-list .de-loc-cont {
  display: flex;
  flex-wrap: wrap;
  margin: 6px 0 0 0;
}

.m-peview .m-list-data .m-list .de-loc-cont .loc {
  display: block;
  float: left;
  padding: 0 16px 0 18px;
  position: relative;
  color: #898a93;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  flex: 1;
}

.m-peview .m-list-data .m-list .de-loc-cont .loc i {
  display: block;
  color: #455eea;
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 16px;
}

.m-peview .m-list-data .m-list .de-loc-cont .info {
  display: block;
  float: left;
  color: #898a93;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  margin: 0 10px 0 0;
}

.m-peview .m-list-data .m-list .de-loc-cont .info:last-child {
  margin-right: 0;
}

.m-peview .m-list-data .m-list .de-loc-cont .info span {
  color: #38393d;
  font-weight: 700;
}

.m-peview .m-list-data .m-list .de-loc-cont .info.float-right {
  margin-left: auto;
}

.m-peview .m-list-data .m-list .de-loc-cont .tm {
  display: block;
  float: left;
  margin-left: auto;
  color: #898a93;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

.m-peview .m-list-data .m-list .score-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 6px 0 0 0;
}

.m-peview .m-list-data .m-list .score-list .li {
  display: block;
  float: left;
  margin: 3px 6px 3px 0;
  color: #9dafca;
  font-size: 12.3px;
  line-height: 17px;
  background-color: #f0f4fa;
  padding: 4px 14px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}

.m-peview .m-list-data .m-list .score-list .li strong {
  color: #3f4855;
  font-weight: 700;
}

.m-peview .m-list-data .m-list .score-list .li.prc {
  background-color: #d4dfff;
  color: #232327;
  font-size: 14.5px;
  font-weight: 700;
}

.m-peview .m-list-data .m-list .info-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 9px 0 0 0;
}

.m-peview .m-list-data .m-list .info-list .loc-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
  margin: 0 10px 0 0;
}

.m-peview .m-list-data .m-list .info-list .loc-name .loc {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 14px;
  background-color: rgba(69, 94, 234, 0.1);
  color: #455eea;
  padding: 3px 8px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  margin: 0 0 0 4px;
}

.m-peview .m-list-data .m-list .info-list .type {
  display: flex;
  flex-wrap: wrap;
  color: #898a93;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

.m-peview .m-list-data .m-list .info-list .type span {
  color: #38393d;
  font-weight: 700;
}

.m-peview .m-list-data .m-list .btns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2px;
  margin-right: -2px;
}

.m-peview .m-list-data .m-list .btns .btn {
  display: block;
  float: left;
  margin: 2px;
}

.m-peview .m-list-data .m-list .btns:not(:first-child) {
  margin-top: 6px;
}

.m-peview .m-list-data.with-gap .m-list:not(:first-child) {
  margin-top: 10px;
}

.m-peview .m-list-data .m-parent-child {
  display: block;
  width: 100%;
}

.m-peview .m-list-data .m-parent-child .m-parent-c {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 24px;
}

@media (max-width : 767px) {
  .m-peview .m-list-data .m-parent-child .m-parent-c {
    padding: 10px 14px;
  }
}

.m-peview .m-list-data .m-parent-child .m-parent-c .details-p {
  display: flex;
  float: left;
  flex-wrap: wrap;
  width: 100%;
  flex: 1;
}

.m-peview .m-list-data .m-parent-child .m-parent-c .details-p:not(:first-child) {
  padding-left: 16px;
}

.m-peview .m-list-data .m-parent-child .m-parent-c .details-p:not(:last-child) {
  padding-right: 16px;
}

.m-peview .m-list-data .m-parent-child .m-parent-c .details-c {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.m-peview .m-list-data .m-parent-child .m-parent-c .details-c:not(:first-child) {
  padding-left: 16px;
}

@media (min-width : 600px) {
  .m-peview .m-list-data .m-parent-child .m-parent-c .details-c:not(:last-child) {
    padding-right: 16px;
  }
}

.m-peview .m-list-data .m-parent-child .m-parent-c .action-panel {
  display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 0 -3px;
}

@media (max-width : 480px) {
  .m-peview .m-list-data .m-parent-child .m-parent-c .action-panel {
    width: 100%;
    margin-top: 10px;
  }
}

.m-peview .m-list-data .m-parent-child .m-parent-c .collapse-box + .details-p {
  padding-left: 0;
}

.m-peview .m-list-data .m-parent-child .m-child-c {
  display: none;
  border-top: 3px solid #f0f4fa;
}

.m-peview .m-list-data .m-parent-child .m-child-c .m-child-list {
  display: block;
}

.m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c {
  display: flex;
  flex-wrap: wrap;
  padding: 14px 24px;
  align-items: center;
  border-top: 2px solid #f0f4fa;
}

@media (max-width : 599px) {
  .m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c {
    padding: 12px 14px;
  }
}

.m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c .details-c {
  display: block;
  float: left;
  width: 100%;
  flex: 1;
}

.m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c .details-c:not(:first-child) {
  padding-left: 16px;
}

@media (min-width : 481px) {
  .m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c .details-c:not(:last-child) {
    padding-right: 16px;
  }
}

.m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c .action-panel {
  display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 0 -3px;
}

@media (max-width : 480px) {
  .m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .list-c .action-panel {
    width: 100%;
    margin: 10px 0 0 0;
  }
}

.m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .m-child-list .list-c {
  padding-left: 48px;
}

@media (max-width : 599px) {
  .m-peview .m-list-data .m-parent-child .m-child-c .m-child-list .m-child-list .list-c {
    padding-left: 38px;
  }
}

.m-peview .m-list-data .m-list-child {
  display: none;
  border-bottom: 16px solid #eef3f7;
}

@media (max-width : 599px) {
  .m-peview .m-list-data .m-list-child .m-list .collapse-box {
    display: none;
  }

  .m-peview .m-list-data .m-list-child .m-list .details {
    padding: 0;
  }
}

.m-border-btn {
  display: inline-block;
  vertical-align: top;
  background: transparent;
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  border: 1px solid #ced5e1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  padding: 9px 10px;
  margin: 0 6px 0 0;
  text-align: center;
  outline: none !important;
  box-shadow: none !important;
}

.m-border-btn:last-child {
  margin-right: 0;
}

@media (max-width : 767px) {
  .m-border-btn {
    font-size: 0px;
    padding: 0;
    width: 34px;
    height: 34px;
    min-width: 1px;
    border: none;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1) !important;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
  }

  .m-border-btn i {
    font-size: 16px;
  }

  .m-border-btn i,
  .m-border-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    margin: 0;
  }
}

@media (max-width : 599px) {
  .m-border-btn {
    width: 26px;
    height: 26px;
  }

  .m-border-btn i {
    font-size: 12px;
  }

  .m-border-btn img {
    height: 13px !important;
  }
}

.m-border-btn:last-child {
  margin-right: 0;
}

.m-border-btn img {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: auto;
  margin: 0 4px 0 0;
}

.m-border-btn.sm {
  font-size: 12px;
  line-height: 14px;
  padding: 6px 14px;
  min-width: 78px;
}

.m-border-btn.sm i {
  font-size: 11px;
}

.m-border-btn:hover,
.m-border-btn.active {
  background-color: #2961ff;
  border-color: #2961ff;
  color: #fff;
}

.m-border-btn:hover img,
.m-border-btn.active img {
  filter: brightness(0) invert(1);
}

.m-border-btn.m-border-btn-warning:hover,
.m-border-btn.m-border-btn-warning.active,
.m-border-btn.m-border-btn-secondary:hover,
.m-border-btn.m-border-btn-secondary.active,
.m-border-btn.m-border-btn-info:hover,
.m-border-btn.m-border-btn-info.active,
.m-border-btn.m-border-btn-danger:hover,
.m-border-btn.m-border-btn-danger.active,
.m-border-btn.m-border-btn-success:hover,
.m-border-btn.m-border-btn-success.active,
.m-border-btn.m-border-btn-dark:hover,
.m-border-btn.m-border-btn-dark.active {
  background-color: #ff821c;
  border-color: #ff821c;
  color: #fff;
}

.m-border-btn.m-border-btn-warning:hover img,
.m-border-btn.m-border-btn-warning.active img,
.m-border-btn.m-border-btn-secondary:hover img,
.m-border-btn.m-border-btn-secondary.active img,
.m-border-btn.m-border-btn-info:hover img,
.m-border-btn.m-border-btn-info.active img,
.m-border-btn.m-border-btn-danger:hover img,
.m-border-btn.m-border-btn-danger.active img,
.m-border-btn.m-border-btn-success:hover img,
.m-border-btn.m-border-btn-success.active img,
.m-border-btn.m-border-btn-dark:hover img,
.m-border-btn.m-border-btn-dark.active img {
  filter: brightness(0) invert(1);
}

.m-border-btn.m-border-btn-success:hover,
.m-border-btn.m-border-btn-success.active {
  background-color: #43d59f;
  border-color: #43d59f;
}

.m-border-btn.m-border-btn-danger:hover,
.m-border-btn.m-border-btn-danger.active {
  background-color: #ff6c6c;
  border-color: #ff6c6c;
}

.m-border-btn.m-border-btn-info:hover,
.m-border-btn.m-border-btn-info.active {
  background-color: #7460ee;
  border-color: #7460ee;
}

.m-border-btn.m-border-btn-secondary:hover,
.m-border-btn.m-border-btn-secondary.active {
  background-color: #00a27c;
  border-color: #00a27c;
}

.m-border-btn.m-border-btn-dark:hover,
.m-border-btn.m-border-btn-dark.active {
  background-color: #343a40;
  border-color: #343a40;
}

.m-circle-btn {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
  width: 28px;
  height: 28px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  position: relative;
  font-size: 13px;
}

@media (max-width : 599px) {
  .m-circle-btn {
    width: 26px;
    height: 26px;
    font-size: 12px;
  }
}

.m-circle-btn i,
.m-circle-btn img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.dash-btn {
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  border: 1px dashed #c1c9d6;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  position: relative;
}

.dash-btn i,
.dash-btn img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 12px;
  height: auto;
}

.dash-btn:hover {
  background-color: #2961ff;
  border-color: #fff;
  color: #fff;
}

.dash-btn:hover img {
  filter: brightness(0) invert(1);
}

.m-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.m-pagination .txt {
  display: block;
  float: left;
  flex: 1;
  font-size: 15px;
  line-height: 19px;
  font-weight: 500;
  align-self: flex-end;
}

.m-pagination .m-pagination-l {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 10px 0 0;
  flex: 1;
}

.m-pagination .m-pagination-l .list-number-select:not(:last-child) {
  margin-right: 10px;
}

.m-pagination .m-pagination-l .list-number-select .form-control {
  width: 80px;
}

.m-pagination .m-pagination-l .txt {
  margin-left: auto;
  align-self: inherit;
  flex: none;
}

.m-pagination .paginate {
  display: block;
  float: left;
  margin: 0 0 0 auto;
  padding: 0;
}

.m-pagination .paginate li {
  display: block;
  float: left;
  padding: 0 3px;
}

.m-pagination .paginate li:last-child {
  border: none;
}

.m-pagination .paginate li a,
.m-pagination .paginate li .page-link {
  display: block;
  color: #525252;
  text-decoration: none;
  background-color: #ffffff;
  border-color: #dee2e6;
  font-size: 14px;
  line-height: 30px;
  font-weight: 500;
  padding: 0 4px;
  min-width: 30px;
  text-align: center;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}

.m-pagination .paginate li a.active,
.m-pagination .paginate li .page-link.active {
  color: #fff;
  background-color: #2961ff;
}

.m-pagination .paginate li a i,
.m-pagination .paginate li .page-link i {
  font-size: 11px;
}

@media (max-width : 767px) {
  .m-pagination .paginate li a,
  .m-pagination .paginate li .page-link {
    min-width: 34px;
    line-height: 34px;
  }

  .m-pagination .paginate li a i,
  .m-pagination .paginate li .page-link i {
    font-size: 12px;
  }
}

@media (max-width : 599px) {
  .m-pagination .paginate li a,
  .m-pagination .paginate li .page-link {
    min-width: 26px;
    line-height: 26px;
  }

  .m-pagination .paginate li a i,
  .m-pagination .paginate li .page-link i {
    font-size: 12px;
  }
}

.m-pagination .paginate li.disabled a {
  cursor: not-allowed;
  opacity: 0.5;
}

.m-pagination .paginate li:not(.disabled) a:not(.active):hover {
  color: #2961ff;
  text-decoration: none;
}

.wh-box .m-peview .m-list-data .m-list {
  position: relative;
  background: transparent;
}

.wh-box .m-peview .m-list-data .m-list .list-select {
  width: 16px;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 0 !important;
}

.wh-box .m-peview .m-list-data .m-list .list-select + .details {
  padding: 0 0 0 22px;
}

.wh-box .m-peview .m-list-data .m-list .details {
  padding: 0;
}

.wh-box .m-peview .m-list-data .m-list .tl .nm {
  padding-right: 10px;
}

.wh-box .m-peview .m-list-data .m-list .tl .nm .n {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 17px;
}

.wh-box .m-peview .m-list-data .m-list .tl .nm .badge {
  vertical-align: top;
}

.wh-box .m-peview .m-check .ico {
  height: 16px;
  width: 16px;
  font-size: 8px;
}

.wh-box .m-peview .m-circle-btn {
  height: 22px;
  width: 22px;
  font-size: 10px;
}

.wh-box .m-peview .m-border-btn {
  font-size: 13px;
  padding: 5px 8px;
  min-width: 82px;
  height: auto;
}

.wh-box .m-peview .m-border-btn img {
  height: 14px;
  position: static;
  transform: inherit;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box,
.m-peview .m-list-data .collapse-box {
  display: flex;
  float: left;
  height: 100%;
  align-items: center;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box .ico,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box .ico,
.m-peview .m-list-data .collapse-box .ico {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  background-color: #f6f9fb;
  border: 1px solid #eeeeee;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  cursor: pointer;
  position: relative;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box .ico:before,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box .ico:before,
.m-peview .m-list-data .collapse-box .ico:before,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box .ico:after,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box .ico:after,
.m-peview .m-list-data .collapse-box .ico:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  background: url(/images/down-arrow2.svg?511a6029b88a67f951b6567920710bb8) no-repeat center center;
  background-size: 12px auto;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box .ico:after,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box .ico:after,
.m-peview .m-list-data .collapse-box .ico:after {
  opacity: 0;
  visibility: hidden;
  background: url(/images/down-arrow2-wh.svg?ed629bb1b28107fef0baaaec67bf4ab7) no-repeat center center;
  background-size: 12px auto;
}

@media (max-width : 767px) {
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr .collapse-box .ico,
  .table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr .collapse-box .ico,
  .m-peview .m-list-data .collapse-box .ico {
    width: 28px;
    height: 28px;
    background-size: 10px auto;
  }
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.open .collapse-box .ico,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.open .collapse-box .ico,
.m-peview .m-list-data .m-list.open .collapse-box .ico,
.m-peview .m-list-data .m-parent-child.open .m-parent-c .collapse-box .ico {
  background-color: #2961ff;
  border-color: #2961ff;
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.open .collapse-box .ico:before,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.open .collapse-box .ico:before,
.m-peview .m-list-data .m-list.open .collapse-box .ico:before,
.m-peview .m-list-data .m-parent-child.open .m-parent-c .collapse-box .ico:before {
  opacity: 0;
  visibility: hidden;
}

.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tbody tr.open .collapse-box .ico:after,
.table.design-table.with-sublist:not(.opportunities-table):not(.account-table):not(.deals-list-table) tfoot tr.open .collapse-box .ico:after,
.m-peview .m-list-data .m-list.open .collapse-box .ico:after,
.m-peview .m-list-data .m-parent-child.open .m-parent-c .collapse-box .ico:after {
  opacity: 1;
  visibility: visible;
}