@charset "utf-8";

.ensCenter { text-align: center; }

#ensModalWrapper { position: fixed; max-width: 80%; border: 1px solid rgb(0, 0, 0); display: none; box-shadow: grey 5px 5px 5px; background-color: rgb(255, 255, 255); padding: 20px 0px; z-index: 9999; }

.ensModal { font-family: Roboto, "Helvetica Neue", Helvetica, Arial; }

.ensModal input[type="checkbox"] { height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; position: absolute !important; }

.ensModal input[type="checkbox"]:checked ~ .toggle { background: rgb(255, 255, 255); left: 36px; transition: 0.5s; }

.ensModal input[type="checkbox"]:checked ~ .switch { background: rgb(67, 160, 71); transition: 0.5s; }

.ensModal .switch { display: block; width: 50px; height: 15px; background: rgb(147, 147, 147); border-radius: 10px; position: absolute; top: 0px; transition: 0.5s; }

.ensModal .toggle { height: 17px; width: 17px; border-radius: 50%; background: white; position: absolute; top: -2px; left: -2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; transition: 0.5s; }

.ensModal .card { display: inline-block; margin: 5px; width: 50px; height: 20px; text-align: center; position: relative; float: right; }

.ensModal { font-size: 18px; color: rgb(51, 51, 51); padding: 20px; }

.ensToggleRow { margin-bottom: 10px; }

.ensToggleLabel { margin-right: 5px; }

.ensButtons { clear: both; margin-top: 15px; float: right; }

.ensButtons .button { display: inline-block; position: relative; width: 120px; height: 32px; border-radius: 2px; font-size: 0.9em; background-color: rgb(255, 255, 255); color: rgb(100, 100, 100); margin-left: 20px; }

.ensButtons .button.grey { background-color: rgb(238, 238, 238); }

.ensButtons .button.blue { background-color: rgb(43, 92, 172); color: rgb(255, 255, 255); }

.ensButtons .button.raised { transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.2s; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; }

.ensButtons .button.raised:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 17px 0px; transition-delay: 0s; }

.ensModal .ensTitle { margin: 5px; width: 95%; color: rgb(116, 115, 111); position: absolute; top: -5px; left: -5px; padding-left: 5%; padding-top: 13px; padding-bottom: 3px; text-align: center; }

.ensModal .consentDescription { color: rgb(51, 51, 51); font-size: 14px; }

.ensModal hr { color: rgb(197, 197, 197); }

.ensModal .description { max-width: 600px; font-size: 12px; margin-top: 15px; clear: both; }

.ensToggleLabel.chevron::before { border-style: solid; border-width: 2px 2px 0px 0px; content: ""; display: inline-block; height: 8px; margin: 0px 5px 2px 0px; position: relative; width: 8px; }

.ensToggleLabel.chevron.right::before { transform: rotate(45deg); }

.ensToggleLabel.chevron.bottom::before { margin-left: 2px; margin-bottom: 3px; transform: rotate(135deg); }

.ensModal .ensTagsContent { display: none; padding: 0px 0px 0px 20px; }

.ensModal .tagContainer { color: rgb(103, 103, 103); padding: 7px 0px 7px 7px; font-size: 15px; }

.contactInfoLink { display: block; margin-bottom: 4px; }

.ensToggleRowWrapper { max-height: 400px; overflow: auto; }