/**
 * CSS styles for Mo LDAP Local Configuration Handler
 * This file contains styles for search base selection, attribute mapping, and role mapping popups
 *
 * @package miniOrange_LDAP_AD_Integration
 * @subpackage css
 */

.mo_ldap_local_search_bases_container {
	border-radius: 10px;
	display: flex;
}

.mo_ldap_local_multiple_search_base_premium_box {
	text-align: center; 
	color: #fff; 
	padding: 0px 18px; 
	font-weight: 500; 
	display: flex; 
	justify-content: center;
}

.mo_ldap_local_multiple_search_base_premium_box_inner {
	width: 85%; 
	border: 1px solid gray; 
	border-radius: 10px; 
	padding: 3px 5px; 
	background-color: #aa4dc8; 
	justify-content: center; 
	align-items: center; 
	display: flex; 
	margin-right: 17px;
    height: 45px;
    margin-top: 15px;
}

.mo_ldap_local_search_field {
	opacity: 65%;
	background: #5b5b5b;
	width: 100%;
	padding: 15px;
	border: none;
	color: #fff;
	border-radius: 10px 0px 0px 10px;
	outline: none;
}

.mo_ldap_local_search_field::placeholder {
	color: #fff;
}

.mo_ldap_local_search_button {
	opacity: 65%;
	padding-right: 20px;
	background: #5b5b5b;
	border-radius: 0px 10px 10px 0px;
	border: none;
}

.mo_ldap_local_search_field_container {
	padding: 2% 10%;
}

.mo_ldap_local_show_search_base_main_container {
	gap: 10px;
	display: flex;
	flex-direction: column;
	height: -webkit-fill-available;
	justify-content: space-evenly;
}

.mo_ldap_local_show_search_base_container {
	font-family: 'Inter' !important;
	font-style: normal;
	min-height: 100%;
	background: #9f9f9f;
	margin: 15px -8px 0 -8px;
}

.mo_ldap_local_search_base_div {
	background-color: #565656;
	border-radius: 10px;
	padding: 15px 15px;
	width: 88%;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

.mo_ldap_local_not_found_div {
	background-color: #565656;
	border-radius: 10px;
	padding: 15px 15px;
	width: 80%;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
}

.mo_ldap_local_overflow_container {
	height: 325px;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	width: 90%;
	margin: auto;
}

.mo_ldap_local_submit_button {
	font-size: 14px;
	width: 25%;
	cursor: pointer;
	background: #0076E1;
	color: white;
	border-radius: 8px;
	padding: 12px;
	margin: 10px;
	font-weight: 600;
	border: none;
}

.mo_ldap_local_close_button {
	font-size: 14px;
	width: 25%;
	cursor: pointer;
	background: #FFFFFF;
	color: #0076E1;
	border-radius: 8px;
	padding: 12px;
	margin: 10px;
	font-weight: 600;
	border: none;
}

.mo_ldap_local_search_base_label {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.mo_ldap_local_ou_value {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 32px); 
	vertical-align: middle;
	cursor: pointer;
}

.mo_ldap_local_attr_map_container {
	min-height: 100%;
	background: #9f9f9f;
	margin: -8px;
	font-family: 'Inter' !important;
	font-style: normal;
}

.mo_ldap_local_test_result {
	background-color: #565656;
	border-radius: 10px;
	padding: 15px 15px;
	width: 80%;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

.mo_ldap_local_attribute,
.mo_ldap_local_attribute.mo_ldap_local_attribute_mapping {
	min-width: 15%;
}


.mo_ldap_local_attribute.mo_ldap_local_role_mapping {
	min-width: 25%;
}

.mo_ldap_local_user_info {
	margin: 0 10% 0 10%;
	font-size: 15px;
	padding: 10px;
	gap: 10px;
	display: flex;
}

.mo_ldap_local_user_info.mo_ldap_local_role_mapping_info {
	margin: 0 8% 0 8%;
}

.mo_ldap_local_popup_title {
	text-align: center;
	color: #fff;
	font-weight: 600;
}

.mo_ldap_local_popup_title_large {
	text-align: center;
	color: #fff;
	padding: 18px;
	font-weight: 600;
}

.mo_ldap_local_popup_title_large_font {
	font-size: 1.5rem;
}

.mo_ldap_local_premium_box_paragraph {
	font-size: 15px;
	margin-left: 12px;
}

.mo_ldap_local_button_container {
	text-align: center;
}

.mo_ldap_local_test_status_container {
	justify-content: center;
	gap: 12px;
	display: flex;
}

.mo_ldap_local_test_status_text {
	align-self: center;
}

.mo_ldap_local_hr_width {
	width: 85%;
}

.mo_ldap_local_error_message_container {
	text-align: center;
	color: #fff;
	padding: 18px;
	font-weight: 600;
}

.mo_ldap_local_close_button_container {
	text-align: center;
}

.mo_ldap_local_link_blue {
	color: #60b6ff;
}

.mo_ldap_local_advance_sync_container {
	margin-left: 5%;
}

.mo_ldap_local_advance_sync_container form > div:first-child {
	margin-left: 4%;
}

.mo_ldap_local_ldaps_note {
	width: 90%;
	color: red !important;
	font-size: 14px;
}

.mo_ldap_local_search_base_section {
	margin-top: 20px;
}

.mo_ldap_local_config_label_flex {
	display: flex;
}

.mo_ldap_local_required_asterisk {
	color: red;
}

.mo_ldap_local_search_base_input {
	width: 58%;
}

.mo_ldap_local_select_search_base_active {
	font-weight: 500;
}

.mo_ldap_local_select_search_base_disabled {
	font-weight: 500;
	opacity: 0.5;
	cursor: not-allowed;
}

.mo_ldap_local_search_icon_margin {
	margin-left: 10px;
}

.mo_ldap_local_search_icon_disabled {
	margin-left: 10px;
	opacity: 0.5;
}

.mo_ldap_local_submit_button_container {
	margin-left: 30.7%;
	margin-top: 20px;
}

.mo_ldap_local_sync_submit_button {
	background: #0076E1 !important;
	color: white !important;
	border: none !important;
	border-radius: 8px !important;
	cursor: pointer !important;
	font-weight: normal !important;
	font-size: 14px !important;
	padding: 12px 24px !important;
}

.mo_ldap_user_mapping_search_base {
	margin-left: 4% !important;
}

.mo_ldap_local_config_label {
	margin-left: 4% !important;
}