/* Accessibility Settings */

p, li, th, td, h3 {
	color: var(--font-col-pref);
}
p, li, a, th, td {
	font-size: var(--font-size-pref);
	transition: font-size 0.2s linear;
}

#acc-toggle {
	font-size: 16px!important;
}
.acc-cont {
	margin: 2.5% 25% 0 25%;
	text-align: center;
}
.accessibility {
	display: flex;
	flex-direction: row;

	text-align: center;

	margin: 0!important;
}
.accessibility * {
	margin: auto 0 auto 0;
}

.accessibility {
	padding: 16px;
	background-color: var(--back-col-pref);
}
.accessibility input {
	margin: auto;
	border-radius: 10px;
}
.accessibility .acc-opt {
	display: flex;
	flex-direction: column;

	margin-right: 32px;
}
.accessibility .acc-opt span {
	margin-bottom: 8px;
	color: var(--font-col-pref);
}

.accessibility .opt-set button {
	margin-top: 4px;
	margin-bottom: 4px;
}
.accessibility .opt-right {
	margin-left: auto;
}

.fontScale {
	display: flex;
	flex-direction: row;

	outline: 1px solid #000000;
	border-radius: 10px;

	color: var(--font-col-pref);
	background-color: var(--back-col-pref);
}

.fontScale button {
	margin: 0;
	padding: 8px;
}
.fontScale button:hover {
	cursor: pointer;
	background-color: #e0e0ff;
}
.fontScale .fontDown {
	border: none;
	border-right: 1px solid;
	border-radius: 10px 0px 0px 10px;
}
.fontScale .fontUp {
	border: none;
	border-left: 1px solid;
	border-radius: 0px 10px 10px 0px;
}

.fontScale span {
	margin: auto 32px auto 32px;
}

@media screen and (min-device-width: 601px) and (max-device-width: 1280px){
    .fontScale{
        width: 26%;
        margin-left: 38%;
        margin-right: 15%;
		outline: 0px;
    }

    .accessibility .opt-set #acc-save{
        width: 50%;
        margin-left: 25%;
        margin-right: 10%;
    }

	.accessibility .opt-set #acc-rsaved, .accessibility .opt-set #acc-rdef{
        margin-left: 25%;
        margin-right: 10%;
        width: 50%;
    }

    .accessibility .opt-right{
        margin-left: 0;
    }

}

/*IPad Pro*/
@media only screen and (width: 1024px) and (height: 1366px){
	.accessibility .opt-set #acc-rsaved, .accessibility .opt-set #acc-rdef, .accessibility .opt-set #acc-save{
		width: 100%;
	}
}

/*Pro 7*/
@media only screen and (width: 912px) and (height: 1368px){
	.accessibility .opt-set #acc-rsaved, .accessibility .opt-set #acc-rdef, .accessibility .opt-set #acc-save{
		width: 100%;
	}
}


/*Zenbook Fold*/
/*Pro 7*/
@media only screen and (width: 853px) and (height: 1280px){
	.accessibility .opt-set #acc-rsaved, .accessibility .opt-set #acc-rdef, .accessibility .opt-set #acc-save{
		width: 100%;
	}
}