﻿@import "https://fonts.googleapis.com/css?family=Fredoka+One|Poppins:300,400,500,600&display=swap";body{margin:0;background-image:url(../img/background.jpg);background-position:top;background-repeat:no-repeat;background-color:#171941;font-size:16px;min-width:600px}*{font-family:'Poppins',sans-serif}#content{max-width:70%;margin:auto}#content > h1{font-size:48px;margin:0;color:#fff;text-align:center;text-transform:uppercase}#content > h2{font-size:32px;margin:0;color:#fff;text-align:center;text-transform:uppercase}#content > h3{font-size:22px;margin:0 0 50px;color:#525f7f;text-align:center;text-transform:uppercase}hr{width:50px;border-radius:5px;border-color:#ffbd00;margin:55px 0 55px calc(50% - 25px);display:inline-block}.header{margin-top:15px;overflow:hidden;background-color:transparent;margin-bottom:500px}.header a{float:left;color:#fff;margin-top:20px;text-align:center;padding-right:15px;text-decoration:none;font-size:1em;text-shadow:0 1px 2px #000;opacity:1;transition:opacity .2s}.header a:hover{opacity:.5;transition:opacity .3s}.header a i{color:#fff;padding-left:20px}.header .logo img{margin-right:20px;margin-top:-20px;width:150px}.header-right{float:right}.page{width:100%;margin-top:500px;background:#F0F0F0;z-index:2}.page img{position:absolute;top:282px;right:13.5%;transform:rotate(10deg);width:190px;z-index:-1}.badges{margin:0 10px;display:flex;justify-content:center;}.info-badge{width:calc(25% - 50px);float:left;background:#1f2251;border-radius:8px;margin:5px;padding:0 20px;box-shadow:0 1px 20px 0 rgba(0,0,0,0.1);color:#fff}.info-badge .left{float:left}.info-badge .left i{padding:10px;margin-top:25px;font-size:32px;float:left}.info-badge .right{float:right;text-align:right}.info-badge p{font-size:16px;margin-top:-15px}.info-badge h2{color:#ffbd00}.feeds{width:100%;display:inline-block;margin-top:25px}.feed{width:100%;color:#fff}.feed-content{background:#1f2251;border-radius:8px;padding:25px;margin:5px 15px 20px;box-shadow:0 1px 20px 0 rgba(0,0,0,0.1)}.heading{margin-left:20px}.heading small{font-size:12px;font-weight:700;text-transform:uppercase;color:#525f7f}.badge{text-transform:uppercase;text-decoration:none;margin-bottom:5px;padding:.25rem .5rem;font-size:12px;font-weight:700;line-height:1;border-radius:4px}.badge-yellow{color:#fff;background-color:#ffbd00}.badge-blue{color:#fff;background-color:#1e90ff}.badge-red{color:#fff;background-color:#dc143c}@media only screen and (max-width: 1700px){.info-badge{width:calc(50% - 50px);float:left;background:#1f2251;border-radius:8px;margin:5px;padding:0 20px;box-shadow:0 1px 20px 0 rgba(0,0,0,0.1);color:#fff}}@media only screen and (max-width: 910px){.info-badge{width:calc(100% - 50px);float:left;background:#1f2251;border-radius:8px;margin:5px;padding:0 20px;box-shadow:0 1px 20px 0 rgba(0,0,0,0.1);color:#fff}}#login{background-image:none;background-color:#171941;font-size:16px;min-width:750px}#login-section{max-width:50%;margin:auto}.login-form{background:#1f2251;border-radius:8px;padding:25px;margin:150px 15px 20px;box-shadow:0 1px 20px 0 rgba(0,0,0,0.1)}.login-form > h1{font-size:32px;margin:0;color:#fff;text-align:center;text-transform:uppercase}.login-form > h3{font-size:18px;margin:0 0 50px;color:#525f7f;text-align:center;text-transform:uppercase}label{font-size:12px;font-weight:700;text-transform:uppercase;color:#525f7f}input[type=text],input[type=password]{width:100%;display:inline-block;border-radius:4px;box-sizing:border-box;background-color:transparent;font-weight:lighter;border:2px solid rgba(255,255,255,.5);color:#fff;transition:all .2s;padding:10px 15px;font-size:15px;margin:3px 0 20px}input:focus{outline:none!important;border:2px solid rgba(255,255,255,.7);transition:all .2s}input:focus::-webkit-input-placeholder{color:transparent;transition:all .1s}input:focus:-moz-placeholder{color:transparent;transition:all .1s}input:focus::-moz-placeholder{color:transparent;transition:all .1s}input:focus:-ms-input-placeholder{color:transparent;transition:all .1s}input[type=submit]{width:100%;background-color:#ffbd00;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:5px;cursor:pointer}input[type=submit]:hover{background-color:#ffa900;transition:all .1s}@media only screen and (min-width: 1200px){#login-section{max-width:30%;margin:auto}}.controlcenter{background-image:none;background-color:#171941;font-size:16px;min-width:680px}.cc-header{margin-top:15px;overflow:hidden;background-color:transparent;margin-bottom:50px}.cc-header a{float:left;color:#fff;margin-top:20px;text-align:center;padding-right:15px;text-decoration:none;font-size:1em;text-shadow:0 1px 2px #000;opacity:1;transition:opacity .2s}.cc-header a:hover{opacity:.5;transition:opacity .3s}.cc-header a i{color:#fff;padding-left:20px}.cc-header .logo img{margin-right:20px;margin-top:-20px;width:150px}.cc-badges{margin:0 10px 0 -5px}.controlcenter > #content > h1{font-size:32px;margin:60px 0 0;color:#fff;text-align:left;text-transform:uppercase;display:inline-block}.controlcenter > #content > h3{font-size:22px;margin:0 0 25px;color:#525f7f;text-align:left;text-transform:uppercase}.controlcenter > #content > hr{width:50px;border-radius:5px;border-color:#ffbd00;margin:55px 0 55px calc(50% - 25px);display:inline-block}.group-btn{text-align:left;border-radius:3px;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px 16px 10px 70px;color:#fff;text-decoration:none;margin-right:10px;transition:opacity .3s;opacity:1}.group-btn:hover{transition:opacity .3s;opacity:.8}.group-btn > span{position:absolute;display:inline-block;left:0;top:0;padding:5px 15px;font-size:22px;background-color:rgba(0,0,0,.1)}.group-btn > span > i{font-size:20px}.group-btn.yellow{background-color:#ffbd00}.group-btn.blue{background-color:#1e90ff}.group-btn.green{background-color:#32cd32}.group-btn.red{background-color:#dc143c}table{border-collapse:collapse;width:100%}th,td{color:#fff;padding:8px;text-align:left;border-bottom:1px solid #ddd}th,td > a{color:#fff;text-decoration:none}td > form > input[type=submit],td > form > input[type=password]{width:calc(33% - 5px);background-color:transparent;color:#fff;padding:5px 10px;margin:5px 5px 5px 0;border:2px solid rgba(255,255,255,.6);border-radius:5px;font-size:14px;transition:all .1s;float:left}select{width:100%;background-color:transparent;color:#fff;padding:5px 10px;margin:5px 5px 5px 0;border:2px solid rgba(255,255,255,.6);border-radius:5px;font-size:14px;transition:all .1s;float:left}textarea{width:calc(100% - 24px);background-color:transparent;color:#fff;padding:5px 10px;margin:5px 5px 5px 0;border:2px solid rgba(255,255,255,.6);border-radius:5px;font-size:14px;transition:all .1s;float:left;resize:vertical;min-height:20px}td > form > input[type=submit]:disabled{cursor:initial;opacity:.3}td > form > input[type=submit]:disabled:hover{border:2px solid rgba(255,255,255,.6)}td > form > input[type=submit]:hover{border:2px solid rgba(255,255,255,1);background-color:transparent;transition:all .1s}@media only screen and (max-width: 1270px){td > form > input[type=submit],td > form > input[type=password],select,textarea{width:100%;margin-right:0}}.option{color:#fff;background:#1f2251}.feed-remove > input[type=submit]{border:2px solid rgba(255,255,255,.5);color:rgba(255,255,255,.7);background:transparent;border-radius:5px;width:100px;font-size:12px;padding:5px 10px;transition:border .2s}.feed-remove > input[type=submit]:hover{border:2px solid rgba(255,255,255,.8);transition:border .2s}#footer{left:0;margin:0;padding:0;bottom:0;height:60px;text-align:center}#footer a{opacity:.5;display:block;font-size:15px;color:rgba(255,255,255,.7);text-decoration:none}
