#ccc, #ccc #ccc-notify p, #ccc h3, #ccc p, #ccc .ccc-notify-button { font-size:14px; } #ccc .ccc-content--light #ccc-notify-accept.ccc-notify-button span { color: #fff !important; } #ccc-end { float: right; margin-top: 0; } #ccc .ccc-content--light .ccc-button-solid span { background: transparent; } #ccc #ccc-notify.ccc-notify__top.ccc-content--dark.ccc-content--highlight{ padding: 16px 12%; width: 100%; margin: 0 auto; } #ccc #ccc-notify h3 { padding-bottom: 15px; font-size: 16px; } h3.ccc-alert-title{ font-size: 15px; } .ccc-notify-text { padding-right: 6rem; } #ccc-notify-reject { display: none; } #ccc .ccc-notify-button.ccc-link.ccc-tabbable.ccc-notify-link{ display: block; background-color: transparent !important; border: 2px solid #ccc !important; min-width: 170px; } #ccc .ccc-notify-button.ccc-accept-button { min-width: 170px; } #ccc-module.ccc-module--slideout.ccc-module--left { top: 0; } #ccc-module.ccc-module--slideout { top: 0; bottom: 0; height: 60%; width: 100%; } #ccc-module.ccc-module--slideout { max-width: 100%; } #ccc-module.ccc-module--slideout.ccc-module--left { left: 0; animation-name: none; animation-name: mymove; /*slide-right*/ animation-duration: .5s; animation-iteration-count: 1; } @keyframes mymove { From {top: -120px;} to {top: 0px;} } #ccc-module { height: 450px; } .ccc-panel { position: absolute; top: 24px; left: 200px; right: 200px; } #ccc p.ccc-intro { padding-right: 200px; margin-top: 0; } #ccc #ccc-recommended-settings { margin-left: 0; float: right; clear: both; position: absolute; top: 30px; right: 0px; } #ccc-title::after { content: none; } label.checkbox-toggle-label { padding-bottom: 0px; } #ccc .checkbox-toggle--light { background-color: #00a4b5; border-color: #00a4b5; } #ccc .checkbox-toggle--light .checkbox-toggle-toggle { background-color: #fff; } #ccc .ccc-content--light .ccc-button-solid { background: #00a4b5; } #ccc .ccc-content--light .ccc-notify-button { color: #000; border-color: #00a4b5; background: #00a4b5; } #ccc .ccc-content--light .ccc-notify-button { color: #fff; background: #00a4b5; } #ccc .ccc-notify-button.ccc-accept-button { font-weight: bold; } #ccc .ccc-content--light #ccc-notify-accept.ccc-notify-button { color: #fff; } #ccc .ccc-notify-button.ccc-link.ccc-tabbable.ccc-notify-link { color: #000; text-decoration: none; } @media only screen and (max-width: 599px) { #ccc .ccc-content--light #ccc-notify-accept.ccc-notify-button{ float: left; } } @media only screen and (max-width: 600px) { .ccc-panel { left: 20px; right: 20px; } #ccc #ccc-recommended-settings { float: none; position: relative; top: 0; right: 0px; } #ccc p.ccc-intro { padding-right: 0; } .ccc-notify-text { padding-right: 20px; } } @media only screen and (min-width: 600px) and (max-width: 1000px) { .ccc-panel { left: 50px; right: 50px; } }