// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } {"id":163839,"date":"2026-06-30T05:05:44","date_gmt":"2026-06-30T03:05:44","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=163839"},"modified":"2026-06-30T08:49:58","modified_gmt":"2026-06-30T06:49:58","slug":"the-ultimate-guide-to-casinojoy-online-platform-4","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2026\/06\/30\/the-ultimate-guide-to-casinojoy-online-platform-4\/","title":{"rendered":"The Ultimate Guide to CasinoJoy Online Platform"},"content":{"rendered":"
<\/div>\n

Welcome to the thrilling universe of CasinoJoy Online Platform CasinoJoy online casino<\/a>! Whether you are a seasoned player or a curious newcomer, understanding the various aspects of this vibrant online platform is essential to enhance your gaming experience. This article navigates through CasinoJoy, highlighting its features, game offerings, bonuses, security measures, and customer support to help you get the most out of your journey.<\/p>\n

Overview of CasinoJoy<\/h2>\n

CasinoJoy is an online gaming platform that aims to provide a joyful and convenient gaming experience. Launched in recent years, it has quickly gained popularity among players, thanks to its extensive library of games and generous bonuses. The platform is licensed and regulated, ensuring fair play and safety for all users. With a friendly interface and seamless navigation, players can easily find their favorite games with just a few clicks.<\/p>\n

Extensive Game Library<\/h2>\n

One of the standout features of CasinoJoy is its incredible selection of games. The platform hosts a wide range of options, including:<\/p>\n

<\/div>\n
    \n
  • Online Slots:<\/strong> A fantastic array of video slots with stunning graphics and immersive themes. Popular titles include Mega Moolah, Book of Dead, and Starburst.<\/li>\n
  • Table Games:<\/strong> Fans of classic casino games can enjoy various versions of roulette, blackjack, and baccarat. Live dealer games add an interactive dimension, allowing players to connect with real dealers in real-time.<\/li>\n
  • Jackpot Games:<\/strong> For those chasing life-changing wins, the jackpot section offers progressive games where the prize pools grow with every wager placed.<\/li>\n<\/ul>\n

    Bonuses and Promotions<\/h2>\n

    CasinoJoy recognizes the importance of bonuses in attracting and retaining players. Upon signing up, new players can take advantage of an enticing welcome bonus that typically includes a match on their first few deposits and free spins on selected slots. Additionally, the platform runs regular promotions, including reload bonuses, cashback offers, and thrilling tournaments, ensuring that players always feel valued.<\/p>\n