.sidebar{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;overflow-x:hidden;transition:0.5s;background:linear-gradient(60deg,#e6e6e6,#cdcdcd);box-shadow:-2px 0px 20px rgba(0,0,0,0.43)}.sidebar a{text-decoration:none;color:#666;display:block;transition:0.3s}.sidebar a:hover{color:#1e88e5}.sidebar .alertclosebtn{position:relative;right:20px;font-size:36px;float:right;line-height:60px;color:#666}.alertclosebtn:hover{transition:1s ease;color:#42A5F5 !important}.alert-row{display:flex;padding:10px;background:rgba(0,0,0,0.09);border-bottom:1px solid rgba(0,0,0,0.11)}.alert-row:hover{background:rgba(255,255,255,0)}.alert-row__no-alerts{text-align:center}.alert--read{opacity:0.4}.alert--read{opacity:0.4}.alert-avatar{margin-right:5px}.alert-avatar img{width:50px;height:50px}.alert-content{text-align:left;margin-top:auto;margin-bottom:auto;width:350px}.alert-date{text-align:center;margin-top:auto;margin-bottom:auto;margin-left:5px;color:#666}.alert-header{height:60px}.alert-header-text{position:absolute;text-align:center;font-size:25px;line-height:60px;letter-spacing:1px;right:0;left:0;color:#666}.alert-main{width:360px;margin:0 auto;min-height:300px;box-shadow:inset 0px 0px 9px 0px rgba(0,0,0,0.36)}.alert-bottom{position:relative;margin-top:10px;display:inline-flex;text-align:center;padding-left:15px;width:360px}.alert-button{background-color:#cdcdcd;color:#42a5f5;font-size:15px;padding:5px;border:1px solid transparent;box-shadow:inset 0px 0px 9px 0px rgba(0,0,0,0.23);cursor:pointer;height:20px;margin-right:5px;transition:1s ease}.alert-button:hover{background:#42A5F5;color:#fff !important;border:1px solid #42A5F5;box-shadow:inset 0px 0px 0px 0px transparent}@media only screen and (max-width:1400px){.sidebar{left:0}}@media only screen and (min-width:1400px){.sidebar{right:0}}@media only screen and (min-width:1300px){.sidebar{right:0}}