@import './wcl-responsive.css';
@import '../css/ai-template.css';

.fpp-btn {
    padding: 7px 14px; background-color: #6c757d; border-color: #6c757d; cursor: pointer; color: white;
    border-radius: 4px;
}
.fpp-btn:hover {
    background-color: #5A6268;
}

.fpp-btn-gray {
    width: 120px; 
    text-align: center; 
    border-radius: 6px; 
    background-color: var(--aii-color-gray); 
    padding: 8px 20px; 
    display: inline-block; 
    color: #4f4f4f; 
    cursor: pointer;
}

.fpp-btn-teal {
    width: 120px; 
    text-align: center; 
    border-radius: 6px; 
    background-color: var(--aii-color-darkaqua); 
    padding: 8px 20px; 
    display: inline-block; 
    color: #FFF; 
    cursor: pointer; 
    font-size: 14px;
}

.fpp-m-0 {
    margin: 0;
}

.fpp-btn-teal:hover {
    background-color: #187579;
}

.fpp-btn-gray:hover {
    background-color: #afafaf; 
}

.ai-proof-text-col-1-modal {
    align-items: center;
}

.fpp-margins {
    margin-left: 50px; margin-right: 50px;
}

.ai-participants-list-display-text {
    overflow: initial;
    text-overflow: initial;
    white-space: normal;
}

.aii-root-cog {
    padding: 0px 5px 0px 5px;
    font-size: 15px;
    line-height: 15px;
    cursor: pointer;
}

   /* tableSort_fppStructures */
#tableSort_fppStructures .tableColumn1 {
	text-align: left!important;
}

.table-sort > * .tableColumn1.tablesorter-header {
	background-color: var(--aii-color-darkaqua)!important;
}

.table-sort > * .tableColumn2.tablesorter-header {
	background-color: var(--aii-color-darkaqua)!important;
}

.table-sort > * .tableColumn3.tablesorter-header {
	background-color: var(--aii-color-darkaqua)!important;
}

.table-sort > * .tableColumn4.tablesorter-header {
	background-color: var(--aii-color-darkaqua)!important;
}

.table-sort > * .tableColumn5.tablesorter-header {
	background-color: var(--aii-color-darkaqua)!important;
}

.table-sort > * .tableColumn6.tablesorter-header {
	background-color: var(--aii-color-darkaqua)!important;
}
#tableSort_fppStructures .tableColumn1 {
	width: 75%;
}
#tableSort_fppStructures .tableColumn2 {
	width: 36%;
}
#tableSort_fppStructures .tableColumn3 {
	width: 24%;
}
#tableSort_fppStructures .tableColumn4 {
	width: 37%;
}
#tableSort_fppStructures .tableColumn5 {
	width: 28%;
}
#tableSort_fppStructures .tableColumn6 {
	width: 28%;
}
.fpp-quick-link {
    display: block;
    text-decoration: underline;
    color: var(--aii-color-darkaqua);
    margin-top: 8px;
}

.fpp-quick-link:active {
    color: var(--aii-color-lightaqua);
}
.fa-check-circle {
    color: var(--aii-color-green) !important;
    font-size: 16px;
}

.tableColumn2.tablesorter-header {
    background-color: var(--aii-color-darkaqua) !important;
}

.fpp-responsive-container-4-col {
    display: grid; grid-template-columns: 1fr 3fr;
}

.fpp-responsive-container-image {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
    margin-top: 12px
}

.ai-fpp-list-content-container-disabled,
.ai-fpp-list-content-container-disabled > *,
.ai-fpp-list-content-container-disabled > * .ai-switches-ol label {
	cursor: not-allowed!important;
	pointer-events: none!important;
}

.ai-fpp-list-content-container {
	display: flex;
	align-items: center;
	flex: 1 1;
	background-color: #e0e0e0;
	padding: 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	cursor: pointer;
}

.FormParagraph {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.5;
}

.fpp-proofrow {
    margin-bottom: 15px; 
    display: grid; 
    grid-template-columns: 4fr 3fr;
}

.fpp-proofrow-col1 {
    display: flex;
    align-items: center; 
    justify-content: start;
}

.fpp-proofrow-col2 {
    display: flex; 
    align-items: center; 
    justify-content: end;
    margin-right: 4px;
}

.fpp-proof-text {
    display: block; 
    text-align: right; 
    margin-bottom: 4px; 
    margin-top: 4px; 
    line-height: 1;
}

.aii-alert-error, .aii-alert-info {
    max-width: 350px;
}

@media (max-width: 1000px) {
    .aii-alert-error, .aii-alert-info {
        max-width: 100%;
    }
}

@media(max-width: 860px) {
    .fpp-responsive-container-4-col {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 860px) {
    .fpp-responsive-container-4-col {
        grid-template-columns: 1fr;
    }
    .fpp-proofrow {
        grid-template-columns: 1fr;
    }
    .fpp-proofrow-col2 {
        justify-content: start;
        margin-top: 8px;
        margin-left: 4px;
    }
    .fpp-proof-text {
        text-align: left; 
    }
}

@media(max-width: 768px) {
    .fpp-responsive-container-4-col {
        grid-template-columns: 1fr 3fr;
    }
}

@media (max-width: 600px) {
    .classFacInfoCategory {
        border: none !important;
        box-shadow: none !important;
    }
    .fpp-margins {
        margin: 0;
    }
    .fpp-responsive-container-4-col {
        grid-template-columns: 1fr;
    }
}