.api-activation-page {
border: 1px solid #ddd;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
background-color: #fff;
margin: 0 auto;
}

.api-activation-page h2 {
font-size: 24px;
margin-bottom: 20px;
}

.api-activation-page form {
margin-bottom: 0;
}

.api-activation-page label {
display: block;
margin-bottom: 10px;
}

.api-activation-page input[type="text"] {
width: 40%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 3px;
}

.api-activation-page input[type="submit"], 
.api-activation-page a,
.setting button {
display: block;
margin-top: 10px;
padding: 10px 20px;
background-color: #007cba;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
text-decoration: none;
}

.api-activation-page input[type="submit"] {
    background-color: green !important;
}

.api-activation-page input[type="submit"]:hover
.api-activation-page a:hover {
background-color: #005b82;
}

.api-activation-page input[type="submit"]:disabled {
    background-color: rgb(29, 69, 39) !important;
    }

.activation-message {
margin-top: 10px;
padding: 10px;
border-radius: 5px;
}

.success {
background-color: #d4edda;
color: #155724;
}

.error {
background-color: #f8d7da;
color: #721c24;
}

.form-group {
margin-bottom: 20px;
margin-top: 20px;
}

.form-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

.form-select {
width: 100%;
padding: 8px;
border-radius: 4px;
border: 1px solid #ccc;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

input:checked + .slider {
background-color: #2196F3;
}

input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}

.checkbox-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.checkbox-row label {
    margin-right: 10px;
}

.category-checkbox {
    margin-right: 5px;
}

@media (max-width: 600px) {
    .checkbox-row {
        flex-wrap: wrap;
    }
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.checkbox-container .checkbox-row {
    flex-basis: 50%;
    align-items: center;
}

@media (max-width: 600px) {
    .checkbox-container .checkbox-row {
        flex-basis: 100%;
    }
}