bsw@1604: @font-face {
bsw@1604:   font-family: "Roboto";
bsw@1604:   src: url("font/Roboto-Regular.ttf");
bsw@1604: }
bsw@1604: @font-face {
bsw@1604:   font-family: "Roboto Bold";
bsw@1604:   src: url("font/Roboto-Bold.ttf");
bsw@1604: }
bsw@1604: @font-face {
bsw@1604:   font-family: "Roboto Slab";
bsw@1604:   src: url("font/RobotoSlab-Regular.ttf");
bsw@1604: }
bsw@1604: @font-face {
bsw@1604:   font-family: 'Material Icons';
bsw@1604:   font-style: normal;
bsw@1604:   font-weight: 400;
bsw@1652:   src: url("font/MaterialIcons-Regular.ttf");
bsw@1604: }
bsw@1604: 
bsw@1604: .material-icons {
bsw@1604:   font-family: 'Material Icons';
bsw@1604:   font-weight: normal;
bsw@1604:   font-style: normal;
bsw@1604:   font-size: 24px;
bsw@1604:   line-height: 1;
bsw@1604:   letter-spacing: normal;
bsw@1604:   text-transform: none;
bsw@1604:   display: inline-block;
bsw@1604:   white-space: nowrap;
bsw@1604:   word-wrap: normal;
bsw@1604:   direction: ltr;
bsw@1604:   -webkit-font-feature-settings: 'liga';
bsw@1604:   -webkit-font-smoothing: antialiased;
bsw@1604: }
bsw@1604: .material-icons.icon-green {
bsw@1604:   color: #4CAF50;
bsw@1604: }
bsw@1604: .material-icons.icon-yellow {
bsw@1604:   color: #FFEB3B;
bsw@1604: }
bsw@1604: .material-icons.icon-red {
bsw@1604:   color: #F44336;
bsw@1604: }
bsw@1619: 
bsw@1604: .mapboxgl-popup-content {
bsw@1604:   max-width: 200px;
bsw@1604: }
bsw@1604: body {
bsw@1604:   font-family: "Roboto";
bsw@1604:   background: #fff;
bsw@1604: }
bsw@1604: strong {
bsw@1604:   font-family: "Roboto Bold";
bsw@1604: }
bsw@1604: .slot_error {
bsw@1604:   margin: 20px 20px 0 20px;
bsw@1604:   background: #fed;
bsw@1604:   padding: 20px;
bsw@1604: }
bsw@1604: .slot_notice {
bsw@1604:   margin: 20px 20px 0 20px;
bsw@1604:   background: #efd;
bsw@1604:   padding: 20px;
bsw@1604: }
bsw@1604: h1 {
bsw@1604:   font-size: 24px;
bsw@1604:   margin-bottom: 0px;
bsw@1604: }
bsw@1604: 
bsw@1604: .mdl-layout__container {
bsw@1604:   max-width: 1600px;
bsw@1604:   height: auto;
bsw@1604:   background: #f7f7f7;
bsw@1604: }
bsw@1604: .mdl-layout__header-row {
bsw@1604:   padding-left: 20px !important;
bsw@1604:   padding-right: 10px !important;
bsw@1604: }
bsw@1604: .mdl-layout__content {
bsw@1604:   flex-shrink: 0;
bsw@1604:   width: 100%;
bsw@1604: }
bsw@1604: #lf-member-menu {
bsw@1604:   cursor: pointer;
bsw@1604: }
bsw@1604: .notifications {
bsw@1604:   display: block;
bsw@1604:   text-align: center;
bsw@1604: }
bsw@1604: .page-content {
bsw@1604:   xdisplay: flex;
bsw@1604:   width: 100%;
bsw@1604: }
bsw@1604: .map, .ui_field_location {
bsw@1604:   border: none;
bsw@1604:   width: 100%;
bsw@1604:   height: auto;
bsw@1604:   max-height: 80vh;
bsw@1604:   position: relative;
bsw@1604:   border-radius: 2px;
bsw@1604: }
bsw@1604: .map:before {
bsw@1604:   content: "";
bsw@1604:   display: block;
bsw@1604:   padding-top: 100%;
bsw@1604: }
bsw@1604: .map iframe {
bsw@1604:   position: absolute;
bsw@1604:   top: 0;
bsw@1604:   left: 0;
bsw@1604:   right: 0;
bsw@1604:   bottom: 0;
bsw@1604:   height: 100%;
bsw@1604: }
bsw@1604: .axto-logo {
bsw@1604:   width: 100%;
bsw@1604: }
bsw@1604: .mdl-card__title-text a.issue {
bsw@1604:   font-size: 18px;
bsw@1604:   line-height: 20px;
bsw@1604: }
bsw@1604: .mdl-list__item .initiative_name {
bsw@1604:   font-size: 18px;
bsw@1604:   line-height: normal;
bsw@1604: }
bsw@1604: .initiatives.mdl-list  {
bsw@1604:   margin-top: 5px;
bsw@1604:   margin-bottom: 5px;
bsw@1604:   padding-bottom: 0px;
bsw@1604: }
bsw@1604: .initiatives .mdl-list__item--three-line {
bsw@1604:   min-height: 0;
bsw@1604:   padding-top: 0;
bsw@1604:   padding-bottom: 0;
bsw@1604: }
bsw@1604: .mdl-data-table__fullwidth {
bsw@1604:   width: 100%;
bsw@1604: }
bsw@1604: .mdl-textfield__fullwidth {
bsw@1604:   width: 100%;
bsw@1604: }
bsw@1604: 
bsw@1604: .mdl-card {
bsw@1604:   min-height: 20px;
bsw@1604:   overflow: visible;
bsw@1604:   display: block;
bsw@1604:   margin-bottom: 16px;
bsw@1604:   border-radius: 5px;
bsw@1604: }
bsw@1604: 
bsw@1604: .mdl-card__title {
bsw@1604:   border-radius: 5px 5px 0 0;
bsw@1604: }
bsw@1604: 
bsw@1604: .mdl-card__fullwidth {
bsw@1604:   width: 100%;
bsw@1604: }
bsw@1604: .mdl-card__title {
bsw@1604:   display: block;
bsw@1604: }
bsw@1604: .mdl-card__title > h2,
bsw@1604: .mdl-card__title > a {
bsw@1604:   display: inline-block;
bsw@1604:   vertical-align: top;
bsw@1604: }
bsw@1604: .mdl-card__subtitle-text {
bsw@1604:   display: block;
bsw@1604: }
bsw@1604: .mdl-card__content {
bsw@1604:   font-size: 1rem;
bsw@1604:   padding: 16px;
bsw@1604: }
bsw@1604: .mdl-card__content.mdl-card--no-bottom-pad {
bsw@1604:   padding-bottom: 0;
bsw@1604: }
bsw@1631: .mdl-card__actions {
bsw@1646:   min-height: 52px;
bsw@1631: }
bsw@1604: .mdl-card__actions.mdl-card--action-border,
bsw@1604: .mdl-card__content.mdl-card--border {
bsw@1604:   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
bsw@1604: }
bsw@1604: .mdl-card__actions.mdl-card--notice,
bsw@1604: .mdl-card__content.mdl-card--notice {
bsw@1604:   background: #fff9c4;
bsw@1604: }
bsw@1604: .mdl-card--has-fab {
bsw@1604:   position: relative;
bsw@1604: }
bsw@1604: .mdl-special-card {
bsw@1604:   background: #fff;
bsw@1604:   margin-bottom: 16px;
bsw@1604:   border-radius: 5px;
bsw@1604: }
bsw@1604: 
bsw@1604: .mdl-navigation__head {
bsw@1604:   font-family: "Roboto Bold";
bsw@1604: }
bsw@1604: .mdl-list__item--three-line {
bsw@1604:   height: auto;
bsw@1604:   min-height: 88px;
bsw@1604: }
bsw@1604: .mdl-list__item--three-line .mdl-list__item-primary-content {
bsw@1604:   height: auto;
bsw@1604:   min-height: 52px;
bsw@1604: }
bsw@1604: .mdl-chip {
bsw@1604:   vertical-align: middle;
bsw@1604: }
bsw@1604: .mdl-chip.clickable {
bsw@1604:   cursor: pointer;
bsw@1604: }
bsw@1604: .mdl-menu {
bsw@1604:   z-index: -9999;
bsw@1604: }
bsw@1604: .mdl-card {
bsw@1604:   z-index: auto !important;
bsw@1604: }
bsw@1604: .mdl-menu__item {
bsw@1604:   padding: 0;
bsw@1604: }
bsw@1604: .mdl-menu__link {
bsw@1604:   display: block;
bsw@1604:   padding: 0 16px;
bsw@1604:   min-height: 48px;
bsw@1604:   text-decoration: none;
bsw@1604:   color: #444;
bsw@1604: }
bsw@1604: .mdl-tabs__tab-bar {
bsw@1604:   justify-content: flex-start;
bsw@1604: }
bsw@1604: .mdl-tabs__tab.is-active {
bsw@1604: color: rgba(0,0,0, 0.87);
bsw@1604: }
bsw@1604: .mdl-data-table--condensed tbody tr {
bsw@1604:   height: 24px;
bsw@1604: }
bsw@1604: .mdl-data-table--condensed td {
bsw@1604:   padding-top: 0;
bsw@1604:   padding-bottom: 0;
bsw@1604:   height: 24px;
bsw@1604: }
bsw@1619: 
bsw@1619: .mdl-button--feature-off i {
bsw@1619:   color: #777;
bsw@1619: }
bsw@1619: 
bsw@1619: @keyframes feature-on {
bsw@1619:   0% {
bsw@1619:     transform: scale(0);
bsw@1619:   }
bsw@1619:   40% {
bsw@1619:     transform: scale(3);
bsw@1619:   }
bsw@1619:   100% {
bsw@1619:     transform: scale(1);
bsw@1619:   }}
bsw@1619: 
bsw@1619: .mdl-button--feature-on {
bsw@1619:   animation: feature-on 0.5s;  
bsw@1619: }
bsw@1619: 
bsw@1604: .mdl-button--underlined {
bsw@1604:   text-decoration: underline;
bsw@1604: }
bsw@1604: .right {
bsw@1604:   text-align: right;
bsw@1604: }
bsw@1604: .mdl-tabs__left {
bsw@1604:   display: inline-block;
bsw@1604:   width: auto;
bsw@1604: }
bsw@1604: .float-left {
bsw@1604:   float: left;
bsw@1604: }
bsw@1604: .float-right {
bsw@1604:   float: right;
bsw@1604: }
bsw@1604: .clear-left {
bsw@1604:   clear: left;
bsw@1604: }
bsw@1604: .clear-right {
bsw@1604:   clear: right;
bsw@1604: }
bsw@1604: .float-right .mdl-menu__container {
bsw@1604:   margin-right: 20px;
bsw@1604: }
bsw@1604: .inline {
bsw@1604:   display: inline-block;
bsw@1604: }
bsw@1604: .warning {
bsw@1604:   background-color: #fff9c4;
bsw@1604:   color: #212121;
bsw@1604:   padding: 16px;
bsw@1604:   border-radius: 2px;
bsw@1604: }
bsw@1604: .toolbar a {
bsw@1604:   color: #000;
bsw@1604:   display: inline-block;
bsw@1604:   border: 1px solid #ccc;
bsw@1604:   position: relative;
bsw@1604: }
bsw@1604: 
bsw@1604: .toolbar a.wysihtml-command-active {
bsw@1604:   background: #000;
bsw@1604:   color: #fff;
bsw@1604: 
bsw@1604: }
bsw@1604: 
bsw@1604: .toolbar a span.crossed {
bsw@1604:   position: absolute;
bsw@1604:   top: 0;
bsw@1604:   left: 8px;
bsw@1604:   font-weight: bold;
bsw@1604:   font-size: 200%;
bsw@1604:   line-height: 80%;
bsw@1604: }
bsw@1604: .toolbar a span.head_level {
bsw@1604:   position: absolute;
bsw@1604:   right: 0;
bsw@1604:   bottom: 0;
bsw@1604: }
bsw@1604: 
bsw@1604: textarea {
bsw@1604:   font-family: sans-serif;
bsw@1604:   font-weight: normal !important;
bsw@1604:   width: 100%;
bsw@1604:   height: 40ex;
bsw@1604: }
bsw@1604: .bargraph {
bsw@1604:   display: inline-block;
bsw@1604:   vertical-align: top;
bsw@1604:   height: 9px;
bsw@1604: }
bsw@1604: 
bsw@1604: .bargraph div {
bsw@1604:   margin: 0;
bsw@1604:   padding: 0;
bsw@1604:   display: inline-block;
bsw@1604:   height: 9px;
bsw@1604: }
bsw@1604: .draft {
bsw@1604:   font-family: 'Roboto Slab';
bsw@1604:   font-weight: 300;
bsw@1604:   overflow: auto;
bsw@1604:   clear: left;
bsw@1604: }
bsw@1604: .draft img {
bsw@1604:   float: right;
bsw@1604:   margin-left: 1em;
bsw@1604: }
bsw@1604: 
bsw@1604: .draft .landscape img {
bsw@1604:   width: 50%;
bsw@1604: }
bsw@1604: 
bsw@1604: .draft .portrait img {
bsw@1604:   width: 33.333%;
bsw@1604: }
bsw@1604: .member_weight {
bsw@1604:   background: #070;
bsw@1604:   color: #fff;
bsw@1604:   border-radius: 8px;
bsw@1604:   padding: 0 3px;
bsw@1604: }
bsw@1604: .card-issue {
bsw@1604:   background: rgb(76,175,80);
bsw@1604: }
bsw@1604: .card-issue a {
bsw@1604:   color: #fff;
bsw@1604: }
bsw@1604: @media (max-width: 960px) {
bsw@1604:   .draft img {
bsw@1604:     float: none;
bsw@1604:     margin-left: 0;
bsw@1604:   }
bsw@1604:   .draft a.portrait,
bsw@1604:   .draft a.landscape {
bsw@1604:     width: 100%;
bsw@1604:     display: block;
bsw@1604:     text-align: center;
bsw@1604:     margin-bottom: 2ex;
bsw@1604:   }
bsw@1604:   .draft .landscape img {
bsw@1604:     width: 100%;
bsw@1604:   }
bsw@1604:   .draft .portrait img {
bsw@1604:     width: 66.666%;
bsw@1604:   }
bsw@1604: }
bsw@1604: 
bsw@1604: .draft h1 {
bsw@1604:   font-size: 150%;
bsw@1604:   margin-bottom: 0;
bsw@1604: }
bsw@1604: .draft h2 {
bsw@1604:   font-size: 133%;
bsw@1604:   margin-bottom: 0;
bsw@1604: }
bsw@1604: .draft h3 {
bsw@1604:   font-size: 125%;
bsw@1604:   margin-bottom: 0;
bsw@1604: }
bsw@1604: .draft > a:first-child + h1,
bsw@1604: .draft > h1:first-child,
bsw@1604: .draft > h2:first-child,
bsw@1604: .draft > h3:first-child {
bsw@1604:   margin-top: 0;
bsw@1604: }
bsw@1604: @media (max-width: 960px) {
bsw@1604:   .draft > a:first-child + h1 {
bsw@1604:     margin-top: 20px;
bsw@1604:   }
bsw@1604: }
bsw@1604: 
bsw@1649: 
bsw@1649: .suggestion-content {
bsw@1649:   position: relative;
bsw@1649: }
bsw@1649: 
bsw@1604: .folded {
bsw@1604:   position: relative;
bsw@1604: }
bsw@1604: .folded .suggestion-content {
bsw@1649:   max-height: 250px;
bsw@1604:   overflow: hidden;
bsw@1604: }
bsw@1604: .folded .suggestion-content:before {
bsw@1604:   content: "";
bsw@1604:   width: 100%;
bsw@1604:   height: 25%;
bsw@1604:   position: absolute;
bsw@1604:   left: 0;
bsw@1604:   bottom: 0;
bsw@1604: background: linear-gradient(rgba(0,0,0,0), #fff);
bsw@1604: }
bsw@1604: .suggestion-less,
bsw@1604: .suggestion-more {
bsw@1604:   display: none;
bsw@1649:   position: absolute;
bsw@1649:   bottom: 5px;
bsw@1649:   right: 5px;
bsw@1604: }
bsw@1604: .folded .suggestion-more,
bsw@1604: .unfolded .suggestion-less {
bsw@1604:   display: inline-block;
bsw@1604: }
bsw@1604: 
bsw@1658: .suggestion_rating_info {
bsw@1658:   float: right;
bsw@1658:   line-height: 200%;
bsw@1658: }
bsw@1658: 
bsw@1604: .diff .diff_removed {
bsw@1604:   text-decoration: line-through;
bsw@1604:   background: #f00;
bsw@1604: }
bsw@1604: 
bsw@1604: .diff .diff_added {
bsw@1604:   text-decoration: underline;
bsw@1604:   background: #0f0;
bsw@1604: }
bsw@1604: 
bsw@1604: .material-icons {
bsw@1604:   vertical-align: middle;
bsw@1604: }
bsw@1604: .material-icons-small {
bsw@1604:   font-size: 18px;
bsw@1604: }
bsw@1604: 
bsw@1604: a.mdl-layout-title {
bsw@1604:   color: #fff;
bsw@1604:   text-decoration: none;
bsw@1604: }
bsw@1604: 
bsw@1604: .what-can-i-do-here .mdl-card__content {
bsw@1604:   font-size: 18px;
bsw@1604: }
bsw@1604: 
bsw@1604: .what-can-i-do-here .mdl-card__content ul {
bsw@1604:   font-size: 1rem;
bsw@1604: }
bsw@1604: 
bsw@1604: .what-can-i-do-here ul {
bsw@1604:   margin-top: 0.5em;
bsw@1604:   margin-bottom: 0;
bsw@1604:   padding-left: 1.5em
bsw@1604: }
bsw@1604: 
bsw@1604: 
bsw@1604: 
bsw@1604: .lf-filter .mdl-button {
bsw@1604:   padding-right: 4px;
bsw@1604: }
bsw@1604: 
bsw@1604: .phase-current {
bsw@1604:   font-family: "Roboto Bold";
bsw@1604: }
bsw@1604: 
bsw@1604: .phase-info {
bsw@1604:   padding-left: 27px;
bsw@1604:   margin-bottom: 1ex;
bsw@1604: }
bsw@1604: 
bsw@1604: .clickable {
bsw@1604:   cursor: pointer;
bsw@1604: }
bsw@1604: 
bsw@1604: .slot_title {
bsw@1604:   margin-left: 16px;
bsw@1604:   margin-top: 16px;
bsw@1604:   font-size: 18px;
bsw@1604: }
bsw@1604: 
bsw@1604: .slot_title > a,
bsw@1604: .slot_title > span {
bsw@1604:   display: inline-block;
bsw@1604:   padding: 0 4px 0 0;
bsw@1604:   
bsw@1604: }
bsw@1604: 
bsw@1604: .slot_title a.home {
bsw@1604:   margin: 0;
bsw@1604: }
bsw@1604: 
bsw@1604: .home i {
bsw@1604:   font-size: 32px;
bsw@1604: }
bsw@1604: 
bsw@1604: /* fix missing contrast */
bsw@1604: .mdl-list__item--three-line .mdl-list__item-text-body,
bsw@1604: .mdl-card__supporting-text,
bsw@1604: .mdl-card__subtitle-text {
bsw@1604:   color: rgba(0,0,0, 0.75);
bsw@1604: }
bsw@1604:    
bsw@1604: .mdl-textfield__label {
bsw@1604:   color: rgba(0,0,0, 0.5);    
bsw@1604: }
bsw@1604: 
bsw@1604: .mdl-list__item--three-line .mdl-list__item-text-body {
bsw@1604:   height: auto;
bsw@1604:   padding-bottom: 10px;
bsw@1604: }
bsw@1604: 
bsw@1604: select {  
bsw@1604:   font-family: 'Roboto','Helvetica','Arial',sans-serif;
bsw@1604:   background-color: transparent;
bsw@1604:   padding: 5px 0;
bsw@1604:   border: none;
bsw@1604:   border-bottom: 1px solid rgba(0,0,0, 0.12);
bsw@1604:   font-size: 1rem;
bsw@1604: }
bsw@1604: 
bsw@1604: 
bsw@1604: .initiative_list .mdl-list__item {
bsw@1604:   display: block;
bsw@1604: }
bsw@1604: .initiative_list .mdl-list__item-avatar {
bsw@1604:   float: left;
bsw@1604:   margin-right: 8px;
bsw@1604: }
bsw@1604: .initiative_list .mdl-list__item-avatar i {
bsw@1604:   padding-left: 8px;
bsw@1604: }
bsw@1604: .initiative_list .mdl-list__item-avatar.positive {
bsw@1604:   background: #4caf50;
bsw@1604: }
bsw@1604: .initiative_list .mdl-list__item-avatar.positive i {
bsw@1604:   padding-top: 8px;
bsw@1604:   vertical-align: top;
bsw@1604: }
bsw@1604: .initiative_list .mdl-list__item-avatar.negative {
bsw@1604:   background: #f44336;
bsw@1604: }
bsw@1604: .initiative_list .mdl-list__item-avatar.negative i {
bsw@1604:   padding-top: 10px;
bsw@1604:   vertical-align: top;
bsw@1604: }
bsw@1604: 
bsw@1604: .initiative_pie {
bsw@1604:   float: left;
bsw@1604:   margin-right: 15px;
bsw@1604:   margin-bottom: 15px;
bsw@1604: }
bsw@1604: 
bsw@1604: .initiative .result {
bsw@1604:   font-family: "Roboto Bold";
bsw@1604: }
bsw@1604: 
bsw@1614: .admitted_info h1,
bsw@1614: .not_admitted_info h1 {
bsw@1614:   margin-top: 0;
bsw@1614: }
bsw@1614: 
bsw@1604: .admitted_info table th,
bsw@1604: .not_admitted_info table th {
bsw@1604:   text-align: left;
bsw@1604:   padding-right: 10px;
bsw@1604: }
bsw@1604: 
bsw@1604: .admitted_info table td,
bsw@1604: .not_admitted_info table td {
bsw@1604:   text-align: right;
bsw@1604:   padding-right: 5px;
bsw@1604: }
bsw@1604: 
bsw@1604: .ui_list_row label.mdl-radio {
bsw@1604:   display: inline;
bsw@1604: }
bsw@1604: 
bsw@1604: .member_image_photo {
bsw@1604:   margin-top: 2ex;
bsw@1604:   margin-bottom: 2ex;
bsw@1604: }
bsw@1604: 
bsw@1604: .contextlinks {
bsw@1604:   color: #fff;
bsw@1604: }
bsw@1652: 
bsw@1604: /*************************************************************************
bsw@1604:  * Voting
bsw@1604:  */
bsw@1604: .main .section #voting_form .sectionRow:last-child {
bsw@1604:   border-radius: 0;
bsw@1604:   margin-bottom: 0;
bsw@1604: }
bsw@1604: #voting {
bsw@1604:   margin-top: 3ex;
bsw@1604:   position: relative;
bsw@1604:   margin-bottom: 2ex;
bsw@1604: }
bsw@1604: #voting .approval,
bsw@1604: #voting .abstention,
bsw@1604: #voting .disapproval {
bsw@1604:   border: 1px #ccc solid;
bsw@1604:   margin-bottom: 3ex;
bsw@1604:   padding: 1ex;
bsw@1604:   padding-bottom: 1ex;
bsw@1604:   border-radius: 2px;
bsw@1604:   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
bsw@1604: }
bsw@1604: #voting .movable {
bsw@1604:   cursor: pointer;
bsw@1604: }
bsw@1604: #voting .disapproval {
bsw@1604:   margin-bottom: 2ex;
bsw@1604: }
bsw@1604: #voting .approval {
bsw@1604:   background-color: #9f9;
bsw@1604: }
bsw@1604: #voting .approval .movable {
bsw@1604:   background-color: #dfd;
bsw@1604: }
bsw@1604: #voting .abstention {
bsw@1604:   background-color: #eee;
bsw@1604: }
bsw@1604: #voting .abstention .movable {
bsw@1604:   background-color: #fff;
bsw@1604: }
bsw@1604: #voting .disapproval {
bsw@1604:   background-color: #f88;
bsw@1604: }
bsw@1604: #voting .disapproval .movable {
bsw@1604:   background-color: #fbb;
bsw@1604: }
bsw@1604: #voting .movable {
bsw@1604:   position: relative;
bsw@1604:   border: 1px black solid;
bsw@1604:   margin-top: 1ex;
bsw@1604:   padding: 0;
bsw@1604:   border-radius: 2px;
bsw@1604:   min-height: 64px;
bsw@1604:   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
bsw@1604: }
bsw@1604: #voting .initiative_name {
bsw@1604:   display: inline-block;
bsw@1604:   margin: 5px;
bsw@1604:   font-family: "Roboto Bold";
bsw@1604: }
bsw@1604: 
bsw@1604: #voting .voting_form_active .movable {
bsw@1604:   cursor: pointer;
bsw@1604:   vertical-align: middle;
bsw@1604:   cursor: move;
bsw@1604: }
bsw@1604: #voting .voting_form_active .clickable {
bsw@1604:   cursor: auto;
bsw@1604: }
bsw@1604: #voting .voting_form_active a.clickable {
bsw@1604:   cursor: pointer;
bsw@1604: }
bsw@1604: 
bsw@1604: div.form .ui_field_label {
bsw@1604:   text-transform: uppercase;
bsw@1604:   font-size: 80%;
bsw@1604: }
bsw@1604: div.form .member_photo .member_image.member_image_photo {
bsw@1604:   margin-top: 0;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list {
bsw@1604:   margin-left: 10px;
bsw@1604:   list-style-type: none;
bsw@1604:   padding: 0;
bsw@1604:   line-height: 120%;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_list {
bsw@1604:   padding-left: 10px;
bsw@1604:   border-left: 1px solid #999;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_head {
bsw@1604:   margin-top: 10px;
bsw@1604:   padding: 3px 5px 3px 5px;
bsw@1604:   font-weight: 700;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list li {
bsw@1604:   margin-top: 5px;
bsw@1604:   margin-bottom: 5px;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_filter .trace_head {
bsw@1604:   background: #acf;
bsw@1604:   color: #000;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_request .trace_head,
bsw@1604: .trace_list .trace_view .trace_head {
bsw@1604:   background: #000;
bsw@1604:   color: #fff;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_config .trace_head,
bsw@1604: .trace_list .trace_view .trace_view .trace_head {
bsw@1604:   background: #ccc;
bsw@1604:   color: #000;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_head .time {
bsw@1604:   float: right;
bsw@1604:   font-weight: 500;
bsw@1604:   font-size: 90%;
bsw@1604:   line-height: 100%;
bsw@1604:   margin-top: 5px;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_sql {
bsw@1604:   color: #050;
bsw@1604: }
bsw@1604: 
bsw@1604: .trace_list .trace_sql_time {
bsw@1604:   background: #070;
bsw@1604:   color: #fff;
bsw@1604:   padding: 0px 3px;
bsw@1604:   border-radius: 5px;
bsw@1604: }
bsw@1604: 
bsw@1604: