/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
 .twitch-plugins-upsell {justify-content: center;display: flex; flex-wrap: wrap;max-width: 1000px;margin: 0 auto;}
 .twitch-plugins-upsell-item {width: calc(33.3% - 4%);display: inline-flex;flex-direction: column; justify-content: space-between; vertical-align: top; margin: 0 2% 2%;}
 .twitch-plugins-upsell-item img {width: 100%; height: auto;}
 .twitch-plugins-upsell-item span {display: block;text-align: center;margin: 5px 0;}
 .twitch-plugins-upsell-item a {display: block;width: 100%; text-align: center;}
 .disabled {cursor: not-allowed;}
 .upsell {color: red;}
 .twitch_settings_hidden {display: none;}
 #twitch-module {max-width: 1240px;margin: 0 auto;}

 /* Admin modal */
 *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
 .cp-admin__popup{background-color: rgba(0,0,0,0.5);position: fixed;width: 100%;min-height: 100vh;left: 0;top: 0;display:none;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;  -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
    .cp-admin__popup.is-active{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
    .cp-admin__popupInner{width: 100%;max-width: 800px;height: 500px;position: relative;z-index:3;}
    .cp-admin__instruction{display:none;height:100%;background-color:#5a1a1a;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
        .cp-admin__instruction.is-active{display:flex;}
    .cp-admin__instructionLeft{width:50%;padding: 20px;}
    .cp-admin__instructionLeft h2{font-size:24px;line-height:28px;color:#fff;font-weight:700;text-transform:uppercase;}
    .cp-admin__instructionLeft p, .cp-admin__instructionLeft p a{font-size: 16px;line-height: 20px;color: #f4f4f4;display:block;}
    .cp-admin__instructionLeft p a{display:inline-block;}
    .cp-admin__instructionRightt{width:50%;max-height: 100%;overflow: hidden;}
    .cp-admin__instructionRightt img{width:100%;}
    .cp-rotatingArrows{z-index: 2;width: 100%;position: absolute;height: 40px;max-width: 950px;left: 50%;top: 50%;transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
    .cp-rotatingArrows button{cursor: pointer;width: 20px;height: 20px;display: inline-block;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;border: 0;}
    .cp-rotatingArrows .l-leftArrow{background:url('../img/right-arrow.svg') no-repeat;width:20px;height:20px;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
    .cp-rotatingArrows .l-rightArrow{background:url('../img/right-arrow.svg') no-repeat;width:20px;height:20px;}
.js-crossModal{background:url('../img/cross.png');width: 30px;height: 30px;border: 0; display: inline-block; appearance: none; position: absolute; top: -40px; right: 0;background-size: cover;cursor: pointer;}
.js-background{position: absolute;left: 0;top: 0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.5); z-index: 1;}
.l-instructions{border: 0;background-color: #000;color: #fff;padding: 15px 10px;text-align: center;width: 150px;font-size: 14px;display: block;cursor: pointer;margin:0 auto;}
.js-adminSave{display: inline-block;background-color: #000; border: 0;color: #fff;font-size: 16px;line-height: 16px;padding: 10px;margin-top: 10px;cursor: pointer;}
.youtube-plugins-upsell-item{text-align: center;max-width: 400px;margin: 0 auto;}
.youtube-plugins-upsell-item a, .youtube-plugins-upsell-item span{display:block;}
.youtube-plugins-upsell-item img{width:100%;}