//
// 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);
}
If you are looking to join an exciting online gambling platform, Bets.io Casino Registration Process Bets.io online casino is one of the best options available. With a broad range of games, attractive bonuses, and user-friendly interface, it has become increasingly popular among players worldwide. In this article, we will provide a detailed overview of the registration process at Bets.io casino, ensuring that you have a seamless experience from start to finish. Bets.io is not just another online casino; it stands out due to its unique features and offerings. The platform provides players with a diverse selection of games, including classic slot machines, table games, and live dealer experiences. Additionally, the casino offers numerous promotions and bonuses for both new and existing players, allowing you to maximize your gameplay potential. With advanced security measures in place and reliable customer support, Bets.io also ensures that all players have a secure and enjoyable gambling experience. Now that we have established why Bets.io is a great choice, let’s dive into the registration process. The first step to registering at Bets.io is to navigate to the official website. You can do this by typing the URL directly into your browser or clicking on the link provided. Once on the site, look for the “Sign Up” or “Register” button, usually located at the top right corner of the homepage. After clicking the registration button, you will be directed to a form that requires a few personal details. This typically includes: Make sure to enter accurate information, as this will be used to verify your identity and process withdrawals in the future.
Bets.io Casino Registration Process: A Comprehensive Guide
Why Choose Bets.io Casino?
Step-by-Step Registration Process
Step 1: Visit the Bets.io Website
Step 2: Fill Out the Registration Form
Before submitting your registration form, you will need to agree to the casino’s terms and conditions and the privacy policy. It is important to read these documents carefully to understand your rights and obligations as a player. By agreeing to these terms, you affirm that you are of legal gambling age in your jurisdiction and consent to the processing of your personal data.
Once you have completed the registration form, Bets.io will send you a verification email to the address you provided. Check your inbox and click on the verification link within the email. This step is crucial, as it confirms your identity and activates your account.

After verifying your email, you can return to the Bets.io homepage and log into your account using the username and password you created. Make sure to keep your login credentials safe and secure to protect your account.
Before you start playing, it’s advisable to complete your profile by adding more detailed information such as your address and phone number. This information is often required for withdrawal purposes and may enhance your gaming experience by enabling additional features.
With your account activated and profile completed, the next step is to make a deposit. Bets.io offers various payment methods, including credit/debit cards, e-wallets, and cryptocurrencies. Choose the method that suits you best and follow the on-screen instructions to fund your account.
Keep an eye out for any welcome bonuses or promotions that may be available for your first deposit. These can significantly boost your starting bankroll and provide a fantastic opportunity to explore the games offered.
Now that your account is funded, you’re ready to start playing your favorite games. Bets.io features a wide array of gaming options, including:
Take some time to familiarize yourself with the casino’s interface and explore the various gaming categories. Remember to play responsibly and have fun!
The registration process at Bets.io casino is straightforward and designed to ensure a hassle-free experience. By following the steps outlined in this guide, you can quickly create an account and dive into the exciting world of online gaming. With a variety of games, promotions, and a user-friendly platform, Bets.io is certainly worth considering for both new players and seasoned gamblers alike. Happy gaming!
]]>