@import "Configuration.css";
.t3-page-ce .t3-page-ce-header{
        background: rgba(var(--main-header-color), .5);
}
.t3-page-ce:hover .t3-page-ce-header{
    background: rgba(var(--main-header-color), 1);
}

.t3-page-column-header{
    font-size:18px;
}

.form-control-adapt option[value=color-1], .form-control-adapt[value=color-1], .form-control-adapt option[value='101'] { color: lightgrey;}
.form-control-adapt option[value=color-2], .form-control-adapt option[value='101']{ color: var(--color-2);}
.form-control-adapt option[value=color-3], .form-control-adapt option[value='102']{ color: var(--color-3);}
.form-control-adapt option[value=color-4], .form-control-adapt option[value='104']{ color: var(--color-4);}
.form-control-adapt option[value=color-5], .form-control-adapt option[value='105']{ color: var(--color-5);}
.form-control-adapt option[value=color-6], .form-control-adapt option[value='106']{ color: var(--color-6);}
.form-control-adapt option[value=color-7], .form-control-adapt option[value='107']{ color: var(--color-7);}
.form-control-adapt option[value=color-8], .form-control-adapt option[value='108']{ color: var(--color-8);}
.form-control-adapt option[value=color-9], .form-control-adapt option[value='109']{ color: var(--color-9);}
.form-control-adapt option[value=color-10], .form-control-adapt option[value='110']{ color: var(--color-10);}
.form-control-adapt option[value=color-11], .form-control-adapt option[value='111']{ color: var(--color-11);}
.form-control-adapt option[value=color-12], .form-control-adapt option[value='112']{ color: var(--color-12);}

.form-control-adapt option[value=color-1-trans]{ color: lightgrey;}
.form-control-adapt[value=color-1-trans]{ color: lightgrey;}
.form-control-adapt option[value=color-2-trans]{ color: var(--color-trans-2);}
.form-control-adapt option[value=color-3-trans]{ color: var(--color-trans-3);}
.form-control-adapt option[value=color-4-trans]{ color: var(--color-trans-4);}
.form-control-adapt option[value=color-5-trans]{ color: var(--color-trans-5);}
.form-control-adapt option[value=color-6-trans]{ color: var(--color-trans-6);}
.form-control-adapt option[value=color-7-trans]{ color: var(--color-trans-7);}
.form-control-adapt option[value=color-8-trans]{ color: var(--color-trans-8);}
.form-control-adapt option[value=color-9-trans]{ color: var(--color-trans-9);}
.form-control-adapt option[value=color-10-trans]{ color: var(--color-trans-10);}
.form-control-adapt option[value=color-11-trans]{ color: var(--color-trans-11);}
.form-control-adapt option[value=color-12-trans]{ color: var(--color-trans-12);}

.form-control-adapt option[value=border-color-1], .form-control-adapt[value=border-color-1]{ color: lightgrey;}
.form-control-adapt option[value=border-color-2]{ color: var(--color-2);}
.form-control-adapt option[value=border-color-3]{ color: var(--color-3);}
.form-control-adapt option[value=border-color-4]{ color: var(--color-4);}
.form-control-adapt option[value=border-color-5]{ color: var(--color-5);}
.form-control-adapt option[value=border-color-6]{ color: var(--color-6);}
.form-control-adapt option[value=border-color-7]{ color: var(--color-7);}
.form-control-adapt option[value=border-color-8]{ color: var(--color-8);}
.form-control-adapt option[value=border-color-9]{ color: var(--color-9);}
.form-control-adapt option[value=border-color-10]{ color: var(--color-10);}
.form-control-adapt option[value=border-color-11]{ color: var(--color-11);}
.form-control-adapt option[value=border-color-12]{ color: var(--color-12);}

