/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wp-block-group {
   padding-bottom: .7em;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.question_section {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.question {
	display:inline-block;
}
.ctb_question_section {
    margin-bottom: .5em;
}
.ctb_option_section {
	margin-inline-start: 2em;
}
.ctb_option_section label {
	display: block;
}
.question_title {
    font-size: 1.5em;
}

.modal-content .question_title {
    font-size: 18px;
}
.tof_option_section {
	padding-left: 1.5em;
}
.tof_option_section label {
	display: block;
}

.eval_option_section {
	width:100%;
}
.eval_option_section td, .eval_option_section th {
	padding: .1em .5em;
}

.fitbp_option_section, .fitbp_option_section select {
	display: inline-block;
}
.fitbp_option_section input, .fitbp_option_section input:focus {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	outline: 0px;
}

.fitbt_option_section {
	width:100%;
	border-collapse: collapse;
}
.fitbt_option_section th,
.fitbt_option_section td,
.fitbgst_option_section .remove_padding th,
.fitbgst_option_section .remove_padding td,
.fitbgst_option_section_title th,
.fitbgst_option_section_title td {
	padding: .1em 1em;
}
.fitbt_option_section .small_text, .fitbtds_option_section .small_text {
	font-size: .8em;
}
.fitbt_option_section .empty_row {
	height:.5em;
}
.fitbt_option_section input {
	width:100%;
	height:100%;
}
.fitbt_option_section .check_result {
	float: right;
}

.fitbp_entry_modal_content .text-primary{
    margin-bottom: -20px!important;
}

.journal_table {
	border-collapse: collapse;
}
.journal_table th, .journal_table td {
	padding: .2em;
}
.journal_table input, .journal_table select {
	width: 100%;
}
.journal_table .credit_row {
	border-bottom: 1px solid grey;
}
.add_extra_row {
	padding: .5em;
	color: green;
	cursor: pointer;
}
.remove_extra_row {
	padding: .5em;
	color: red;
	cursor: pointer;
}
.add_extra_row span, .remove_extra_row span {
	vertical-align: middle;
}
.show_aspects_entry_answer, .show_journal_entry_answer, .show_ledger_entry_answer, .show_ctb_entry_answer, .show_tof_entry_answer, .show_fitbp_entry_answer, .show_fitbt_entry_answer {
    padding: .5em;
    cursor: pointer;
}
.show_journal_entry_answer span, .show_ledger_entry_answer span{
    vertical-align: middle;
}

.submit_button {
	text-align:right;
}

.submit_btn{
    background-color: grey;
    border-color: grey;
    color: white;
}

/*Footer content*/
.contact_section {
    background-color: #FF914C;
    padding: 40px 0px;
    font-family: sans-serif;
    color: #fff;
    font-size: 1.25vw;
    line-height: 1.63;
}
.contact-section-page {
    width: 88%;
    margin: 0 auto;
}
.contact-section-page .contact_section_image {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    overflow-clip-margin: content-box;
    overflow: clip;
    padding: 3rem!important;
    width: 100%!important;
}
.contact-page {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
}
.contact-page .text-warning {
    color: #ffe000 !important;
}
.contact-page .m-0 {
    margin: 0!important;
}
.contact-page h3 {
    margin-top: 0px;
    margin-bottom: 0.78em;
    font-size: 1.33em;
    line-height: 1.4166666666666667;
    font-weight: 700;
}
.contact-page a {
    text-decoration: unset;
    color: #fff;
    display: block;
}
.social_link {
    list-style-type: none;
    display: flex;
    gap: 20px;
    padding:0px;
}
.social_link li a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.social_link li a img {
    aspect-ratio: 4/2;
    width: 40px;
    object-fit: contain;
    filter: invert(1);
}
.facebook_btn {
    background-color: #3B5998;
}
.instagram_btn {
    background-color: #C54983;
}
.whatsapp_btn {
    background-color: #29A71A;
}
.youtube_btn {
    background-color: #F61C0D;
}

select.correct_answer,.select2-container--default .select2-selection--single.correct_answer, input[type="text"].correct_answer, input[type="number"].correct_answer, input[type="date"].correct_answer {
    border: 1 px solid #c3ebca!important;
    background-color: #c3ebca!important;
}
select.wrong_answer,.select2-container--default .select2-selection--single.wrong_answer, input[type="text"].wrong_answer, input[type="number"].wrong_answer, input[type="date"].wrong_answer {
    border: 1 px solid #edb2b2!important;
    background-color: #edb2b2!important;
}
.correct_answer:checked {
    border: 1 px solid green;
    background-color: green;
}
.wrong_answer:checked {
    border: 1 px solid red;
    background-color: red;
}

.duplicate_progress {
    background-color: green;
}

.result_cell {
    vertical-align: middle;
}
.green_dot, .red_dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
.green_dot {
    background-color: green;
}
.red_dot {
    background-color: red;
}
.btn_help_notes {
    padding-top: 2px;
    padding-bottom: 2px;
}

.toast-body {
    font-size:1.2em;
}
.toast > div {
    border:3px solid white;
}
.toast-body .toast_message {
    margin-left: .7em;
}
.bd-example-toasts {
    display: none;
}

td.not_answered {
    border: 2px solid red !important;
    border-radius: 5px !important;
}

td.answered select,td.answered .select2-container--default .select2-selection--single{
    background-color: lightgrey;
}

.fitbp_option_section .answered {
    background-color: lightgrey!important;
}

td.answered input[type="text"], td.answered input[type="number"]{
    background-color: lightgrey!important;
}

input.answered{
    background-color: lightgrey;
}
.select2-selection--single{
    width: 100%!important;
    height: 40px!important;
    padding-top: 5px!important;
}
.select2-selection__arrow{
    height: 40px!important;
}

.select2-dropdown{
    width: 50%!important;
}

.select2-results__option{
    padding: 0px!important;
}

.sticky-header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
}

.qid {
    background-color: lightgrey;
    font-weight: normal;
    font-size: 16px;
    padding: 5px;
}

.fitbpt_text{
    margin-bottom:10px ;
    width: 230px;
}
.fitbpt_text::placeholder {
            color: transparent;
}

.fitbpt_content table{
    width: 100%;
}