.app-main { padding: 0; width: auto; max-width: none; } body { font-family: 'Humbug', 'Helvetica Neue', sans-serif !important; } p { margin-bottom: 0px; } svg { -webkit-font-smoothing: antialiased; } .alert { display: none; } .analytics-page-header { margin-top: 30px; margin-bottom: 50px; text-align: center; font-size: 36px; } .sidebar { width: 300px; height: calc(100vh - 94px); z-index: 2; display: inline-block; vertical-align: top; border-right: 1px solid #eee; } .nav { margin-left: 20px; } .nav-subtitle { font-size: 20px; font-weight: 300; margin-top: 40px; margin-bottom: 7px; } .nav-link { display: block; font-size: 17px; margin-left: 25px; } .page-content { width: calc(100% - 300px - 8px); overflow: auto; display: inline-block; vertical-align: top; } .center-container { min-height: 0px; } .graph-title { text-align: center; font-size: 20px; margin-bottom: 30px; } #graph_container { position: relative; } #button_label { font-size: 15px; margin-left: 40px; margin-bottom: 0px; } #hoverinfo { position: relative; top: -33px; height: 0; width: 350px; z-index: 1; font-size: 14px; margin-left: 40px; } #id_messages_sent_over_time { user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } #id_messages_sent_over_time[last_value_is_partial='true'] .points path:last-of-type { opacity: 0.5; } #hover_date { font-weight: 400; } #hover_human { font-weight: 400; margin-left: 18px; display: none; } #hover_bot { font-weight: 400; margin-left: 8px; display: none; } .button { font-family: 'Humbug', 'Helvetica Neue', sans-serif !important; border: none; border-radius: 4px; outline: none; } .button:hover { background: #D8D8D8 !important; } .pie-button { font-family: 'Humbug', 'Helvetica Neue', sans-serif !important; font-weight: inherit; border: none; border-radius: 4px; padding: 0px 5px 0px 5px; margin: 5px 0px 0px 0px; } .pie-button:hover { background: #D8D8D8 !important; } #button_container { position: absolute; top: -12px; z-index: 1; } #hourly_button { padding: 0px 5px 0px 5px; font-size: 14px; margin-left: 40px; margin-top: 0px; background: #F0F0F0; } #daily_button { padding: 0px 5px 0px 5px; font-size: 14px; margin-top: 0px; background: #F0F0F0; } #weekly_button { padding: 0px 5px 0px 5px; font-size: 14px; margin-top: 0px; background: #F0F0F0; } #cumulative_button { padding: 0px 5px 0px 5px; font-size: 14px; margin-top: 0px; background: #F0F0F0; } #messages_by_client_realm_button { font-size: 14px; background: #D8D8D8; } #messages_by_client_user_button { font-size: 14px; background: #F0F0F0; } #messages_by_client_cumulative_button { font-size: 14px; background: #D8D8D8; } #messages_by_client_ten_days_button { font-size: 14px; margin-left: 50px; background: #F0F0F0; } #messages_by_client_thirty_days_button { font-size: 14px; background: #F0F0F0; } #messages_by_type_realm_button { font-size: 14px; margin-bottom: 100px; background: #D8D8D8; } #messages_by_type_user_button { font-size: 14px; background: #F0F0F0; margin-bottom: 100px; } #messages_by_type_cumulative_button { font-size: 14px; background: #D8D8D8; vertical-align: top; } #messages_by_type_ten_days_button { font-size: 14px; background: #F0F0F0; vertical-align: top; margin-left: 50px; } #messages_by_type_thirty_days_button { font-size: 14px; background: #F0F0F0; vertical-align: top; } #pie_container { text-align: center; } #pie_messages_sent_by_client { display: inline-block; vertical-align: top; margin: 100px 40px 0px 0px; } #pie_messages_sent_by_type { display: inline-block; vertical-align: top; margin: 100px 0px 0px 0px; } #pie_messages_sent_by_client_total { font-size: 14px; text-align: left; margin: 0px 0px 5px 45px; } #pie_messages_sent_by_type_total { font-size: 14px; text-align: left; margin: 0px 0px 5px 53px; } #users_hover_info { position: relative; top: -65px; height: 0; width: 400px; z-index: 1; font-size: 14px; margin-left: 20px; } #users_hover_date { font-weight: 400; margin-left: 18px; } #users_hover_humans { font-weight: 400; margin-left: 18px; display: none; } #users_total { position: relative; top: -65px; height: 0; width: 400px; z-index: 1; font-size: 13px; margin-left: 320px; } #number_of_users { font-weight: 400; margin-left: 20px; } #number_of_users_today { top: -65px; font-size: 13px; text-align: left; margin: 0px 0px 8px 0px; } @media (max-width: 1127px) { #pie_messages_sent_by_client { margin-right: 0px; margin-bottom: 40px; } }