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

.logged-in.page-name-my-account main > .mp_wrapper {
    display: none;
}

.mp_wrapper .wdm-cfeds-my-account-section-title {
    position: relative;
    padding: .25em 0;
    margin: 0 0 0.5em;
    border-bottom: 3px solid;
    cursor: pointer;
}

.mp_wrapper .wdm-cfeds-my-account-section-title::after {
    content: '\f343';
    font-family: dashicons, sans-serif;
    position: absolute;
    right: 8px;
    transition: rotate .250s ease-in-out;
}

.mp_wrapper .wdm-cfeds-my-account-section-title.expanded::after {
    rotate: -180deg;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-public-profile-section {
    margin-bottom: 1em;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    align-items: center;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row input,
.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row select {
    display: inline;
    width: 100%;
    height: 44px;
    padding: 10px;
    border: 1px solid rgba( 0, 0, 0, 0.2 );
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row .license-row-actions {
    display: flex;
    gap: 2px;
    align-self: end;
    margin-bottom: 10px;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row .license-row-actions .button {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row .license-row-actions .button.disabled {
    pointer-events: none;
    background-color: lightgray;
    cursor: not-allowed;
    color: black;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .wdm-cfeds-add-license {
    display: flex;
    align-items: center;
    gap: .25em;
    float: right;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .mepr_opt_out label,
.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .mepr_chk_settings label {
    display: flex !important;
    align-items: center;
    gap: .5em;
    margin: 1em 0;
}

.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .mepr_opt_out input[type=checkbox],
.mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .mepr_chk_settings input[type=checkbox] {
    width: 20px;
    height: 20px;
}

#wdm-cfeds-us-map {
    display: flex;
    justify-content: center;
    scale: 1.25;
    transform-origin: 50% 0;
}

.wdm-cfeds-dd-filter {
    width: auto;
    padding: 10px;
}

.wdm-cfeds-dd-filter + .select2 .select2-selection {
    height: 33px;
    display: flex;
    align-items: center;
}

.wdm-cfeds-dd-filter + .select2 .select2-selection .select2-selection__arrow {
    top: 3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f89c34;
}

.dt-buttons button {
    padding: 8px 10px;
    border-radius: 3px;
}

/* select[name=wdm-cfeds-licenses-table_length] {
    height: 33px;
} */

#wdm-cfeds-licenses-table_wrapper .dt-buttons {
    display: none;
    padding: 0 .5em;
}

#wdm-cfeds-lookup-filters {
    display: none;
}

#wdm-cfeds-licenses-table_wrapper .custom-filters {
    /* display: inline-block; */
    /* float: left; */
    /* margin: 0 .5em; */
}

#wdm-cfeds-licenses-table_wrapper select {
    width: auto;
}

#wdm-cfeds-licenses-table_paginate .paginate_button {
    background: #f89c34;
    color: #FFF !important;
    box-shadow: none;
    border: none;
    transition: all 250ms ease-in-out;
}

#wdm-cfeds-licenses-table_paginate .paginate_button.disabled {
    opacity: .75;
}

#wdm-cfeds-licenses-table_paginate .paginate_button.current {
    background: #ff6900;
    cursor: default;
}

.dataTables_wrapper #wdm-cfeds-licenses-table_paginate.dataTables_paginate .paginate_button:not(.disabled):hover,
.dataTables_wrapper #wdm-cfeds-licenses-table_paginate.dataTables_paginate .paginate_button:not(.disabled):focus,
.dataTables_wrapper #wdm-cfeds-licenses-table_paginate.dataTables_paginate .paginate_button:not(.disabled):active {
    background: #ff6900;
}

#wdm-cfeds-licenses-table {
    /* margin-top: 15%; */
    width: 100% !important;
    padding-top: 1em;
}

#wdm-cfeds-licenses-table tr {
    vertical-align: top;
}

#wdm-cfeds-licenses-table .user-fullname-avatar {
    display: flex;
    gap: .4em;
    align-items: center;
}

#wdm-cfeds-licenses-table .user-avatar {
    border-radius: 8px;
    align-self: flex-start;
    margin-top: 4px;
}

#wdm-cfeds-licenses-table .user-licenses {
    text-wrap: nowrap;
}

#wdm-cfeds-licenses-table.cell-border thead th {
    border-top: 1px solid rgba( 0, 0, 0, 0.15 );
    border-right: 1px solid rgba( 0, 0, 0, 0.15 )
}

#wdm-cfeds-licenses-table.cell-border thead th:first-child {
    border-left: 1px solid rgba( 0, 0, 0, 0.15 )
}

@media only screen and (max-width: 767px) {

    .mp_wrapper .wdm-cfeds-my-account-section.my-account-licenses-section .license-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

    div#content {
		display: block !important;
		padding-left: 1em;
		padding-right: 1em;
	}

	#wdm-cfeds-licenses-table_wrapper .dataTables_length {
		padding: 0.75em 0;
	}

	#wdm-cfeds-lookup-filters {
		justify-content: center !important;
	}

	#wdm-cfeds-licenses-table_wrapper .wdm-cfeds-licenses-table-container {
		overflow-x: auto;
	}
}