/*
 Theme Name: CBCHB Theme
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: E-COM
 Author URI: https://e-com.hr/
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

.loading-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite; /* Apply the spinning animation */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ----------------------------- REGISTRATION FORM------------------------------- */

.registration-submit-button{
	background-color: #003399 !important;
	padding: 6px 24px !important;
	margin-top: 24px !important;
	border-radius: 12px !important;
	font-size: 20px !important;
}
.radio-checkboxes{
	margin-bottom:20px;
}
	
    #registration-form label,
    #registration-form input,
    #registration-form select {
        margin-bottom: 6px;
		border-radius: 6px;
		padding: 3px;
    	}
	#registration-form input[type=text], input[type=email], select{
		display:block;
		margin-bottom:20px;
	}
	#registration-form textarea {
		border-radius: 6px;
}

	#registration-form input[type=text],
	#registration-form input[type=email] {
		width: 300px;
}
		
    #registration-form input[type="submit"], #submit-btn {
        display: block;
        padding: 10px 20px;
        background-color: #4caf50;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    	}

    #registration-form input[type="submit"]:hover {
        background-color: #45a049;
    	}
	
    .error-message {
        color: red;
        margin-top: 5px;
    	}
		
		/* Style for radio and checkbox options */
    input[type="radio"],
    input[type="checkbox"] {
        margin-right: 5px; /* Adjust spacing between the input and label */
    	}

    /* Apply custom styles to labels for better alignment */
    label {
        margin-bottom: 5px; /* Adjust spacing between labels */
    	}
		
		.form-group label[for="gdpr"] {
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
		}

		.gdpr-text {
			display: inline-block;
			max-width: 600px; /* Adjust the max-width as needed */
		}

/* ----------------------------- APPLICATION FORM------------------------------- */

		.file-upload-displayunder{
			display:block;
			margin-bottom:25px!important;
		}
		#application-form {
			background-color: transparent;
		}

		#application-form label,
		#application-form input,
		#application-form select {
			width: 300px;
			margin-bottom: 6px;
			border-radius: 6px;
			padding: 3px;
		}
		#application-form input[type=text], input[type=email], select{
			display:block;
			margin-bottom:20px!important;
		}
		#application-form input[type="submit"], #submit-btn {
			background-color: #003399;
			color: #ffff;
			padding: 6px 24px;
			margin-top: 12px;
			border-radius: 12px;
			font-size: 20px;
			cursor: pointer;
			width: auto !important;
			border-width: 0px;
		}

		.error-message {
			color: red;
			margin-top: 5px;
		}

		/* Style for radio and checkbox options */
		input[type="radio"],
		input[type="checkbox"] {
			margin-right: 5px;
		}


/* ----------------------------- REPORTING FORM------------------------------- */

		#reporting-form {
			background-color: transparent;
		}

		#reporting-form label,
		#reporting-form input,
		#reporting-form select {
			width:300px;
			margin-bottom: 6px;
			border-radius: 6px;
			padding: 3px;
		}
		#reporting-form input[type=text], input[type=email], input[type=date], select{
			display:block;
			margin-bottom:20px!important;
		}
		#reporting-form input[type="submit"], #submit-btn {
			background-color: #003399;
			color: #ffff;
			padding: 6px 24px;
			margin-top: 12px;
			border-radius: 12px;
			font-size: 20px;
			cursor: pointer;
			width: auto !important;
			border-width: 0px;
		}
		
		.error-message {
			color: red;
			margin-top: 5px;
		}

		/* Style for radio and checkbox options */
		input[type="radio"],
		input[type="checkbox"] {
			margin-right: 5px;
		}

/* ----------------------------- WP DASHBOARD FORM DATA------------------------------- */

.entry-details {
        margin-top: 20px; /* Adjust as needed */
    }
    .entry-details-table {
        border-collapse: collapse;
        width: 100%;
    }
    .entry-details-table td {
        border: 1px solid #ddd;
        padding: 8px;
    }
    .entry-details-table tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    .entry-details-table tr:hover {
        background-color: #ddd;
    }


	.details-container {
    display: flex;
    flex-wrap: wrap;
	}

	.details-column {
		width: 25%; /* Adjust width as needed */
		margin-bottom: 20px; /* Adjust spacing between columns */
	}

	.entry-details-table {
		width: 100%;
		border-collapse: collapse;
		table-layout: fixed;
	}

	.entry-details-table td {
		padding: 5px;
		border-bottom: 1px solid #ddd;
		vertical-align: top;
	}

	.entry-details-table td:first-child {
		width: 40%; /* Adjust width of name column */
		font-weight: bold;
	}

	.details-table {
		height: 300px; /* Adjust the height as needed */
		overflow-y: auto;
	}



/* ----------------------------- EMBRACE VERIFIED TABLE------------------------------- */
	
	.embrace-verified-table {
		width: 100%;
		border-collapse: collapse;
	}

	.embrace-verified-table th,
	.embrace-verified-table td {
		border: 1px solid #ddd;
		padding: 10px;
	}

	.embrace-verified-table th {
		background-color: #f1f1f1;
		color: #333;
		font-weight: bold;
	}

	.embrace-verified-table td {
		background-color: #fff;
		color: #333;
	}

	.embrace-verified-table tbody tr:nth-child(even) td {
		background-color: #f9f9f9;
	}

	.embrace-verified-table tbody tr:hover td {
		background-color: #ebebeb;
	}

	.embrace-verified-table tbody td strong {
		display: block;
	}