.mds-gray {
        background-color: #7b7b81;
        color: white;
    }

    .w3-ripple.mds-gray:active{
        background-color:#bdbdc2;
        opacity:1;
    }

    .mds-text-hover-orange:hover{
        color: #ec6707;
        transition:.1s;
    }

    .mds-text-hover-bright:hover{
        color: #bdbdc2;
        transition:.1s;
    }

    .mds-text-hover-dark:hover{
        color: #000;
        transition:.1s;
    }

    .mds-text-gray.mds-text-hover-bright:hover{
        color: #fff;
    }

    .mds-text-light-gray.mds-text-hover-bright:hover{
        color:#fff;
    }

    .mds-text-gray.mds-text-hover-dark:hover{
        color: #000;
    }

    .mds-text-black.mds-text-hover-bright:hover, .mds-text-light-gray.mds-text-hover-dark:hover{
        color: #7b7b81;
    }

    .mds-text-black.mds-text-hover-dark:hover{
        color: #ec6707;
    }

    .mds-text-orange {
        color: #ec6707;
    }
	
	.mds-text-gray {
        color: #7b7b81;
    }

	
	.mds-text-black {
        color: #000;
    }

    .mds-light-gray {
        background-color: #bdbdc2;
		color:#000;
    }
	
	.mds-text-light-gray {
        color: #bdbdc2;
    }

    
	

    .mds-border-light-gray {
		border-color: #bdbdc2;
	}

    .mds-border-gray {
		border-color: #7b7b81;
	}

    .mds-border.mds-gray {
        border: 1px solid #000;
    }

    .mds-border.mds-light-gray{
        border: 1px solid #7b7b81;
    }
	
	.mds-border-orange {
		border-color: #ec6707 !important;
	}

    .mds-bg-orange {
        background-color: rgba(236,103,7,0.15);
    }

    .mds-bg-yellow {
        background-color: rgba(220,208,12,0.15);        
    }

    .mds-mandatory {
        border: 1px solid #ce3535!important;
    }

    .mds-mandatory-text {
        color: #ce3535 !important;
    }

.mds-bg-green {
    background-color: rgba(119,187,0,0.15);
}

.mds-bg-white {
    background-color: rgba(255,255,255,0.3);
}

.mds-bg-gray {
    background-color: rgba(123,123,129,0.15);
}

    .mds-bg-gray.mds-hover-bright:hover, .mds-bg-gray.mds-hover-bright.hover {
        box-shadow: inset 0 0 0 500px rgba(255, 255, 255, 0.3);
        background-color: rgba(123,123,129,0.15);
    }

    .mds-bg-gray.mds-hover-dark:hover, .mds-bg-gray.mds-hover-dark.hover {
        box-shadow: inset 0 0 0 500px rgba(123,123,129, 0.3);
        background-color: rgba(123,123,129,0.15);
    }

.mds-bg.mds-hover-dark:hover, .mds-bg.mds-hover-dark.hover {
    box-shadow: inset 0 0 0 500px rgba(123,123,129, 0.3);
}


.mds-hover-bright, .mds-hover-dark, .mds-text-hover-bright, .mds-text-hover-dark, .mds-text-hover-orange {
    cursor: pointer;
}

.mds-bg-light-gray, .sp-wikilink {
    background-color: rgba(189,189,194,0.15);
}

    .mds-bg-light-gray.mds-hover-bright:hover, .mds-bg-light-gray.mds-hover-bright.hover {
        box-shadow: inset 0 0 0 500px rgba(255, 255, 255, 0.3);
        background-color: rgba(189,189,194,0.15);
    }

    .mds-bg-light-gray.mds-hover-dark:hover, .mds-bg-light-gray.mds-hover-dark.hover {
        box-shadow: inset 0 0 0 500px rgba(123,123,129, 0.3);
        background-color: rgba(189,189,194,0.15);
    }

.mds-gray.mds-hover-bright:hover, .mds-gray.mds-hover-bright.hover {
    box-shadow: inset 0 0 0 500px #bdbdc2;
    background-color: #7b7b81;
    color: black;
}

.mds-light-gray.mds-hover-bright:hover, .mds-light-gray.mds-hover-bright.hover {
    box-shadow: inset 0 0 0 500px rgba(255, 255, 255, 0.3);
    background-color: #bdbdc2;
    color: black;
}

select.mds-hover-bright:hover, select.mds-hover-bright.hover {
}

.mds-hover-bright:hover, .mds-hover-bright.hover {
    transition: 0s;
    box-shadow: inset 0 0 0 500px rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

.mds-gray.mds-hover-dark:hover, .mds-gray.mds-hover-dark.hover {
    background-color: #7b7b81;
    color: white;
}


.mds-hover-dark, .mds-hover-bright {
    transition: .15s;
}

    .mds-hover-dark:hover, .mds-hover-dark.hover {
        transition: 0s;
        box-shadow: inset 0 0 0 500px rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

.mds-yellow.mds-hover-bright:hover {
}

.mds-orange.mds-hover-bright:hover, .mds-blue.mds-hover-bright:hover,
.mds-orange.mds-hover-bright.hover, .mds-blue.mds-hover-bright.hover {
    box-shadow: inset 0 0 0 500px rgba(255, 255, 255, 0.3);
    background-color: #ec6707;
}

.mds-orange, .mds-hover-orange:hover, .mds-hover-orange.hover {
    background-color: #ec6707;
    color: #fff;
    transition: .15s;
}

.mds-hover-orange:hover {
    cursor: pointer;
}

.mds-hover-border:hover, .mds-hover-border-light-gray:hover {
    cursor: pointer;
    box-shadow: inset 0 0 0 2px #bdbdc2;
    transition: .15s;
}

.mds-hover-border-gray:hover {
    cursor: pointer;
    box-shadow: inset 0 0 0 2px #7b7b81;
    transition: .15s;
}

.mds-hover-border-orange:hover {
    cursor: pointer;
    box-shadow: inset 0 0 0 2px #ec6707;
    transition: .15s;
}

    .mds-green {
        background-color: #77bb00;
    }

    .mds-text-green {
        color: #77bb00;
    }

    .mds-text-blue {
        color: #1398f8;
    }
    
    .mds-blue {
        background-color:#1398f8;
    }

    .mds-orange:hover, .mds-blue:hover{
        color: #fff;
    }

.mds-yellow {
    background-color: #dcd00c;
    color: #000;
}