.main-panel,.main-panel .row{height:100%}.login-panel{display:flex;flex-direction:column;align-items:center;min-width:300px;height:400px;box-shadow:0 0 20px #b3b3b3;padding:20px 10px}.login-panel .login-user-avatar{min-width:150px;min-height:150px;background-image:none;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:50%;margin:20px 0;-webkit-filter:grayscale(100%);filter:gray;transform:rotateY(0);backface-visibility:hidden;transition:transform .4s}.login-panel .login-form input{border:0;border-bottom:1px solid gray;border-radius:0}.login-panel .login-form input:active,.login-panel .login-form input:focus,.login-panel .login-form input:hover{outline:0;box-shadow:none}.login-panel .login-form .btn.btn-primary{margin-top:40px;text-transform:uppercase;border-radius:0}.login-panel .login-response{max-height:0;width:100%;transition:max-height .4s}.login-panel .login-response.has-error{max-height:100px}.search-container{display:flex;font-size:14px;margin:25px 0}.search-input{border:1px solid #ddd;border-radius:5px 0 0 5px;padding:10px;border-right:none;width:100%}.btn.btn-default.search-btn{border:1px solid #ddd;background-color:#fff!important;border-radius:0 5px 5px 0;border-left:none;background-image:none;box-shadow:none;color:#919693}.video_thumbnail{margin:-9.375% 0;display:block;width:100%;height:auto}.video_thumbnail_holder{overflow:hidden}.vanilla-zoom{width:100%}.vanilla-zoom .sidebar{width:100%;display:flex}.vanilla-zoom .sidebar img.small-preview{width:60px;margin-right:5px;cursor:pointer;opacity:.5}.vanilla-zoom .sidebar img.small-preview.active,.vanilla-zoom .sidebar img.small-preview:hover{opacity:1}.vanilla-zoom .sidebar img.small-preview:last-child{margin-right:0}.vanilla-zoom .zoomed-image{width:100%;height:300px;flex:1;background-repeat:no-repeat;background-position:left center;background-size:contain;margin-bottom:5px}