.form-control-adapt option[value=border-color-1-trans], .form-control-adapt[value=border-color-1-trans]{ color: lightgrey;}
.form-control-adapt option[value=border-color-2-trans]{ color: var(--color-trans-2);}
.form-control-adapt option[value=border-color-3-trans]{ color: var(--color-trans-3);}
.form-control-adapt option[value=border-color-4-trans]{ color: var(--color-trans-4);}
.form-control-adapt option[value=border-color-5-trans]{ color: var(--color-trans-5);}
.form-control-adapt option[value=border-color-6-trans]{ color: var(--color-trans-6);}
.form-control-adapt option[value=border-color-7-trans]{ color: var(--color-trans-7);}
.form-control-adapt option[value=border-color-8-trans]{ color: var(--color-trans-8);}
.form-control-adapt option[value=border-color-9-trans]{ color: var(--color-trans-9);}
.form-control-adapt option[value=border-color-10-trans]{ color: var(--color-trans-10);}
.form-control-adapt option[value=border-color-11-trans]{ color: var(--color-trans-11);}
.form-control-adapt option[value=border-color-12-trans]{ color: var(--color-trans-12);}

.form-control-adapt option[value=default]{ color: var(--text-color-default);}
.form-control-adapt option[value=white]{ color: lightgrey}
.form-control-adapt option[value=color-1],.form-control-adapt option[value=transparent-color-1]{ color: var(--color-1);}
.form-control-adapt option[value=color-2],.form-control-adapt option[value=transparent-color-2]{ color: var(--color-2);}
.form-control-adapt option[value=color-3],.form-control-adapt option[value=transparent-color-3]{ color: var(--color-3);}
.form-control-adapt option[value=color-4],.form-control-adapt option[value=transparent-color-4]{ color: var(--color-4);}
.form-control-adapt option[value=color-5],.form-control-adapt option[value=transparent-color-5]{ color: var(--color-5);}
.form-control-adapt option[value=color-6],.form-control-adapt option[value=transparent-color-6]{ color: var(--color-6);}
.form-control-adapt option[value=color-7],.form-control-adapt option[value=transparent-color-7]{ color: var(--color-7);}
.form-control-adapt option[value=color-8],.form-control-adapt option[value=transparent-color-8]{ color: var(--color-8);}
.form-control-adapt option[value=color-9],.form-control-adapt option[value=transparent-color-9]{ color: var(--color-9);}
.form-control-adapt option[value=color-10],.form-control-adapt option[value=transparent-color-10]{ color: var(--color-10);}
.form-control-adapt option[value=color-11],.form-control-adapt option[value=transparent-color-11]{ color: var(--color-11);}
.form-control-adapt option[value=color-12],.form-control-adapt option[value=transparent-color-12]{ color: var(--color-12);}

.text-color-1{color: var(--color-1)}
.text-color-2{color: var(--color-2)}
.text-color-3{color: var(--color-3)}
.text-color-4{color: var(--color-4)}
.text-color-5{color: var(--color-5)}
.text-color-6{color: var(--color-6)}
.text-color-7{color: var(--color-7)}
.text-color-8{color: var(--color-8)}
.text-color-9{color: var(--color-9)}
.text-color-10{color: var(--color-10)}
.text-color-11{color: var(--color-11)}
.text-color-12{color: var(--color-12)}

.text-color-1-trans{color: var(--color-trans-1)}
.text-color-2-trans{color: var(--color-trans-2)}
.text-color-3-trans{color: var(--color-trans-3)}
.text-color-4-trans{color: var(--color-trans-4)}
.text-color-5-trans{color: var(--color-trans-5)}
.text-color-6-trans{color: var(--color-trans-6)}
.text-color-7-trans{color: var(--color-trans-7)}
.text-color-8-trans{color: var(--color-trans-8)}
.text-color-9-trans{color: var(--color-trans-9)}
.text-color-10-trans{color: var(--color-trans-10)}
.text-color-11-trans{color: var(--color-trans-11)}
.text-color-12-trans{color: var(--color-trans-12)}