/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  /* Custom Starts below */
  
  
  /* START => Customize Next button */
.ls-move-next-btn {
   background-color: #9F4400 !important; /* Green background */
        color: white; /* White text */
        border: 2px solid #8d8d8d !important; /* Even darker blue */
        padding: 10px; /* Add padding */
        text-align: center; /* Center text */
        text-decoration: none; /* Remove underline */
        display: inline-block; /* Inline-block display */
        font-size: 16px; /* Increase font size */
        margin: 2px 2px; /* Add margin */
        cursor: pointer; /* Pointer cursor on hover */
        border-radius: 8px; /* Rounded corners */
}

/* Customize Previous button */
.ls-move-previous-btn {
    background-color: #013717 !important; /* Green background */
        color: white !important; /* White text */
        border: 2px solid #8d8d8d !important; /* Even darker blue */
        padding: 5px 7.5px !important; /* Add padding */
        text-align: center; /* Center text */
        text-decoration: none; /* Remove underline */
        display: inline-block; /* Inline-block display */
        font-size: 16px; /* Increase font size */
        margin: 2px 2px; /* Add margin */
        cursor: pointer; /* Pointer cursor on hover */
        border-radius: 8px; /* Rounded corners */
}

/* Hover effect */
.ls-move-previous-btn:hover {
    background-color: #5d258b !important; /* Darker blue */
    color: #ffffff !important; /* Keep text white */
    border: 2px solid #bdbdbd !important; /* Even darker blue */
}

/* Hover effect */
.ls-move-next-btn:hover {
    background-color: #5d258b !important; /* Darker blue */
    color: #ffffff !important; /* Keep text white */
    border: 2px solid #bdbdbd !important; /* Even darker blue */
}

/* Add smooth transitions */
.ls-move-previous-btn {
    transition: all 0.3s ease-in-out; /* Smooth animation */
    font-weight: bold !important; /* Default bold */
}

.ls-move-previous-btn:hover {
    font-weight: bold !important; /* Ensure hover keeps bold text */
}

/* Add smooth transitions */
.ls-move-next-btn {
    transition: all 0.3s ease-in-out; /* Smooth animation */
    font-weight: bold !important; /* Default bold */
}

.ls-move-next-btn:hover {
    font-weight: bold !important; /* Ensure hover keeps bold text */
}
/* ENDS => button CSS STYLING */



/* START => Overall question title background styling*/
/*.question-title-container {
    background-color: #9F4400 !important; /* Replace #FFFF00 with your desired color code */
/*  }  */
/* Apply styles to the question text inside the background */
.question-title-container {
    background: radial-gradient( #FFFFFF00, #FFFFFF00); /* Add this "!important" for themes already having text tile background Light Yellow background */
    color: #000000; /* qux text color */
    font-family: Arial, sans-serif; /* Change font */
    font-size: 14px; /* Adjust font size */
    font-weight: bold; /* Make text bold */
    padding: 15px; /* Add padding for better spacing */
    border-radius: 10px; /* Optional: Rounded corners */
    text-align: none; /* Center align text */
    
}
/* custom text title overides*/
.custom-bg-cgreen .question-title-container {
        background: linear-gradient(180deg, #013717, #013717);
        color: #dddddd;
        font-weight: bold;
    }
    
        /* Green background with black text */
    .custom-bg-validation .question-title-container {
        background: linear-gradient(180deg, #ecdfec, #ecdfec);
        color: #1f1f1f;
        font-style: none;
    }
    
        /* black background with black text */
    .custom-bg-black .question-title-container {
        background: linear-gradient(180deg, #000000, #000000);
        color: #ffffff; /*Text Colour*/
        font-style: none;
    }
    
        /* pale - black background with White text */
    .custom-bg-pale .question-title-container {
        background: linear-gradient(180deg, #003236, #000000);
        color: #ffffff; /*Text Colour*/
        font-style: none;
    }
    
            /* Violet - black background with black white */
    .custom-bg-violet .question-title-container {
        background: linear-gradient(180deg, #340752, #000000);
        color: #ffffff; /*Text Colour*/
        font-style: none;
    }
    
                /* Red - black background with White text */
    .custom-bg-red .question-title-container {
        background: linear-gradient(180deg, #360200, #000000);
        color: #ffffff; /*Text Colour*/
        font-style: none;
    }
    
                /* CORANGE - black background with White text */
    .custom-bg-corange .question-title-container {
        background: radial-gradient(#9F4400, #592a00);
        color: #ffffff; /*Text Colour*/
        font-style: none;
    }
    
                /* Custom Green - black background with White text */
    .custom-bg-dilamphis .question-title-container {
        background: radial-gradient(#9F4400, #013717);
        color: #ffffff; /*Text Colour*/
        font-style: none;
    }
            /* Transparent background with black text */
    .custom-bg-none .question-title-container {
        background: linear-gradient(180deg, #ffffff00, #ffffff00);/* Transparent */
        color: #1f1f1f;
        font-style: none;
    }
    
    /* Module Results & Numbers display shadow-dashboard or billboard show (Just add mresult to CSS Class of participating questions*/
    .mresult .question-title-container { margin: 10px auto; width: 50%; min-width: 375px; padding: 5px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7);
    }
/* END => Question title styling*/





/* Change the background color of the button with ID 'register_button' */
#register_button {
    background-color: #9F4400; /* Replace with your desired color */
    color: #fff; /* Change text color if needed */
    border: none; /* Optionally remove border */
}
/* Optional: Change background color on hover */
#register_button:hover {
    background-color: #753300; /* Replace with your desired hover color */
}


/* Target generic text inside registration page and token page */

z {
    font-size: 18px;
    color: #a6feff;  /* Green color */
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    max-width: 100%;
    display: inline-block; /* Inline-block display */
}

y {
    font-size: 16px;
    color: #ffffff;  /* Green color */
    border-radius: 10px;
    font-weight: bold;
    text-align: center;
    max-width: 100%;
    display: inline-block; /* Inline-block display */
}

w {
    font-size: 20px;
    color: #FFD700;  /* Green color */
    background-color: #013717;
     padding: 15px;
     Margin: 10px;
    font-weight: bold;
    text-align: center;
    max-width: 100%;
    display: inline-block; /* Inline-block display */
}

.card.card-body {
    background-color: #9F4400 !important;  /* Light grey background */
    color: white;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.card-body {
    background-color: #9F4400 !important;  /* Light grey background */
    color: white;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.btn-outline-secondary {
    background-color: #013717 !important; /* Example: Blue background */
    color: #FFD700 !important; /* White text */
    border-color: #FFD700 !important; /* Blue border */
    padding: 10px !important;
    font-weight: bold !important;
}
.btn-outline-secondary:hover {
    background-color: #4e0075; /* Darker blue when hovered */
    color: #ffffff; /* White text for better visibility */
    padding: 10px;
    font-weight: bold;
}

.main-row {
    background-color: #013717;
}