// ==========================================================================

// Field Manager for Craft CMS
// Author: Verbb - https://verbb.io/

// ==========================================================================

#fieldmanager .group a:hover:after,
#fieldmanager .group a {
	color: #333f4d;
}

#fieldmanager .thin {
	text-align: right;
}

#fieldmanager .field td,
#fieldmanager .field th {
	padding-top: 5px !important;
	padding-bottom: 4px !important;
	font-size: 90%;
}

#fieldmanager .field .name {
	padding-left: 20px !important
}

#fieldmanager .checkboxfield {
	display: inline-block;
	margin: 0 5px 0;
	vertical-align: middle;
}

#fieldmanager input.checkbox + label {
	display: inline-block;
}

#fieldmanager .delete-row {
	padding-left: 25px !important;
	padding-right: 10px !important;
}

.field-manager-buttons {
    display: flex;
    align-items: center;

    .field {
        margin: 0 0 0 20px;
    }
}



.sidebar-nav .active a {
	font-weight: bold;
}

body.ltr .rightalign {
	float: right;
}

.clone-btn.element {
	cursor: pointer;
}

.clone-btn.element.loading:after {
	right: -24px !important;
	top: -4px !important;
}


.delete-row .icon.delete {
	font-size: 110%;
}

.icon.delete-group:not(.disabled):hover:before {
	color: #da5a47;
}

.icon.delete-group:before {
	content: 'remove';
	color: rgba(0, 0, 0, 0.2);
}

.unused-field {
	color: #e78640;
	font-size: 11px;
	margin-left: 5px;
}





#FieldManager .modal {
	display: none;
}

.fieldsettingsmodal .spinner.big {
	width: 100%;
	height: 100%;
 }

.fieldsettingsmodal .main {
	margin: -24px;
	padding: 24px;
	height: calc(100% - 48px);
	overflow: auto;
	position: relative;
}

.fieldsettingsmodal .body {
	position: relative;
	height: 100%;
}

.fieldsettingsmodal .body .content {
	height: calc(100% + 48px);
}

.fieldsettingsmodal .footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
}

.fieldsettingsmodal .footer .spinner {
	position: absolute;
}


#fieldmapping {
	width: auto;
	table-layout: fixed;
    font-size: 13px;
}

#fieldmapping thead tr th {
	vertical-align: middle;
	border: none;
}

#fieldmapping tbody tr td {
	text-align: left;
}

#fieldmapping tbody tr td.textarea {
	padding: 6px;
	vertical-align: top;
}

#fieldmapping tbody tr td.textarea.has-error textarea {
	border: 1px solid #da5a47 !important;
}

#fieldmapping tbody tr td.textarea.has-error .errors {
	color: #da5a47;
	padding: 5px 10px 2px;
	display: block;
}

#fieldmapping .textarea input {
    font-size: 13px;
	padding: 5px 9px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}

#newgroupbtn {
	margin-left: auto;
	margin-right: 10px;
}

.row-blocktype td {
    background: lighten(#f1f5f8, 2%) !important;
}

.row-blocktype > :first-child {
    padding-left: 35px !important;
}

.row-blocktype-field > :first-child {
    padding-left: 60px !important;
}

.row-blocktype-field td {
    background: lighten(#f1f5f8, 2%) !important;
}

#fieldmapping .field {
    margin-top: 0;
}

#fieldmapping .icon-arrow .field {
    position: relative;
}

.row-blocktype-field .icon-arrow .field::before,
.row-blocktype .icon-arrow .field::before {
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -6px;
    display: block;
    width: 8px;
    height: 12px;
    color: #cacaca;
    transform: rotate(90deg);
    content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="%23cacaca" d="M345.04 144l-136-136.901c-9.388-9.465-24.691-9.465-34.079 0L38.96 144c-9.307 9.384-9.277 24.526.069 33.872l22.056 22.056c9.619 9.619 25.301 9.329 34.557-.639L152 138.84V432H68.024a11.996 11.996 0 0 0-8.485 3.515l-56 56C-4.021 499.074 1.333 512 12.024 512H208c13.255 0 24-10.745 24-24V138.84l56.357 60.448c9.256 9.968 24.938 10.258 34.557.639l22.056-22.056c9.346-9.345 9.377-24.487.07-33.871z"></path></svg>');;
}


// ==========================================================================
// Field Audit
// ==========================================================================

.fieldmanager-audit-content {
    margin-bottom: 4rem;

    &:last-child {
        margin-bottom: 0;
    }
}

#fieldmanager-audit .fields > :first-child {
    padding-left: 40px !important;
}

#fieldmanager-audit td,
#fieldmanager-audit th {
    padding-top: 6px !important;
    padding-bottom: 5px !important;
    font-size: 90%;
}

#fieldmanager-audit .group-heading a {
    color: #333f4d;
}

#fieldmanager-audit .tab-heading th {
    color: #333f4d;
    text-transform: uppercase;
    opacity: 0.6;
    font-size: 11px;
    padding: 2px 0 2px 20px !important;
}


