public/assets/css/index.css

   1 /**
   2  *  Do not remove this comments bellow. It's the markers used by wiredep to inject
   3  *  sass dependencies when defined in the bower.json of your dependencies
   4  */
   5 /**
   6  *  Do not remove this comments bellow. It's the markers used by gulp-inject to inject
   7  *  all your sass files automatically
   8  */
   9 html, body {
  10   height: 100%;
  11   position: relative; }
  12
  13 body {
  14   margin: 0;
  15   padding: 0; }
  16
  17 [tabindex='-1']:focus {
  18   outline: none; }
  19
  20 .inset {
  21   padding: 10px; }
  22
  23 a.md-no-style,
  24 button.md-no-style {
  25   font-weight: normal;
  26   background-color: inherit;
  27   text-align: left;
  28   border: none;
  29   padding: 0;
  30   margin: 0; }
  31
  32 select,
  33 button,
  34 textarea,
  35 input {
  36   vertical-align: baseline; }
  37
  38 input[type="reset"],
  39 input[type="submit"],
  40 html input[type="button"],
  41 button {
  42   cursor: pointer;
  43   -webkit-appearance: button; }
  44   input[type="reset"][disabled],
  45   input[type="submit"][disabled],
  46   html input[type="button"][disabled],
  47   button[disabled] {
  48     cursor: default; }
  49
  50 textarea {
  51   vertical-align: top;
  52   overflow: auto; }
  53
  54 input[type="search"] {
  55   -webkit-appearance: textfield;
  56   box-sizing: content-box;
  57   -webkit-box-sizing: content-box; }
  58   input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  59     -webkit-appearance: none; }
  60
  61 input:-webkit-autofill {
  62   text-shadow: none; }
  63
  64 .md-visually-hidden {
  65   border: 0;
  66   clip: rect(0 0 0 0);
  67   height: 1px;
  68   margin: -1px;
  69   overflow: hidden;
  70   padding: 0;
  71   position: absolute;
  72   text-transform: none;
  73   width: 1px; }
  74
  75 .md-shadow {
  76   position: absolute;
  77   top: 0;
  78   left: 0;
  79   bottom: 0;
  80   right: 0;
  81   border-radius: inherit;
  82   pointer-events: none; }
  83
  84 .md-shadow-bottom-z-1 {
  85   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  86
  87 .md-shadow-bottom-z-2 {
  88   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  89
  90 .md-shadow-animated.md-shadow {
  91   transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  92
  93 /*
  94  * A container inside of a rippling element (eg a button),
  95  * which contains all of the individual ripples
  96  */
  97 .md-ripple-container {
  98   pointer-events: none;
  99   position: absolute;
 100   overflow: hidden;
 101   left: 0;
 102   top: 0;
 103   width: 100%;
 104   height: 100%;
 105   transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }
 106
 107 .md-ripple {
 108   position: absolute;
 109   transform: translate(-50%, -50%) scale(0);
 110   transform-origin: 50% 50%;
 111   opacity: 0;
 112   border-radius: 50%; }
 113   .md-ripple.md-ripple-placed {
 114     transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
 115   .md-ripple.md-ripple-scaled {
 116     transform: translate(-50%, -50%) scale(1); }
 117   .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
 118     opacity: 0.20; }
 119   .md-ripple.md-ripple-remove {
 120     animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
 121
 122 @keyframes md-remove-ripple {
 123   0% {
 124     opacity: .15; }
 125   100% {
 126     opacity: 0; } }
 127
 128 .md-padding {
 129   padding: 8px; }
 130
 131 .md-margin {
 132   margin: 8px; }
 133
 134 .md-scroll-mask {
 135   position: absolute;
 136   background-color: transparent;
 137   top: 0;
 138   right: 0;
 139   bottom: 0;
 140   left: 0;
 141   z-index: 50; }
 142   .md-scroll-mask > .md-scroll-mask-bar {
 143     display: block;
 144     position: absolute;
 145     background-color: #fafafa;
 146     right: 0;
 147     top: 0;
 148     bottom: 0;
 149     z-index: 65;
 150     box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }
 151
 152 .md-no-momentum {
 153   -webkit-overflow-scrolling: auto; }
 154
 155 .md-no-flicker {
 156   -webkit-filter: blur(0px); }
 157
 158 @media (min-width: 960px) {
 159   .md-padding {
 160     padding: 16px; } }
 161
 162 html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
 163   unicode-bidi: embed; }
 164
 165 bdo[dir=rtl] {
 166   direction: rtl;
 167   unicode-bidi: bidi-override; }
 168
 169 bdo[dir=ltr] {
 170   direction: ltr;
 171   unicode-bidi: bidi-override; }
 172
 173 html, body {
 174   -webkit-tap-highlight-color: transparent;
 175   -webkit-touch-callout: none;
 176   min-height: 100%;
 177   -webkit-text-size-adjust: 100%;
 178   -ms-text-size-adjust: 100%;
 179   -webkit-font-smoothing: antialiased;
 180   -moz-osx-font-smoothing: grayscale; }
 181
 182 /************
 183  * Headings
 184  ************/
 185 .md-display-4 {
 186   font-size: 112px;
 187   font-weight: 300;
 188   letter-spacing: -0.010em;
 189   line-height: 112px; }
 190
 191 .md-display-3 {
 192   font-size: 56px;
 193   font-weight: 400;
 194   letter-spacing: -0.005em;
 195   line-height: 56px; }
 196
 197 .md-display-2 {
 198   font-size: 45px;
 199   font-weight: 400;
 200   line-height: 64px; }
 201
 202 .md-display-1 {
 203   font-size: 34px;
 204   font-weight: 400;
 205   line-height: 40px; }
 206
 207 .md-headline {
 208   font-size: 24px;
 209   font-weight: 400;
 210   line-height: 32px; }
 211
 212 .md-title {
 213   font-size: 20px;
 214   font-weight: 500;
 215   letter-spacing: 0.005em; }
 216
 217 .md-subhead {
 218   font-size: 16px;
 219   font-weight: 400;
 220   letter-spacing: 0.010em;
 221   line-height: 24px; }
 222
 223 /************
 224  * Body Copy
 225  ************/
 226 .md-body-1 {
 227   font-size: 14px;
 228   font-weight: 400;
 229   letter-spacing: 0.010em;
 230   line-height: 20px; }
 231
 232 .md-body-2 {
 233   font-size: 14px;
 234   font-weight: 500;
 235   letter-spacing: 0.010em;
 236   line-height: 24px; }
 237
 238 .md-caption {
 239   font-size: 12px;
 240   letter-spacing: 0.020em; }
 241
 242 .md-button {
 243   letter-spacing: 0.010em; }
 244
 245 /************
 246  * Defaults
 247  ************/
 248 button,
 249 select,
 250 html,
 251 textarea,
 252 input {
 253   font-family: Roboto, "Helvetica Neue", sans-serif; }
 254
 255 select,
 256 button,
 257 textarea,
 258 input {
 259   font-size: 100%; }
 260
 261 /*
 262 *
 263 *  Responsive attributes
 264 *
 265 *  References:
 266 *  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
 267 *  2) https://css-tricks.com/almanac/properties/f/flex/
 268 *  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
 269 *  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
 270 *  5) http://godban.com.ua/projects/flexgrid
 271 *
 272 *
 273 */
 274 @keyframes md-autocomplete-list-out {
 275   0% {
 276     animation-timing-function: linear; }
 277   50% {
 278     opacity: 0;
 279     height: 40px;
 280     animation-timing-function: ease-in; }
 281   100% {
 282     height: 0;
 283     opacity: 0; } }
 284
 285 @keyframes md-autocomplete-list-in {
 286   0% {
 287     opacity: 0;
 288     height: 0;
 289     animation-timing-function: ease-out; }
 290   50% {
 291     opacity: 0;
 292     height: 40px; }
 293   100% {
 294     opacity: 1;
 295     height: 40px; } }
 296
 297 md-autocomplete {
 298   border-radius: 2px;
 299   display: block;
 300   height: 40px;
 301   position: relative;
 302   overflow: visible;
 303   min-width: 190px; }
 304   md-autocomplete[disabled] input {
 305     cursor: default; }
 306   md-autocomplete[md-floating-label] {
 307     border-radius: 0;
 308     background: transparent;
 309     height: auto; }
 310     md-autocomplete[md-floating-label] md-input-container {
 311       padding-bottom: 0px; }
 312     md-autocomplete[md-floating-label] md-autocomplete-wrap {
 313       height: auto; }
 314     md-autocomplete[md-floating-label] button {
 315       position: absolute;
 316       top: auto;
 317       bottom: 0;
 318       right: 0;
 319       width: 30px;
 320       height: 30px; }
 321   md-autocomplete md-autocomplete-wrap {
 322     display: flex;
 323     flex-direction: row;
 324     box-sizing: border-box;
 325     position: relative;
 326     overflow: visible;
 327     height: 40px; }
 328     md-autocomplete md-autocomplete-wrap.md-menu-showing {
 329       z-index: 51; }
 330     md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {
 331       flex: 1 1 0%;
 332       box-sizing: border-box;
 333       min-width: 0; }
 334     md-autocomplete md-autocomplete-wrap md-progress-linear {
 335       position: absolute;
 336       bottom: -2px;
 337       left: 0; }
 338       md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
 339         bottom: 40px;
 340         right: 2px;
 341         left: 2px;
 342         width: auto; }
 343       md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
 344         position: absolute;
 345         top: 0;
 346         left: 0;
 347         width: 100%;
 348         height: 3px;
 349         transition: none; }
 350         md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
 351           transition: none;
 352           height: 3px; }
 353         md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
 354           transition: opacity 0.15s linear; }
 355           md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
 356             opacity: 1; }
 357         md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
 358           transition: opacity 0.15s linear; }
 359           md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
 360             opacity: 0; }
 361   md-autocomplete input:not(.md-input) {
 362     font-size: 14px;
 363     box-sizing: border-box;
 364     border: none;
 365     box-shadow: none;
 366     outline: none;
 367     background: transparent;
 368     width: 100%;
 369     padding: 0 15px;
 370     line-height: 40px;
 371     height: 40px; }
 372     md-autocomplete input:not(.md-input)::-ms-clear {
 373       display: none; }
 374   md-autocomplete button {
 375     position: relative;
 376     line-height: 20px;
 377     text-align: center;
 378     width: 30px;
 379     height: 30px;
 380     cursor: pointer;
 381     border: none;
 382     border-radius: 50%;
 383     padding: 0;
 384     font-size: 12px;
 385     background: transparent;
 386     margin: auto 5px; }
 387     md-autocomplete button:after {
 388       content: '';
 389       position: absolute;
 390       top: -6px;
 391       right: -6px;
 392       bottom: -6px;
 393       left: -6px;
 394       border-radius: 50%;
 395       transform: scale(0);
 396       opacity: 0;
 397       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
 398     md-autocomplete button:focus {
 399       outline: none; }
 400       md-autocomplete button:focus:after {
 401         transform: scale(1);
 402         opacity: 1; }
 403     md-autocomplete button md-icon {
 404       position: absolute;
 405       top: 50%;
 406       left: 50%;
 407       transform: translate3d(-50%, -50%, 0) scale(0.9); }
 408       md-autocomplete button md-icon path {
 409         stroke-width: 0; }
 410     md-autocomplete button.ng-enter {
 411       transform: scale(0);
 412       transition: transform 0.15s ease-out; }
 413       md-autocomplete button.ng-enter.ng-enter-active {
 414         transform: scale(1); }
 415     md-autocomplete button.ng-leave {
 416       transition: transform 0.15s ease-out; }
 417       md-autocomplete button.ng-leave.ng-leave-active {
 418         transform: scale(0); }
 419   @media screen and (-ms-high-contrast: active) {
 420     md-autocomplete input {
 421       border: 1px solid #fff; }
 422     md-autocomplete li:focus {
 423       color: #fff; } }
 424
 425 .md-virtual-repeat-container.md-autocomplete-suggestions-container {
 426   position: absolute;
 427   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
 428   height: 225.5px;
 429   max-height: 225.5px;
 430   z-index: 100; }
 431
 432 .md-virtual-repeat-container.md-not-found {
 433   height: 48px; }
 434
 435 .md-autocomplete-suggestions {
 436   margin: 0;
 437   list-style: none;
 438   padding: 0; }
 439   .md-autocomplete-suggestions li {
 440     font-size: 14px;
 441     overflow: hidden;
 442     padding: 0 15px;
 443     line-height: 48px;
 444     height: 48px;
 445     transition: background 0.15s linear;
 446     margin: 0;
 447     white-space: nowrap;
 448     text-overflow: ellipsis; }
 449     .md-autocomplete-suggestions li:focus {
 450       outline: none; }
 451     .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
 452       cursor: pointer; }
 453
 454 @media screen and (-ms-high-contrast: active) {
 455   md-autocomplete,
 456   .md-autocomplete-suggestions {
 457     border: 1px solid #fff; } }
 458
 459 md-backdrop {
 460   transition: opacity 450ms;
 461   position: absolute;
 462   top: 0;
 463   bottom: 0;
 464   left: 0;
 465   right: 0;
 466   z-index: 50; }
 467   md-backdrop.md-menu-backdrop {
 468     position: fixed !important;
 469     z-index: 99; }
 470   md-backdrop.md-select-backdrop {
 471     z-index: 81;
 472     transition-duration: 0; }
 473   md-backdrop.md-dialog-backdrop {
 474     z-index: 79; }
 475   md-backdrop.md-bottom-sheet-backdrop {
 476     z-index: 69; }
 477   md-backdrop.md-sidenav-backdrop {
 478     z-index: 59; }
 479   md-backdrop.md-click-catcher {
 480     position: absolute; }
 481   md-backdrop.md-opaque {
 482     opacity: .48; }
 483     md-backdrop.md-opaque.ng-enter {
 484       opacity: 0; }
 485     md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
 486       opacity: .48; }
 487     md-backdrop.md-opaque.ng-leave {
 488       opacity: .48;
 489       transition: opacity 400ms; }
 490     md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
 491       opacity: 0; }
 492
 493 md-bottom-sheet {
 494   position: absolute;
 495   left: 0;
 496   right: 0;
 497   bottom: 0;
 498   padding: 8px 16px 88px 16px;
 499   z-index: 70;
 500   border-top-width: 1px;
 501   border-top-style: solid;
 502   transform: translate3d(0, 80px, 0);
 503   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 504   transition-property: transform; }
 505   md-bottom-sheet.md-has-header {
 506     padding-top: 0; }
 507   md-bottom-sheet.ng-enter {
 508     opacity: 0;
 509     transform: translate3d(0, 100%, 0); }
 510   md-bottom-sheet.ng-enter-active {
 511     opacity: 1;
 512     display: block;
 513     transform: translate3d(0, 80px, 0) !important; }
 514   md-bottom-sheet.ng-leave-active {
 515     transform: translate3d(0, 100%, 0) !important;
 516     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
 517   md-bottom-sheet .md-subheader {
 518     background-color: transparent;
 519     font-family: Roboto, "Helvetica Neue", sans-serif;
 520     line-height: 56px;
 521     padding: 0;
 522     white-space: nowrap; }
 523   md-bottom-sheet md-inline-icon {
 524     display: inline-block;
 525     height: 24px;
 526     width: 24px;
 527     fill: #444; }
 528   md-bottom-sheet md-list-item {
 529     display: flex;
 530     outline: none; }
 531     md-bottom-sheet md-list-item:hover {
 532       cursor: pointer; }
 533   md-bottom-sheet.md-list md-list-item {
 534     padding: 0;
 535     align-items: center;
 536     height: 48px; }
 537   md-bottom-sheet.md-grid {
 538     padding-left: 24px;
 539     padding-right: 24px;
 540     padding-top: 0; }
 541     md-bottom-sheet.md-grid md-list {
 542       display: flex;
 543       flex-direction: row;
 544       flex-wrap: wrap;
 545       transition: all 0.5s;
 546       align-items: center; }
 547     md-bottom-sheet.md-grid md-list-item {
 548       flex-direction: column;
 549       align-items: center;
 550       transition: all 0.5s;
 551       height: 96px;
 552       margin-top: 8px;
 553       margin-bottom: 8px;
 554       /* Mixin for how many grid items to show per row */ }
 555       @media (max-width: 960px) {
 556         md-bottom-sheet.md-grid md-list-item {
 557           flex: 1 1 33.3333333333%;
 558           max-width: 33.3333333333%; }
 559           md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
 560             align-items: flex-start; }
 561           md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
 562             align-items: flex-end; } }
 563       @media (min-width: 960px) and (max-width: 1279px) {
 564         md-bottom-sheet.md-grid md-list-item {
 565           flex: 1 1 25%;
 566           max-width: 25%; } }
 567       @media (min-width: 1280px) and (max-width: 1919px) {
 568         md-bottom-sheet.md-grid md-list-item {
 569           flex: 1 1 16.6666666667%;
 570           max-width: 16.6666666667%; } }
 571       @media (min-width: 1920px) {
 572         md-bottom-sheet.md-grid md-list-item {
 573           flex: 1 1 14.2857142857%;
 574           max-width: 14.2857142857%; } }
 575       md-bottom-sheet.md-grid md-list-item::before {
 576         display: none; }
 577       md-bottom-sheet.md-grid md-list-item .md-list-item-content {
 578         display: flex;
 579         flex-direction: column;
 580         align-items: center;
 581         width: 48px;
 582         padding-bottom: 16px; }
 583       md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
 584         border: 1px solid transparent;
 585         display: flex;
 586         flex-direction: column;
 587         align-items: center;
 588         width: 80px; }
 589       md-bottom-sheet.md-grid md-list-item .md-grid-text {
 590         font-weight: 400;
 591         line-height: 16px;
 592         font-size: 13px;
 593         margin: 0;
 594         white-space: nowrap;
 595         width: 64px;
 596         text-align: center;
 597         text-transform: none;
 598         padding-top: 8px; }
 599
 600 @media screen and (-ms-high-contrast: active) {
 601   md-bottom-sheet {
 602     border: 1px solid #fff; } }
 603
 604 button.md-button::-moz-focus-inner {
 605   border: 0; }
 606
 607 .md-button {
 608   display: inline-block;
 609   position: relative;
 610   cursor: pointer;
 611   /** Alignment adjustments */
 612   min-height: 36px;
 613   min-width: 88px;
 614   line-height: 36px;
 615   vertical-align: middle;
 616   align-items: center;
 617   text-align: center;
 618   border-radius: 3px;
 619   box-sizing: border-box;
 620   /* Reset default button appearance */
 621   user-select: none;
 622   outline: none;
 623   border: 0;
 624   /** Custom styling for button */
 625   padding: 0 6px;
 626   margin: 6px 8px;
 627   background: transparent;
 628   color: currentColor;
 629   white-space: nowrap;
 630   /* Uppercase text content */
 631   text-transform: uppercase;
 632   font-weight: 500;
 633   font-size: 14px;
 634   font-style: inherit;
 635   font-variant: inherit;
 636   font-family: inherit;
 637   text-decoration: none;
 638   overflow: hidden;
 639   transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
 640   .md-button:focus {
 641     outline: none; }
 642   .md-button:hover, .md-button:focus {
 643     text-decoration: none; }
 644   .md-button.ng-hide, .md-button.ng-leave {
 645     transition: none; }
 646   .md-button.md-cornered {
 647     border-radius: 0; }
 648   .md-button.md-icon {
 649     padding: 0;
 650     background: none; }
 651   .md-button.md-raised:not([disabled]) {
 652     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
 653   .md-button.md-icon-button {
 654     margin: 0 6px;
 655     height: 40px;
 656     min-width: 0;
 657     line-height: 24px;
 658     padding: 8px;
 659     width: 40px;
 660     border-radius: 50%; }
 661     .md-button.md-icon-button .md-ripple-container {
 662       border-radius: 50%;
 663       background-clip: padding-box;
 664       overflow: hidden;
 665       -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
 666   .md-button.md-fab {
 667     z-index: 20;
 668     line-height: 56px;
 669     min-width: 0;
 670     width: 56px;
 671     height: 56px;
 672     vertical-align: middle;
 673     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 674     border-radius: 50%;
 675     background-clip: padding-box;
 676     overflow: hidden;
 677     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 678     transition-property: background-color, box-shadow, transform; }
 679     .md-button.md-fab.md-fab-bottom-right {
 680       top: auto;
 681       right: 20px;
 682       bottom: 20px;
 683       left: auto;
 684       position: absolute; }
 685     .md-button.md-fab.md-fab-bottom-left {
 686       top: auto;
 687       right: auto;
 688       bottom: 20px;
 689       left: 20px;
 690       position: absolute; }
 691     .md-button.md-fab.md-fab-top-right {
 692       top: 20px;
 693       right: 20px;
 694       bottom: auto;
 695       left: auto;
 696       position: absolute; }
 697     .md-button.md-fab.md-fab-top-left {
 698       top: 20px;
 699       right: auto;
 700       bottom: auto;
 701       left: 20px;
 702       position: absolute; }
 703     .md-button.md-fab .md-ripple-container {
 704       border-radius: 50%;
 705       background-clip: padding-box;
 706       overflow: hidden;
 707       -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
 708     .md-button.md-fab.md-mini {
 709       line-height: 40px;
 710       width: 40px;
 711       height: 40px; }
 712     .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
 713       transition: none; }
 714   .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
 715     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
 716   .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
 717     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
 718   .md-button .md-ripple-container {
 719     border-radius: 3px;
 720     background-clip: padding-box;
 721     overflow: hidden;
 722     -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
 723
 724 .md-button.md-icon-button md-icon,
 725 button.md-button.md-fab md-icon {
 726   display: block; }
 727
 728 .md-toast-open-top .md-button.md-fab-top-left,
 729 .md-toast-open-top .md-button.md-fab-top-right {
 730   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 731   transform: translate3d(0, 42px, 0); }
 732   .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
 733   .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
 734   .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
 735     transform: translate3d(0, 41px, 0); }
 736
 737 .md-toast-open-bottom .md-button.md-fab-bottom-left,
 738 .md-toast-open-bottom .md-button.md-fab-bottom-right {
 739   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 740   transform: translate3d(0, -42px, 0); }
 741   .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
 742   .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
 743   .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
 744     transform: translate3d(0, -43px, 0); }
 745
 746 .md-button-group {
 747   display: flex;
 748   flex: 1;
 749   width: 100%; }
 750   .md-button-group > .md-button {
 751     flex: 1;
 752     display: block;
 753     overflow: hidden;
 754     width: 0;
 755     border-width: 1px 0px 1px 1px;
 756     border-radius: 0;
 757     text-align: center;
 758     text-overflow: ellipsis;
 759     white-space: nowrap; }
 760     .md-button-group > .md-button:first-child {
 761       border-radius: 2px 0px 0px 2px; }
 762     .md-button-group > .md-button:last-child {
 763       border-right-width: 1px;
 764       border-radius: 0px 2px 2px 0px; }
 765
 766 @media screen and (-ms-high-contrast: active) {
 767   .md-button.md-raised,
 768   .md-button.md-fab {
 769     border: 1px solid #fff; } }
 770
 771 md-card {
 772   box-sizing: border-box;
 773   display: flex;
 774   flex-direction: column;
 775   margin: 8px;
 776   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
 777   md-card md-card-header {
 778     padding: 16px;
 779     display: flex;
 780     flex-direction: row; }
 781     md-card md-card-header:first-child md-card-avatar {
 782       margin-right: 12px; }
 783       [dir=rtl] md-card md-card-header:first-child md-card-avatar {
 784         margin-right: auto;
 785         margin-left: 12px; }
 786     md-card md-card-header:last-child md-card-avatar {
 787       margin-left: 12px; }
 788       [dir=rtl] md-card md-card-header:last-child md-card-avatar {
 789         margin-left: auto;
 790         margin-right: 12px; }
 791     md-card md-card-header md-card-avatar {
 792       width: 40px;
 793       height: 40px; }
 794       md-card md-card-header md-card-avatar .md-user-avatar,
 795       md-card md-card-header md-card-avatar md-icon {
 796         border-radius: 50%; }
 797       md-card md-card-header md-card-avatar md-icon {
 798         padding: 8px; }
 799       md-card md-card-header md-card-avatar + md-card-header-text {
 800         max-height: 40px; }
 801         md-card md-card-header md-card-avatar + md-card-header-text .md-title {
 802           font-size: 14px; }
 803     md-card md-card-header md-card-header-text {
 804       display: flex;
 805       flex: 1;
 806       flex-direction: column; }
 807       md-card md-card-header md-card-header-text .md-subhead {
 808         font-size: 14px; }
 809   md-card > img,
 810   md-card > md-card-header img,
 811   md-card md-card-title-media img {
 812     box-sizing: border-box;
 813     display: flex;
 814     flex: 0 0 auto;
 815     width: 100%;
 816     height: auto; }
 817   md-card md-card-title {
 818     padding: 24px 16px 16px;
 819     display: flex;
 820     flex: 1 1 auto;
 821     flex-direction: row; }
 822     md-card md-card-title + md-card-content {
 823       padding-top: 0; }
 824     md-card md-card-title md-card-title-text {
 825       flex: 1;
 826       flex-direction: column;
 827       display: flex; }
 828       md-card md-card-title md-card-title-text .md-subhead {
 829         padding-top: 0;
 830         font-size: 14px; }
 831       md-card md-card-title md-card-title-text:only-child .md-subhead {
 832         padding-top: 12px; }
 833     md-card md-card-title md-card-title-media {
 834       margin-top: -8px; }
 835       md-card md-card-title md-card-title-media .md-media-sm {
 836         height: 80px;
 837         width: 80px; }
 838       md-card md-card-title md-card-title-media .md-media-md {
 839         height: 112px;
 840         width: 112px; }
 841       md-card md-card-title md-card-title-media .md-media-lg {
 842         height: 152px;
 843         width: 152px; }
 844   md-card md-card-content {
 845     display: block;
 846     padding: 16px; }
 847     md-card md-card-content > p:first-child {
 848       margin-top: 0; }
 849     md-card md-card-content > p:last-child {
 850       margin-bottom: 0; }
 851     md-card md-card-content .md-media-xl {
 852       height: 240px;
 853       width: 240px; }
 854   md-card .md-actions, md-card md-card-actions {
 855     margin: 8px; }
 856     md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
 857       margin: 2px 0; }
 858       md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
 859         margin-top: 0; }
 860       md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
 861         margin-bottom: 0; }
 862     md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
 863       margin-top: 6px;
 864       margin-bottom: 6px; }
 865     md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
 866       flex: 1;
 867       justify-content: flex-start;
 868       display: flex;
 869       flex-direction: row; }
 870     md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
 871       margin: 0 4px; }
 872       md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
 873         margin-left: 0; }
 874         [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
 875           margin-left: auto;
 876           margin-right: 0; }
 877       md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
 878         margin-right: 0; }
 879         [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
 880           margin-right: auto;
 881           margin-left: 0; }
 882     md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
 883       margin-left: 6px;
 884       margin-right: 6px; }
 885       md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
 886         margin-left: 12px; }
 887         [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
 888           margin-left: auto;
 889           margin-right: 12px; }
 890       md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
 891         margin-right: 12px; }
 892         [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
 893           margin-right: auto;
 894           margin-left: 12px; }
 895     md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
 896       flex: 1;
 897       justify-content: flex-end;
 898       display: flex;
 899       flex-direction: row; }
 900   md-card md-card-footer {
 901     margin-top: auto;
 902     padding: 16px; }
 903
 904 @media screen and (-ms-high-contrast: active) {
 905   md-card {
 906     border: 1px solid #fff; } }
 907
 908 .md-image-no-fill > img {
 909   width: auto;
 910   height: auto; }
 911
 912 .md-contact-chips .md-chips md-chip {
 913   padding: 0 25px 0 0; }
 914   [dir=rtl] .md-contact-chips .md-chips md-chip {
 915     padding: 0 0 0 25px; }
 916   .md-contact-chips .md-chips md-chip .md-contact-avatar {
 917     float: left; }
 918     [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
 919       float: right; }
 920     .md-contact-chips .md-chips md-chip .md-contact-avatar img {
 921       height: 32px;
 922       border-radius: 16px; }
 923   .md-contact-chips .md-chips md-chip .md-contact-name {
 924     display: inline-block;
 925     height: 32px;
 926     margin-left: 8px; }
 927     [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
 928       margin-left: auto;
 929       margin-right: 8px; }
 930
 931 .md-contact-suggestion {
 932   height: 56px; }
 933   .md-contact-suggestion img {
 934     height: 40px;
 935     border-radius: 20px;
 936     margin-top: 8px; }
 937   .md-contact-suggestion .md-contact-name {
 938     margin-left: 8px;
 939     width: 120px; }
 940     [dir=rtl] .md-contact-suggestion .md-contact-name {
 941       margin-left: auto;
 942       margin-right: 8px; }
 943   .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
 944     display: inline-block;
 945     overflow: hidden;
 946     text-overflow: ellipsis; }
 947
 948 .md-contact-chips-suggestions li {
 949   height: 100%; }
 950
 951 .md-chips {
 952   display: block;
 953   font-family: Roboto, "Helvetica Neue", sans-serif;
 954   font-size: 16px;
 955   padding: 0 0 8px 3px;
 956   vertical-align: middle; }
 957   .md-chips:after {
 958     content: '';
 959     display: table;
 960     clear: both; }
 961   [dir=rtl] .md-chips {
 962     padding: 0 3px 8px 0; }
 963   .md-chips.md-readonly .md-chip-input-container {
 964     min-height: 32px; }
 965   .md-chips:not(.md-readonly) {
 966     cursor: text; }
 967   .md-chips.md-removable md-chip {
 968     padding-right: 22px; }
 969     [dir=rtl] .md-chips.md-removable md-chip {
 970       padding-right: 0;
 971       padding-left: 22px; }
 972     .md-chips.md-removable md-chip .md-chip-content {
 973       padding-right: 4px; }
 974       [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
 975         padding-right: 0;
 976         padding-left: 4px; }
 977   .md-chips md-chip {
 978     cursor: default;
 979     border-radius: 16px;
 980     display: block;
 981     height: 32px;
 982     line-height: 32px;
 983     margin: 8px 8px 0 0;
 984     padding: 0 12px 0 12px;
 985     float: left;
 986     box-sizing: border-box;
 987     max-width: 100%;
 988     position: relative; }
 989     [dir=rtl] .md-chips md-chip {
 990       margin: 8px 0 0 8px; }
 991     [dir=rtl] .md-chips md-chip {
 992       float: right; }
 993     .md-chips md-chip .md-chip-content {
 994       display: block;
 995       float: left;
 996       white-space: nowrap;
 997       max-width: 100%;
 998       overflow: hidden;
 999       text-overflow: ellipsis; }
1000       [dir=rtl] .md-chips md-chip .md-chip-content {
1001         float: right; }
1002       .md-chips md-chip .md-chip-content:focus {
1003         outline: none; }
1004     .md-chips md-chip._md-chip-content-edit-is-enabled {
1005       -webkit-user-select: none;
1006       /* webkit (safari, chrome) browsers */
1007       -moz-user-select: none;
1008       /* mozilla browsers */
1009       -khtml-user-select: none;
1010       /* webkit (konqueror) browsers */
1011       -ms-user-select: none;
1012       /* IE10+ */ }
1013     .md-chips md-chip .md-chip-remove-container {
1014       position: absolute;
1015       right: 0;
1016       line-height: 22px; }
1017       [dir=rtl] .md-chips md-chip .md-chip-remove-container {
1018         right: auto;
1019         left: 0; }
1020     .md-chips md-chip .md-chip-remove {
1021       text-align: center;
1022       width: 32px;
1023       height: 32px;
1024       min-width: 0;
1025       padding: 0;
1026       background: transparent;
1027       border: none;
1028       box-shadow: none;
1029       margin: 0;
1030       position: relative; }
1031       .md-chips md-chip .md-chip-remove md-icon {
1032         height: 18px;
1033         width: 18px;
1034         position: absolute;
1035         top: 50%;
1036         left: 50%;
1037         transform: translate3d(-50%, -50%, 0); }
1038   .md-chips .md-chip-input-container {
1039     display: block;
1040     line-height: 32px;
1041     margin: 8px 8px 0 0;
1042     padding: 0;
1043     float: left; }
1044     [dir=rtl] .md-chips .md-chip-input-container {
1045       margin: 8px 0 0 8px; }
1046     [dir=rtl] .md-chips .md-chip-input-container {
1047       float: right; }
1048     .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
1049       border: 0;
1050       height: 32px;
1051       line-height: 32px;
1052       padding: 0; }
1053       .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
1054         outline: none; }
1055     .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
1056       background: transparent;
1057       height: 32px; }
1058     .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
1059       box-shadow: none; }
1060     .md-chips .md-chip-input-container md-autocomplete input {
1061       position: relative; }
1062     .md-chips .md-chip-input-container input {
1063       border: 0;
1064       height: 32px;
1065       line-height: 32px;
1066       padding: 0; }
1067       .md-chips .md-chip-input-container input:focus {
1068         outline: none; }
1069     .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
1070       height: 32px; }
1071     .md-chips .md-chip-input-container md-autocomplete {
1072       box-shadow: none; }
1073       .md-chips .md-chip-input-container md-autocomplete input {
1074         position: relative; }
1075     .md-chips .md-chip-input-container:not(:first-child) {
1076       margin: 8px 8px 0 0; }
1077       [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
1078         margin: 8px 0 0 8px; }
1079     .md-chips .md-chip-input-container input {
1080       background: transparent;
1081       border-width: 0; }
1082   .md-chips md-autocomplete button {
1083     display: none; }
1084
1085 @media screen and (-ms-high-contrast: active) {
1086   .md-chip-input-container,
1087   md-chip {
1088     border: 1px solid #fff; }
1089   .md-chip-input-container md-autocomplete {
1090     border: none; } }
1091
1092 .md-inline-form md-checkbox {
1093   margin: 19px 0 18px; }
1094
1095 md-checkbox {
1096   box-sizing: border-box;
1097   display: inline-block;
1098   margin-bottom: 16px;
1099   white-space: nowrap;
1100   cursor: pointer;
1101   outline: none;
1102   user-select: none;
1103   position: relative;
1104   min-width: 20px;
1105   min-height: 20px;
1106   margin-left: 0;
1107   margin-right: 16px; }
1108   [dir=rtl] md-checkbox {
1109     margin-left: 16px; }
1110   [dir=rtl] md-checkbox {
1111     margin-right: 0; }
1112   md-checkbox:last-of-type {
1113     margin-left: 0;
1114     margin-right: 0; }
1115   md-checkbox.md-focused:not([disabled]) .md-container:before {
1116     left: -8px;
1117     top: -8px;
1118     right: -8px;
1119     bottom: -8px; }
1120   md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
1121     background-color: rgba(0, 0, 0, 0.12); }
1122   md-checkbox.md-align-top-left > div.md-container {
1123     top: 12px; }
1124   md-checkbox .md-container {
1125     position: absolute;
1126     top: 50%;
1127     transform: translateY(-50%);
1128     box-sizing: border-box;
1129     display: inline-block;
1130     width: 20px;
1131     height: 20px;
1132     left: 0;
1133     right: auto; }
1134     [dir=rtl] md-checkbox .md-container {
1135       left: auto; }
1136     [dir=rtl] md-checkbox .md-container {
1137       right: 0; }
1138     md-checkbox .md-container:before {
1139       box-sizing: border-box;
1140       background-color: transparent;
1141       border-radius: 50%;
1142       content: '';
1143       position: absolute;
1144       display: block;
1145       height: auto;
1146       left: 0;
1147       top: 0;
1148       right: 0;
1149       bottom: 0;
1150       transition: all 0.5s;
1151       width: auto; }
1152     md-checkbox .md-container:after {
1153       box-sizing: border-box;
1154       content: '';
1155       position: absolute;
1156       top: -10px;
1157       right: -10px;
1158       bottom: -10px;
1159       left: -10px; }
1160     md-checkbox .md-container .md-ripple-container {
1161       position: absolute;
1162       display: block;
1163       width: auto;
1164       height: auto;
1165       left: -15px;
1166       top: -15px;
1167       right: -15px;
1168       bottom: -15px; }
1169   md-checkbox .md-icon {
1170     box-sizing: border-box;
1171     transition: 240ms;
1172     position: absolute;
1173     top: 0;
1174     left: 0;
1175     width: 20px;
1176     height: 20px;
1177     border-width: 2px;
1178     border-style: solid;
1179     border-radius: 2px; }
1180   md-checkbox.md-checked .md-icon {
1181     border-color: transparent; }
1182     md-checkbox.md-checked .md-icon:after {
1183       box-sizing: border-box;
1184       transform: rotate(45deg);
1185       position: absolute;
1186       left: 4.6666666667px;
1187       top: 0.2222222222px;
1188       display: table;
1189       width: 6.6666666667px;
1190       height: 13.3333333333px;
1191       border-width: 2px;
1192       border-style: solid;
1193       border-top: 0;
1194       border-left: 0;
1195       content: ''; }
1196   md-checkbox[disabled] {
1197     cursor: default; }
1198   md-checkbox.md-indeterminate .md-icon:after {
1199     box-sizing: border-box;
1200     position: absolute;
1201     top: 50%;
1202     left: 50%;
1203     transform: translate(-50%, -50%);
1204     display: table;
1205     width: 12px;
1206     height: 2px;
1207     border-width: 2px;
1208     border-style: solid;
1209     border-top: 0;
1210     border-left: 0;
1211     content: ''; }
1212   md-checkbox .md-label {
1213     box-sizing: border-box;
1214     position: relative;
1215     display: inline-block;
1216     vertical-align: middle;
1217     white-space: normal;
1218     user-select: text;
1219     margin-left: 30px;
1220     margin-right: 0; }
1221     [dir=rtl] md-checkbox .md-label {
1222       margin-left: 0; }
1223     [dir=rtl] md-checkbox .md-label {
1224       margin-right: 30px; }
1225
1226 md-content {
1227   display: block;
1228   position: relative;
1229   overflow: auto;
1230   -webkit-overflow-scrolling: touch; }
1231   md-content[md-scroll-y] {
1232     overflow-y: auto;
1233     overflow-x: hidden; }
1234   md-content[md-scroll-x] {
1235     overflow-x: auto;
1236     overflow-y: hidden; }
1237   @media print {
1238     md-content {
1239       overflow: visible !important; } }
1240
1241 /** Styles for mdCalendar. */
1242 md-calendar {
1243   font-size: 13px;
1244   user-select: none; }
1245
1246 .md-calendar-scroll-mask {
1247   display: inline-block;
1248   overflow: hidden;
1249   height: 308px; }
1250   .md-calendar-scroll-mask .md-virtual-repeat-scroller {
1251     overflow-y: scroll;
1252     -webkit-overflow-scrolling: touch; }
1253     .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
1254       display: none; }
1255   .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
1256     width: 100%; }
1257
1258 .md-calendar-scroll-container {
1259   box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
1260   display: inline-block;
1261   height: 308px;
1262   width: 346px; }
1263
1264 .md-calendar-date {
1265   height: 44px;
1266   width: 44px;
1267   text-align: center;
1268   padding: 0;
1269   border: none;
1270   box-sizing: content-box; }
1271   .md-calendar-date:first-child {
1272     padding-left: 16px; }
1273     [dir=rtl] .md-calendar-date:first-child {
1274       padding-left: 0;
1275       padding-right: 16px; }
1276   .md-calendar-date:last-child {
1277     padding-right: 16px; }
1278     [dir=rtl] .md-calendar-date:last-child {
1279       padding-right: 0;
1280       padding-left: 16px; }
1281   .md-calendar-date.md-calendar-date-disabled {
1282     cursor: default; }
1283
1284 .md-calendar-date-selection-indicator {
1285   transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
1286   border-radius: 50%;
1287   display: inline-block;
1288   width: 40px;
1289   height: 40px;
1290   line-height: 40px; }
1291   .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
1292     cursor: pointer; }
1293
1294 .md-calendar-month-label {
1295   height: 44px;
1296   font-size: 14px;
1297   font-weight: 500;
1298   padding: 0 0 0 24px; }
1299   [dir=rtl] .md-calendar-month-label {
1300     padding: 0 24px 0 0; }
1301   md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {
1302     cursor: pointer; }
1303   .md-calendar-month-label md-icon {
1304     transform: rotate(180deg); }
1305     [dir=rtl] .md-calendar-month-label md-icon {
1306       transform: none; }
1307   .md-calendar-month-label span {
1308     vertical-align: middle; }
1309
1310 .md-calendar-day-header {
1311   table-layout: fixed;
1312   border-spacing: 0;
1313   border-collapse: collapse; }
1314   .md-calendar-day-header th {
1315     height: 40px;
1316     width: 44px;
1317     text-align: center;
1318     padding: 0;
1319     border: none;
1320     box-sizing: content-box;
1321     font-weight: normal; }
1322     .md-calendar-day-header th:first-child {
1323       padding-left: 16px; }
1324       [dir=rtl] .md-calendar-day-header th:first-child {
1325         padding-left: 0;
1326         padding-right: 16px; }
1327     .md-calendar-day-header th:last-child {
1328       padding-right: 16px; }
1329       [dir=rtl] .md-calendar-day-header th:last-child {
1330         padding-right: 0;
1331         padding-left: 16px; }
1332
1333 .md-calendar {
1334   table-layout: fixed;
1335   border-spacing: 0;
1336   border-collapse: collapse; }
1337   .md-calendar tr:last-child td {
1338     border-bottom-width: 1px;
1339     border-bottom-style: solid; }
1340   .md-calendar:first-child {
1341     border-top: 1px solid transparent; }
1342   .md-calendar tbody, .md-calendar td, .md-calendar tr {
1343     vertical-align: middle;
1344     box-sizing: content-box; }
1345
1346 /** Styles for mdDatepicker. */
1347 md-datepicker {
1348   white-space: nowrap;
1349   overflow: hidden;
1350   padding-right: 18px;
1351   margin-right: -18px;
1352   vertical-align: middle; }
1353   [dir=rtl] md-datepicker {
1354     padding-right: 0;
1355     padding-left: 18px; }
1356   [dir=rtl] md-datepicker {
1357     margin-right: auto;
1358     margin-left: -18px; }
1359
1360 .md-inline-form md-datepicker {
1361   margin-top: 12px; }
1362
1363 .md-datepicker-button {
1364   display: inline-block;
1365   box-sizing: border-box;
1366   background: none;
1367   vertical-align: middle;
1368   position: relative; }
1369   .md-datepicker-button:before {
1370     top: 0;
1371     left: 0;
1372     bottom: 0;
1373     right: 0;
1374     position: absolute;
1375     content: '';
1376     speak: none; }
1377
1378 .md-datepicker-input {
1379   font-size: 14px;
1380   box-sizing: border-box;
1381   border: none;
1382   box-shadow: none;
1383   outline: none;
1384   background: transparent;
1385   min-width: 120px;
1386   max-width: 328px;
1387   padding: 0 0 5px; }
1388   .md-datepicker-input::-ms-clear {
1389     display: none; }
1390
1391 ._md-datepicker-floating-label > md-datepicker {
1392   overflow: visible; }
1393   ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
1394     border: none; }
1395   ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
1396     float: left;
1397     margin-top: -2.5px; }
1398     [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
1399       float: right; }
1400
1401 ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
1402   right: 18px;
1403   left: auto;
1404   width: calc(100% - 84px); }
1405   [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
1406     right: auto; }
1407   [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
1408     left: 18px; }
1409
1410 ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
1411   margin-left: 64px; }
1412   [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
1413     margin-left: auto;
1414     margin-right: 64px; }
1415
1416 .md-datepicker-input-container {
1417   position: relative;
1418   border-bottom-width: 1px;
1419   border-bottom-style: solid;
1420   display: inline-block;
1421   width: auto; }
1422   .md-icon-button + .md-datepicker-input-container {
1423     margin-left: 12px; }
1424     [dir=rtl] .md-icon-button + .md-datepicker-input-container {
1425       margin-left: auto;
1426       margin-right: 12px; }
1427   .md-datepicker-input-container.md-datepicker-focused {
1428     border-bottom-width: 2px; }
1429
1430 .md-datepicker-is-showing .md-scroll-mask {
1431   z-index: 99; }
1432
1433 .md-datepicker-calendar-pane {
1434   position: absolute;
1435   top: 0;
1436   left: -100%;
1437   z-index: 100;
1438   border-width: 1px;
1439   border-style: solid;
1440   background: transparent;
1441   transform: scale(0);
1442   transform-origin: 0 0;
1443   transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
1444   .md-datepicker-calendar-pane.md-pane-open {
1445     transform: scale(1); }
1446
1447 .md-datepicker-input-mask {
1448   height: 40px;
1449   width: 340px;
1450   position: relative;
1451   overflow: hidden;
1452   background: transparent;
1453   pointer-events: none;
1454   cursor: text; }
1455
1456 .md-datepicker-calendar {
1457   opacity: 0;
1458   transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
1459   .md-pane-open .md-datepicker-calendar {
1460     opacity: 1; }
1461   .md-datepicker-calendar md-calendar:focus {
1462     outline: none; }
1463
1464 .md-datepicker-expand-triangle {
1465   position: absolute;
1466   top: 50%;
1467   left: 50%;
1468   transform: translate(-50%, -50%);
1469   width: 0;
1470   height: 0;
1471   border-left: 5px solid transparent;
1472   border-right: 5px solid transparent;
1473   border-top: 5px solid; }
1474
1475 .md-datepicker-triangle-button {
1476   position: absolute;
1477   right: 0;
1478   top: 5px;
1479   transform: translateY(-25%) translateX(45%); }
1480   [dir=rtl] .md-datepicker-triangle-button {
1481     right: auto;
1482     left: 0; }
1483   [dir=rtl] .md-datepicker-triangle-button {
1484     transform: translateY(-25%) translateX(-45%); }
1485
1486 .md-datepicker-triangle-button.md-button.md-icon-button {
1487   height: 36px;
1488   width: 36px;
1489   position: absolute;
1490   padding: 8px; }
1491
1492 md-datepicker[disabled] .md-datepicker-input-container {
1493   border-bottom-color: transparent; }
1494
1495 md-datepicker[disabled] .md-datepicker-triangle-button {
1496   display: none; }
1497
1498 .md-datepicker-open {
1499   overflow: hidden; }
1500   .md-datepicker-open .md-datepicker-input-container,
1501   .md-datepicker-open input.md-input {
1502     border-bottom-color: transparent; }
1503   .md-datepicker-open .md-datepicker-triangle-button,
1504   .md-datepicker-open.md-input-has-value > label,
1505   .md-datepicker-open.md-input-has-placeholder > label {
1506     display: none; }
1507
1508 .md-datepicker-pos-adjusted .md-datepicker-input-mask {
1509   display: none; }
1510
1511 .md-datepicker-calendar-pane .md-calendar {
1512   transform: translateY(-85px);
1513   transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
1514   transition-delay: 0.125s; }
1515
1516 .md-datepicker-calendar-pane.md-pane-open .md-calendar {
1517   transform: translateY(0); }
1518
1519 .md-dialog-is-showing {
1520   max-height: 100%; }
1521
1522 .md-dialog-container {
1523   display: flex;
1524   justify-content: center;
1525   align-items: center;
1526   position: absolute;
1527   top: 0;
1528   left: 0;
1529   width: 100%;
1530   height: 100%;
1531   z-index: 80;
1532   overflow: hidden; }
1533
1534 md-dialog {
1535   opacity: 0;
1536   min-width: 240px;
1537   max-width: 80%;
1538   max-height: 80%;
1539   position: relative;
1540   overflow: auto;
1541   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
1542   display: flex;
1543   flex-direction: column; }
1544   md-dialog.md-transition-in {
1545     opacity: 1;
1546     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
1547     transform: translate(0, 0) scale(1); }
1548   md-dialog.md-transition-out {
1549     opacity: 0;
1550     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
1551     transform: translate(0, 100%) scale(0.2); }
1552   md-dialog > form {
1553     display: flex;
1554     flex-direction: column;
1555     overflow: auto; }
1556   md-dialog .md-dialog-content {
1557     padding: 24px; }
1558   md-dialog md-dialog-content {
1559     order: 1;
1560     flex-direction: column;
1561     overflow: auto;
1562     -webkit-overflow-scrolling: touch; }
1563     md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
1564       margin-top: 0; }
1565     md-dialog md-dialog-content:focus {
1566       outline: none; }
1567     md-dialog md-dialog-content .md-subheader {
1568       margin: 0; }
1569     md-dialog md-dialog-content .md-dialog-content-body {
1570       width: 100%; }
1571     md-dialog md-dialog-content .md-prompt-input-container {
1572       width: 100%;
1573       box-sizing: border-box; }
1574   md-dialog .md-actions, md-dialog md-dialog-actions {
1575     display: flex;
1576     order: 2;
1577     box-sizing: border-box;
1578     align-items: center;
1579     justify-content: flex-end;
1580     margin-bottom: 0;
1581     padding-right: 8px;
1582     padding-left: 16px;
1583     min-height: 52px;
1584     overflow: hidden; }
1585     [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
1586       padding-right: 16px; }
1587     [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
1588       padding-left: 8px; }
1589     md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
1590       margin-bottom: 8px;
1591       margin-left: 8px;
1592       margin-right: 0;
1593       margin-top: 8px; }
1594       [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
1595         margin-left: 0; }
1596       [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
1597         margin-right: 8px; }
1598   md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
1599     border-top-width: 1px;
1600     border-top-style: solid; }
1601
1602 @media screen and (-ms-high-contrast: active) {
1603   md-dialog {
1604     border: 1px solid #fff; } }
1605
1606 @media (max-width: 959px) {
1607   md-dialog.md-dialog-fullscreen {
1608     min-height: 100%;
1609     min-width: 100%;
1610     border-radius: 0; } }
1611
1612 md-divider {
1613   display: block;
1614   border-top-width: 1px;
1615   border-top-style: solid;
1616   margin: 0; }
1617   md-divider[md-inset] {
1618     margin-left: 80px; }
1619     [dir=rtl] md-divider[md-inset] {
1620       margin-left: auto;
1621       margin-right: 80px; }
1622
1623 .layout-row > md-divider,
1624 .layout-xs-row > md-divider, .layout-gt-xs-row > md-divider,
1625 .layout-sm-row > md-divider, .layout-gt-sm-row > md-divider,
1626 .layout-md-row > md-divider, .layout-gt-md-row > md-divider,
1627 .layout-lg-row > md-divider, .layout-gt-lg-row > md-divider,
1628 .layout-xl-row > md-divider {
1629   border-top-width: 0;
1630   border-right-width: 1px;
1631   border-right-style: solid; }
1632
1633 md-fab-speed-dial {
1634   position: relative;
1635   display: flex;
1636   align-items: center;
1637   z-index: 20;
1638   /*
1639    * Hide some graphics glitches if switching animation types
1640    */
1641   /*
1642    * Handle the animations
1643    */ }
1644   md-fab-speed-dial.md-fab-bottom-right {
1645     top: auto;
1646     right: 20px;
1647     bottom: 20px;
1648     left: auto;
1649     position: absolute; }
1650   md-fab-speed-dial.md-fab-bottom-left {
1651     top: auto;
1652     right: auto;
1653     bottom: 20px;
1654     left: 20px;
1655     position: absolute; }
1656   md-fab-speed-dial.md-fab-top-right {
1657     top: 20px;
1658     right: 20px;
1659     bottom: auto;
1660     left: auto;
1661     position: absolute; }
1662   md-fab-speed-dial.md-fab-top-left {
1663     top: 20px;
1664     right: auto;
1665     bottom: auto;
1666     left: 20px;
1667     position: absolute; }
1668   md-fab-speed-dial:not(.md-hover-full) {
1669     pointer-events: none; }
1670     md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
1671       pointer-events: auto; }
1672     md-fab-speed-dial:not(.md-hover-full).md-is-open {
1673       pointer-events: auto; }
1674   md-fab-speed-dial ._md-css-variables {
1675     z-index: 20; }
1676   md-fab-speed-dial.md-is-open .md-fab-action-item {
1677     align-items: center; }
1678   md-fab-speed-dial md-fab-actions {
1679     display: flex;
1680     height: auto; }
1681     md-fab-speed-dial md-fab-actions .md-fab-action-item {
1682       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
1683   md-fab-speed-dial.md-down {
1684     flex-direction: column; }
1685     md-fab-speed-dial.md-down md-fab-trigger {
1686       order: 1; }
1687     md-fab-speed-dial.md-down md-fab-actions {
1688       flex-direction: column;
1689       order: 2; }
1690   md-fab-speed-dial.md-up {
1691     flex-direction: column; }
1692     md-fab-speed-dial.md-up md-fab-trigger {
1693       order: 2; }
1694     md-fab-speed-dial.md-up md-fab-actions {
1695       flex-direction: column-reverse;
1696       order: 1; }
1697   md-fab-speed-dial.md-left {
1698     flex-direction: row; }
1699     md-fab-speed-dial.md-left md-fab-trigger {
1700       order: 2; }
1701     md-fab-speed-dial.md-left md-fab-actions {
1702       flex-direction: row-reverse;
1703       order: 1; }
1704       md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
1705         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
1706   md-fab-speed-dial.md-right {
1707     flex-direction: row; }
1708     md-fab-speed-dial.md-right md-fab-trigger {
1709       order: 1; }
1710     md-fab-speed-dial.md-right md-fab-actions {
1711       flex-direction: row;
1712       order: 2; }
1713       md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
1714         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
1715   md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
1716     visibility: hidden; }
1717   md-fab-speed-dial.md-fling .md-fab-action-item {
1718     opacity: 1; }
1719   md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
1720     opacity: 0;
1721     transition-duration: 0s; }
1722   md-fab-speed-dial.md-scale .md-fab-action-item {
1723     transform: scale(0);
1724     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
1725     transition-duration: 0.1428571429s; }
1726
1727 md-fab-toolbar {
1728   display: block;
1729   /*
1730    * Closed styling
1731    */
1732   /*
1733    * Hover styling
1734    */ }
1735   md-fab-toolbar.md-fab-bottom-right {
1736     top: auto;
1737     right: 20px;
1738     bottom: 20px;
1739     left: auto;
1740     position: absolute; }
1741   md-fab-toolbar.md-fab-bottom-left {
1742     top: auto;
1743     right: auto;
1744     bottom: 20px;
1745     left: 20px;
1746     position: absolute; }
1747   md-fab-toolbar.md-fab-top-right {
1748     top: 20px;
1749     right: 20px;
1750     bottom: auto;
1751     left: auto;
1752     position: absolute; }
1753   md-fab-toolbar.md-fab-top-left {
1754     top: 20px;
1755     right: auto;
1756     bottom: auto;
1757     left: 20px;
1758     position: absolute; }
1759   md-fab-toolbar .md-fab-toolbar-wrapper {
1760     display: block;
1761     position: relative;
1762     overflow: hidden;
1763     height: 68px; }
1764   md-fab-toolbar md-fab-trigger {
1765     position: absolute;
1766     z-index: 20; }
1767     md-fab-toolbar md-fab-trigger button {
1768       overflow: visible !important; }
1769     md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
1770       display: block;
1771       position: absolute;
1772       z-index: 21;
1773       opacity: 1;
1774       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
1775     md-fab-toolbar md-fab-trigger md-icon {
1776       position: relative;
1777       z-index: 22;
1778       opacity: 1;
1779       transition: all 200ms ease-in; }
1780   md-fab-toolbar.md-left md-fab-trigger {
1781     right: 0; }
1782     [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
1783       right: auto;
1784       left: 0; }
1785   md-fab-toolbar.md-left .md-toolbar-tools {
1786     flex-direction: row-reverse; }
1787     md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
1788       margin-right: 0.6rem; }
1789       [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
1790         margin-right: auto;
1791         margin-left: 0.6rem; }
1792     md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
1793       margin-left: -0.8rem; }
1794       [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
1795         margin-left: auto;
1796         margin-right: -0.8rem; }
1797     md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
1798       margin-right: 8px; }
1799       [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
1800         margin-right: auto;
1801         margin-left: 8px; }
1802   md-fab-toolbar.md-right md-fab-trigger {
1803     left: 0; }
1804     [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
1805       left: auto;
1806       right: 0; }
1807   md-fab-toolbar.md-right .md-toolbar-tools {
1808     flex-direction: row; }
1809   md-fab-toolbar md-toolbar {
1810     background-color: transparent !important;
1811     pointer-events: none;
1812     z-index: 23; }
1813     md-fab-toolbar md-toolbar .md-toolbar-tools {
1814       padding: 0 20px;
1815       margin-top: 3px; }
1816     md-fab-toolbar md-toolbar .md-fab-action-item {
1817       opacity: 0;
1818       transform: scale(0);
1819       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
1820       transition-duration: 0.15s; }
1821   md-fab-toolbar.md-is-open md-fab-trigger > button {
1822     box-shadow: none; }
1823     md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
1824       opacity: 0; }
1825   md-fab-toolbar.md-is-open .md-fab-action-item {
1826     opacity: 1;
1827     transform: scale(1); }
1828
1829 md-grid-list {
1830   box-sizing: border-box;
1831   display: block;
1832   position: relative; }
1833   md-grid-list md-grid-tile,
1834   md-grid-list md-grid-tile > figure,
1835   md-grid-list md-grid-tile-header,
1836   md-grid-list md-grid-tile-footer {
1837     box-sizing: border-box; }
1838   md-grid-list md-grid-tile {
1839     display: block;
1840     position: absolute; }
1841     md-grid-list md-grid-tile figure {
1842       display: flex;
1843       align-items: center;
1844       justify-content: center;
1845       height: 100%;
1846       position: absolute;
1847       top: 0;
1848       right: 0;
1849       bottom: 0;
1850       left: 0;
1851       padding: 0;
1852       margin: 0; }
1853     md-grid-list md-grid-tile md-grid-tile-header,
1854     md-grid-list md-grid-tile md-grid-tile-footer {
1855       display: flex;
1856       flex-direction: row;
1857       align-items: center;
1858       height: 48px;
1859       color: #fff;
1860       background: rgba(0, 0, 0, 0.18);
1861       overflow: hidden;
1862       position: absolute;
1863       left: 0;
1864       right: 0; }
1865       md-grid-list md-grid-tile md-grid-tile-header h3,
1866       md-grid-list md-grid-tile md-grid-tile-header h4,
1867       md-grid-list md-grid-tile md-grid-tile-footer h3,
1868       md-grid-list md-grid-tile md-grid-tile-footer h4 {
1869         font-weight: 400;
1870         margin: 0 0 0 16px; }
1871       md-grid-list md-grid-tile md-grid-tile-header h3,
1872       md-grid-list md-grid-tile md-grid-tile-footer h3 {
1873         font-size: 14px; }
1874       md-grid-list md-grid-tile md-grid-tile-header h4,
1875       md-grid-list md-grid-tile md-grid-tile-footer h4 {
1876         font-size: 12px; }
1877     md-grid-list md-grid-tile md-grid-tile-header {
1878       top: 0; }
1879     md-grid-list md-grid-tile md-grid-tile-footer {
1880       bottom: 0; }
1881
1882 @media screen and (-ms-high-contrast: active) {
1883   md-grid-tile {
1884     border: 1px solid #fff; }
1885   md-grid-tile-footer {
1886     border-top: 1px solid #fff; } }
1887
1888 md-icon {
1889   margin: auto;
1890   background-repeat: no-repeat no-repeat;
1891   display: inline-block;
1892   vertical-align: middle;
1893   fill: currentColor;
1894   height: 24px;
1895   width: 24px;
1896   min-height: 24px;
1897   min-width: 24px; }
1898   md-icon svg {
1899     pointer-events: none;
1900     display: block; }
1901   md-icon[md-font-icon] {
1902     line-height: 24px;
1903     width: auto; }
1904
1905 md-input-container {
1906   display: inline-block;
1907   position: relative;
1908   padding: 2px;
1909   margin: 18px 0;
1910   vertical-align: middle;
1911   /*
1912    * The .md-input class is added to the input/textarea
1913    */ }
1914   md-input-container:after {
1915     content: '';
1916     display: table;
1917     clear: both; }
1918   md-input-container.md-block {
1919     display: block; }
1920   md-input-container .md-errors-spacer {
1921     float: right;
1922     min-height: 24px;
1923     min-width: 1px; }
1924     [dir=rtl] md-input-container .md-errors-spacer {
1925       float: left; }
1926   md-input-container > md-icon {
1927     position: absolute;
1928     top: 8px;
1929     left: 2px;
1930     right: auto; }
1931     [dir=rtl] md-input-container > md-icon {
1932       left: auto; }
1933     [dir=rtl] md-input-container > md-icon {
1934       right: 2px; }
1935   md-input-container textarea,
1936   md-input-container input[type="text"],
1937   md-input-container input[type="password"],
1938   md-input-container input[type="datetime"],
1939   md-input-container input[type="datetime-local"],
1940   md-input-container input[type="date"],
1941   md-input-container input[type="month"],
1942   md-input-container input[type="time"],
1943   md-input-container input[type="week"],
1944   md-input-container input[type="number"],
1945   md-input-container input[type="email"],
1946   md-input-container input[type="url"],
1947   md-input-container input[type="search"],
1948   md-input-container input[type="tel"],
1949   md-input-container input[type="color"] {
1950     /* remove default appearance from all input/textarea */
1951     -moz-appearance: none;
1952     -webkit-appearance: none; }
1953   md-input-container input[type="date"],
1954   md-input-container input[type="datetime-local"],
1955   md-input-container input[type="month"],
1956   md-input-container input[type="time"],
1957   md-input-container input[type="week"] {
1958     min-height: 26px; }
1959   md-input-container textarea {
1960     resize: none;
1961     overflow: hidden; }
1962     md-input-container textarea.md-input {
1963       min-height: 26px;
1964       -ms-flex-preferred-size: auto; }
1965     md-input-container textarea[md-no-autogrow] {
1966       height: auto;
1967       overflow: auto; }
1968   md-input-container label:not(.md-container-ignore) {
1969     position: absolute;
1970     bottom: 100%;
1971     left: 0;
1972     right: auto; }
1973     [dir=rtl] md-input-container label:not(.md-container-ignore) {
1974       left: auto; }
1975     [dir=rtl] md-input-container label:not(.md-container-ignore) {
1976       right: 0; }
1977     md-input-container label:not(.md-container-ignore).md-required:after {
1978       content: ' *';
1979       font-size: 13px;
1980       vertical-align: top; }
1981   md-input-container label:not(.md-no-float):not(.md-container-ignore),
1982   md-input-container .md-placeholder {
1983     overflow: hidden;
1984     text-overflow: ellipsis;
1985     white-space: nowrap;
1986     width: 100%;
1987     order: 1;
1988     pointer-events: none;
1989     -webkit-font-smoothing: antialiased;
1990     padding-left: 3px;
1991     padding-right: 0;
1992     z-index: 1;
1993     transform: translate3d(0, 28px, 0) scale(1);
1994     transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
1995     max-width: 100%;
1996     transform-origin: left top; }
1997     [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
1998     md-input-container .md-placeholder {
1999       padding-left: 0; }
2000     [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
2001     md-input-container .md-placeholder {
2002       padding-right: 3px; }
2003     [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
2004     md-input-container .md-placeholder {
2005       transform-origin: right top; }
2006   md-input-container .md-placeholder {
2007     position: absolute;
2008     top: 0;
2009     opacity: 0;
2010     transition-property: opacity, transform;
2011     transform: translate3d(0, 30px, 0); }
2012   md-input-container.md-input-focused .md-placeholder {
2013     opacity: 1;
2014     transform: translate3d(0, 24px, 0); }
2015   md-input-container.md-input-has-value .md-placeholder {
2016     transition: none;
2017     opacity: 0; }
2018   md-input-container:not(.md-input-has-value) input:not(:focus),
2019   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
2020   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
2021   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
2022   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
2023   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
2024   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
2025   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
2026   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
2027   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
2028   md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
2029     color: transparent; }
2030   md-input-container .md-input {
2031     order: 2;
2032     display: block;
2033     margin-top: 0;
2034     background: none;
2035     padding-top: 2px;
2036     padding-bottom: 1px;
2037     padding-left: 2px;
2038     padding-right: 2px;
2039     border-width: 0 0 1px 0;
2040     line-height: 26px;
2041     height: 30px;
2042     -ms-flex-preferred-size: 26px;
2043     border-radius: 0;
2044     border-style: solid;
2045     width: 100%;
2046     box-sizing: border-box;
2047     float: left; }
2048     [dir=rtl] md-input-container .md-input {
2049       float: right; }
2050     md-input-container .md-input:focus {
2051       outline: none; }
2052     md-input-container .md-input:invalid {
2053       outline: none;
2054       box-shadow: none; }
2055     md-input-container .md-input.md-no-flex {
2056       flex: none !important; }
2057   md-input-container .md-char-counter {
2058     text-align: right;
2059     padding-right: 2px;
2060     padding-left: 0; }
2061     [dir=rtl] md-input-container .md-char-counter {
2062       text-align: left; }
2063     [dir=rtl] md-input-container .md-char-counter {
2064       padding-right: 0; }
2065     [dir=rtl] md-input-container .md-char-counter {
2066       padding-left: 2px; }
2067   md-input-container .md-input-messages-animation {
2068     position: relative;
2069     order: 4;
2070     overflow: hidden;
2071     clear: left; }
2072     [dir=rtl] md-input-container .md-input-messages-animation {
2073       clear: right; }
2074     md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation {
2075       opacity: 0;
2076       margin-top: -100px; }
2077   md-input-container .md-input-message-animation, md-input-container .md-char-counter {
2078     font-size: 12px;
2079     line-height: 14px;
2080     overflow: hidden;
2081     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
2082     opacity: 1;
2083     margin-top: 0;
2084     padding-top: 5px; }
2085     md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
2086       padding-right: 5px;
2087       padding-left: 0; }
2088       [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
2089         padding-right: 0; }
2090       [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
2091         padding-left: 5px; }
2092   md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
2093     opacity: 0;
2094     margin-top: -100px; }
2095   md-input-container .md-input-message-animation:not(.ng-animate) {
2096     opacity: 0;
2097     margin-top: -100px; }
2098   md-input-container .md-input-message-animation.ng-enter {
2099     opacity: 0;
2100     margin-top: -100px; }
2101   md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
2102     transform: translate3d(0, 6px, 0) scale(0.75);
2103     transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }
2104   md-input-container.md-input-has-value label {
2105     transition: none; }
2106   md-input-container.md-input-focused .md-input,
2107   md-input-container .md-input.ng-invalid.ng-dirty,
2108   md-input-container.md-input-resized .md-input {
2109     padding-bottom: 0;
2110     border-width: 0 0 2px 0; }
2111   md-input-container .md-input[disabled],
2112   [disabled] md-input-container .md-input {
2113     background-position: bottom -1px left 0;
2114     background-size: 4px 1px;
2115     background-repeat: repeat-x; }
2116   md-input-container.md-icon-float {
2117     transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
2118     md-input-container.md-icon-float > label {
2119       pointer-events: none;
2120       position: absolute; }
2121     md-input-container.md-icon-float > md-icon {
2122       top: 8px;
2123       left: 2px;
2124       right: auto; }
2125       [dir=rtl] md-input-container.md-icon-float > md-icon {
2126         left: auto; }
2127       [dir=rtl] md-input-container.md-icon-float > md-icon {
2128         right: 2px; }
2129   md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
2130   md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
2131   md-input-container.md-icon-right > label .md-placeholder {
2132     width: calc(100% - 36px - 18px); }
2133   md-input-container.md-icon-left {
2134     padding-left: 36px;
2135     padding-right: 0; }
2136     [dir=rtl] md-input-container.md-icon-left {
2137       padding-left: 0; }
2138     [dir=rtl] md-input-container.md-icon-left {
2139       padding-right: 36px; }
2140     md-input-container.md-icon-left > label {
2141       left: 36px;
2142       right: auto; }
2143       [dir=rtl] md-input-container.md-icon-left > label {
2144         left: auto; }
2145       [dir=rtl] md-input-container.md-icon-left > label {
2146         right: 36px; }
2147   md-input-container.md-icon-right {
2148     padding-left: 0;
2149     padding-right: 36px; }
2150     [dir=rtl] md-input-container.md-icon-right {
2151       padding-left: 36px; }
2152     [dir=rtl] md-input-container.md-icon-right {
2153       padding-right: 0; }
2154     md-input-container.md-icon-right > md-icon:last-of-type {
2155       margin: 0;
2156       right: 2px;
2157       left: auto; }
2158       [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
2159         right: auto; }
2160       [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
2161         left: 2px; }
2162   md-input-container.md-icon-left.md-icon-right {
2163     padding-left: 36px;
2164     padding-right: 36px; }
2165     md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
2166     md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
2167       width: calc(100% - (36px * 2)); }
2168
2169 .md-resize-wrapper {
2170   position: relative; }
2171   .md-resize-wrapper:after {
2172     content: '';
2173     display: table;
2174     clear: both; }
2175
2176 .md-resize-handle {
2177   position: absolute;
2178   bottom: -5px;
2179   left: 0;
2180   height: 10px;
2181   background: transparent;
2182   width: 100%;
2183   cursor: ns-resize; }
2184
2185 @media screen and (-ms-high-contrast: active) {
2186   md-input-container.md-default-theme > md-icon {
2187     fill: #fff; } }
2188
2189 md-list {
2190   display: block;
2191   padding: 8px 0px 8px 0px; }
2192   md-list .md-subheader {
2193     font-size: 14px;
2194     font-weight: 500;
2195     letter-spacing: 0.010em;
2196     line-height: 1.2em; }
2197   md-list.md-dense md-list-item,
2198   md-list.md-dense md-list-item .md-list-item-inner {
2199     min-height: 48px; }
2200     md-list.md-dense md-list-item::before,
2201     md-list.md-dense md-list-item .md-list-item-inner::before {
2202       content: '';
2203       min-height: 48px;
2204       visibility: hidden;
2205       display: inline-block; }
2206     md-list.md-dense md-list-item md-icon:first-child,
2207     md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child {
2208       width: 20px;
2209       height: 20px; }
2210     md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),
2211     md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
2212       margin-right: 36px; }
2213       [dir=rtl] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]
2214       md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
2215         margin-right: auto;
2216         margin-left: 36px; }
2217     md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon,
2218     md-list.md-dense md-list-item .md-list-item-inner .md-avatar,
2219     md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
2220       margin-right: 20px; }
2221       [dir=rtl] md-list.md-dense md-list-item .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-avatar-icon, [dir=rtl]
2222       md-list.md-dense md-list-item .md-list-item-inner .md-avatar, [dir=rtl]
2223       md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
2224         margin-right: auto;
2225         margin-left: 20px; }
2226     md-list.md-dense md-list-item .md-avatar,
2227     md-list.md-dense md-list-item .md-list-item-inner .md-avatar {
2228       flex: none;
2229       width: 36px;
2230       height: 36px; }
2231   md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
2232     margin-left: 56px; }
2233     [dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
2234       margin-left: auto;
2235       margin-right: 56px; }
2236   md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,
2237   md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,
2238   md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
2239   md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
2240   md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,
2241   md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,
2242   md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
2243   md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
2244   md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
2245     line-height: 1.05;
2246     font-size: 12px; }
2247   md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
2248     font-size: 13px; }
2249   md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {
2250     min-height: 60px; }
2251     md-list.md-dense md-list-item.md-2-line::before, md-list.md-dense md-list-item.md-2-line > .md-no-style::before {
2252       content: '';
2253       min-height: 60px;
2254       visibility: hidden;
2255       display: inline-block; }
2256     md-list.md-dense md-list-item.md-2-line > .md-avatar, md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon {
2257       margin-top: 12px; }
2258   md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > .md-no-style {
2259     min-height: 76px; }
2260     md-list.md-dense md-list-item.md-3-line::before, md-list.md-dense md-list-item.md-3-line > .md-no-style::before {
2261       content: '';
2262       min-height: 76px;
2263       visibility: hidden;
2264       display: inline-block; }
2265     md-list.md-dense md-list-item.md-3-line > md-icon:first-child,
2266     md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child,
2267     md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar {
2268       margin-top: 16px; }
2269
2270 md-list-item {
2271   position: relative; }
2272   md-list-item.md-proxy-focus.md-focused .md-no-style {
2273     transition: background-color 0.15s linear; }
2274   md-list-item._md-button-wrap {
2275     position: relative; }
2276     md-list-item._md-button-wrap > div.md-button:first-child {
2277       display: flex;
2278       align-items: center;
2279       justify-content: flex-start;
2280       padding: 0 16px;
2281       margin: 0;
2282       font-weight: 400;
2283       text-align: left;
2284       border: medium none; }
2285       [dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
2286         text-align: right; }
2287       md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
2288         position: absolute;
2289         top: 0;
2290         left: 0;
2291         height: 100%;
2292         margin: 0;
2293         padding: 0; }
2294       md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
2295         width: 100%;
2296         min-height: inherit; }
2297   md-list-item.md-no-proxy,
2298   md-list-item .md-no-style {
2299     position: relative;
2300     padding: 0px 16px;
2301     flex: 1 1 auto; }
2302     md-list-item.md-no-proxy.md-button,
2303     md-list-item .md-no-style.md-button {
2304       font-size: inherit;
2305       height: inherit;
2306       text-align: left;
2307       text-transform: none;
2308       width: 100%;
2309       white-space: normal;
2310       flex-direction: inherit;
2311       align-items: inherit;
2312       border-radius: 0;
2313       margin: 0; }
2314       [dir=rtl] md-list-item.md-no-proxy.md-button, [dir=rtl]
2315       md-list-item .md-no-style.md-button {
2316         text-align: right; }
2317       md-list-item.md-no-proxy.md-button > .md-ripple-container,
2318       md-list-item .md-no-style.md-button > .md-ripple-container {
2319         border-radius: 0; }
2320     md-list-item.md-no-proxy:focus,
2321     md-list-item .md-no-style:focus {
2322       outline: none; }
2323   md-list-item.md-clickable:hover {
2324     cursor: pointer; }
2325   md-list-item md-divider {
2326     position: absolute;
2327     bottom: 0;
2328     left: 0;
2329     width: 100%; }
2330     [dir=rtl] md-list-item md-divider {
2331       left: auto;
2332       right: 0; }
2333     md-list-item md-divider[md-inset] {
2334       left: 72px;
2335       width: calc(100% - 72px);
2336       margin: 0 !important; }
2337       [dir=rtl] md-list-item md-divider[md-inset] {
2338         left: auto;
2339         right: 72px; }
2340   md-list-item,
2341   md-list-item .md-list-item-inner {
2342     display: flex;
2343     justify-content: flex-start;
2344     align-items: center;
2345     min-height: 48px;
2346     height: auto; }
2347     md-list-item::before,
2348     md-list-item .md-list-item-inner::before {
2349       content: '';
2350       min-height: 48px;
2351       visibility: hidden;
2352       display: inline-block; }
2353     md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
2354     md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
2355     md-list-item > md-icon:first-child:not(.md-avatar-icon),
2356     md-list-item > md-icon.md-secondary:not(.md-avatar-icon),
2357     md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
2358     md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
2359     md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
2360     md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
2361       width: 24px;
2362       margin-top: 16px;
2363       margin-bottom: 12px;
2364       box-sizing: content-box; }
2365     md-list-item > div.md-primary > md-checkbox,
2366     md-list-item > div.md-secondary > md-checkbox,
2367     md-list-item > md-checkbox,
2368     md-list-item md-checkbox.md-secondary,
2369     md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
2370     md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
2371     md-list-item .md-list-item-inner > md-checkbox,
2372     md-list-item .md-list-item-inner md-checkbox.md-secondary {
2373       align-self: center; }
2374       md-list-item > div.md-primary > md-checkbox .md-label,
2375       md-list-item > div.md-secondary > md-checkbox .md-label,
2376       md-list-item > md-checkbox .md-label,
2377       md-list-item md-checkbox.md-secondary .md-label,
2378       md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
2379       md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
2380       md-list-item .md-list-item-inner > md-checkbox .md-label,
2381       md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
2382         display: none; }
2383     md-list-item > md-icon:first-child:not(.md-avatar-icon),
2384     md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
2385       margin-right: 32px; }
2386       [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]
2387       md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
2388         margin-right: auto;
2389         margin-left: 32px; }
2390     md-list-item .md-avatar, md-list-item .md-avatar-icon,
2391     md-list-item .md-list-item-inner .md-avatar,
2392     md-list-item .md-list-item-inner .md-avatar-icon {
2393       margin-top: 8px;
2394       margin-bottom: 8px;
2395       margin-right: 16px;
2396       border-radius: 50%;
2397       box-sizing: content-box; }
2398       [dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon, [dir=rtl]
2399       md-list-item .md-list-item-inner .md-avatar, [dir=rtl]
2400       md-list-item .md-list-item-inner .md-avatar-icon {
2401         margin-right: auto;
2402         margin-left: 16px; }
2403     md-list-item .md-avatar,
2404     md-list-item .md-list-item-inner .md-avatar {
2405       flex: none;
2406       width: 40px;
2407       height: 40px; }
2408     md-list-item .md-avatar-icon,
2409     md-list-item .md-list-item-inner .md-avatar-icon {
2410       padding: 8px; }
2411       md-list-item .md-avatar-icon svg,
2412       md-list-item .md-list-item-inner .md-avatar-icon svg {
2413         width: 24px;
2414         height: 24px; }
2415     md-list-item > md-checkbox,
2416     md-list-item .md-list-item-inner > md-checkbox {
2417       width: 24px;
2418       margin-left: 3px;
2419       margin-right: 29px;
2420       margin-top: 16px; }
2421       [dir=rtl] md-list-item > md-checkbox, [dir=rtl]
2422       md-list-item .md-list-item-inner > md-checkbox {
2423         margin-left: 29px; }
2424       [dir=rtl] md-list-item > md-checkbox, [dir=rtl]
2425       md-list-item .md-list-item-inner > md-checkbox {
2426         margin-right: 3px; }
2427     md-list-item .md-secondary-container,
2428     md-list-item .md-list-item-inner .md-secondary-container {
2429       display: flex;
2430       align-items: center;
2431       flex-shrink: 0;
2432       margin: auto;
2433       margin-right: 0;
2434       margin-left: auto; }
2435       [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
2436       md-list-item .md-list-item-inner .md-secondary-container {
2437         margin-right: auto; }
2438       [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
2439       md-list-item .md-list-item-inner .md-secondary-container {
2440         margin-left: 0; }
2441       md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,
2442       md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
2443       md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
2444         margin-right: 0; }
2445         [dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir=rtl]
2446         md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir=rtl]
2447         md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
2448           margin-right: auto;
2449           margin-left: 0; }
2450       md-list-item .md-secondary-container md-checkbox,
2451       md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
2452         margin-top: 0;
2453         margin-bottom: 0; }
2454         md-list-item .md-secondary-container md-checkbox:last-child,
2455         md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
2456           width: 24px;
2457           margin-right: 0; }
2458           [dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child, [dir=rtl]
2459           md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
2460             margin-right: auto;
2461             margin-left: 0; }
2462       md-list-item .md-secondary-container md-switch,
2463       md-list-item .md-list-item-inner .md-secondary-container md-switch {
2464         margin-top: 0;
2465         margin-bottom: 0;
2466         margin-right: -6px; }
2467         [dir=rtl] md-list-item .md-secondary-container md-switch, [dir=rtl]
2468         md-list-item .md-list-item-inner .md-secondary-container md-switch {
2469           margin-right: auto;
2470           margin-left: -6px; }
2471     md-list-item > p, md-list-item > .md-list-item-inner > p,
2472     md-list-item .md-list-item-inner > p,
2473     md-list-item .md-list-item-inner > .md-list-item-inner > p {
2474       flex: 1 1 auto;
2475       margin: 0; }
2476   md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
2477     align-items: flex-start;
2478     justify-content: center; }
2479     md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
2480       margin-top: 8px;
2481       margin-bottom: 8px; }
2482     md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
2483       flex: 1 1 auto;
2484       margin: auto;
2485       text-overflow: ellipsis;
2486       overflow: hidden; }
2487       md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
2488         margin-left: 56px; }
2489         [dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
2490           margin-left: auto;
2491           margin-right: 56px; }
2492       md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
2493         font-size: 16px;
2494         font-weight: 400;
2495         letter-spacing: 0.010em;
2496         margin: 0 0 0px 0;
2497         line-height: 1.2em;
2498         overflow: hidden;
2499         white-space: nowrap;
2500         text-overflow: ellipsis; }
2501       md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
2502         font-size: 14px;
2503         letter-spacing: 0.010em;
2504         margin: 3px 0 1px 0;
2505         font-weight: 400;
2506         line-height: 1.2em;
2507         overflow: hidden;
2508         white-space: nowrap;
2509         text-overflow: ellipsis; }
2510       md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
2511         font-size: 14px;
2512         font-weight: 500;
2513         letter-spacing: 0.010em;
2514         margin: 0 0 0 0;
2515         line-height: 1.6em; }
2516   md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
2517     height: auto;
2518     min-height: 72px; }
2519     md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
2520       content: '';
2521       min-height: 72px;
2522       visibility: hidden;
2523       display: inline-block; }
2524     md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
2525       margin-top: 12px; }
2526     md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
2527       align-self: flex-start; }
2528     md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
2529       flex: 1 1 auto; }
2530   md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
2531     height: auto;
2532     min-height: 88px; }
2533     md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
2534       content: '';
2535       min-height: 88px;
2536       visibility: hidden;
2537       display: inline-block; }
2538     md-list-item.md-3-line > md-icon:first-child,
2539     md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,
2540     md-list-item.md-3-line > .md-no-style > .md-avatar {
2541       margin-top: 16px; }
2542
2543 .md-open-menu-container {
2544   position: fixed;
2545   left: 0;
2546   top: 0;
2547   z-index: 100;
2548   opacity: 0;
2549   border-radius: 2px; }
2550   .md-open-menu-container md-menu-divider {
2551     margin-top: 4px;
2552     margin-bottom: 4px;
2553     height: 1px;
2554     min-height: 1px;
2555     max-height: 1px;
2556     width: 100%; }
2557   .md-open-menu-container md-menu-content > * {
2558     opacity: 0; }
2559   .md-open-menu-container:not(.md-clickable) {
2560     pointer-events: none; }
2561   .md-open-menu-container.md-active {
2562     opacity: 1;
2563     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
2564     transition-duration: 200ms; }
2565     .md-open-menu-container.md-active > md-menu-content > * {
2566       opacity: 1;
2567       transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
2568       transition-duration: 200ms;
2569       transition-delay: 100ms; }
2570   .md-open-menu-container.md-leave {
2571     opacity: 0;
2572     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
2573     transition-duration: 250ms; }
2574
2575 md-menu-content {
2576   display: flex;
2577   flex-direction: column;
2578   padding: 8px 0;
2579   max-height: 304px;
2580   overflow-y: auto; }
2581   md-menu-content.md-dense {
2582     max-height: 208px; }
2583     md-menu-content.md-dense md-menu-item {
2584       height: 32px;
2585       min-height: 0px; }
2586
2587 md-menu-item {
2588   display: flex;
2589   flex-direction: row;
2590   min-height: 48px;
2591   height: 48px;
2592   align-content: center;
2593   justify-content: flex-start;
2594   /*
2595    * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
2596    * <a> elements. Add some top padding to fix alignment since buttons automatically align their
2597    * text vertically.
2598    */ }
2599   md-menu-item > * {
2600     width: 100%;
2601     margin: auto 0;
2602     padding-left: 16px;
2603     padding-right: 16px; }
2604   md-menu-item > a.md-button {
2605     padding-top: 5px; }
2606   md-menu-item > .md-button {
2607     text-align: left;
2608     display: inline-block;
2609     border-radius: 0;
2610     margin: auto 0;
2611     font-size: 15px;
2612     text-transform: none;
2613     font-weight: 400;
2614     height: 100%;
2615     padding-left: 16px;
2616     padding-right: 16px;
2617     width: 100%; }
2618     md-menu-item > .md-button::-moz-focus-inner {
2619       padding: 0;
2620       border: 0; }
2621     [dir=rtl] md-menu-item > .md-button {
2622       text-align: right; }
2623     md-menu-item > .md-button md-icon {
2624       margin: auto 16px auto 0; }
2625       [dir=rtl] md-menu-item > .md-button md-icon {
2626         margin: auto 0 auto 16px; }
2627     md-menu-item > .md-button p {
2628       display: inline-block;
2629       margin: auto; }
2630     md-menu-item > .md-button span {
2631       margin-top: auto;
2632       margin-bottom: auto; }
2633     md-menu-item > .md-button .md-ripple-container {
2634       border-radius: inherit; }
2635
2636 md-toolbar .md-menu {
2637   height: auto;
2638   margin: auto;
2639   padding: 0; }
2640
2641 @media (max-width: 959px) {
2642   md-menu-content {
2643     min-width: 112px; }
2644   md-menu-content[width="3"] {
2645     min-width: 168px; }
2646   md-menu-content[width="4"] {
2647     min-width: 224px; }
2648   md-menu-content[width="5"] {
2649     min-width: 280px; }
2650   md-menu-content[width="6"] {
2651     min-width: 336px; }
2652   md-menu-content[width="7"] {
2653     min-width: 392px; } }
2654
2655 @media (min-width: 960px) {
2656   md-menu-content {
2657     min-width: 96px; }
2658   md-menu-content[width="3"] {
2659     min-width: 192px; }
2660   md-menu-content[width="4"] {
2661     min-width: 256px; }
2662   md-menu-content[width="5"] {
2663     min-width: 320px; }
2664   md-menu-content[width="6"] {
2665     min-width: 384px; }
2666   md-menu-content[width="7"] {
2667     min-width: 448px; } }
2668
2669 md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
2670   line-height: 1rem;
2671   height: auto;
2672   padding: 28px;
2673   padding-bottom: 12px; }
2674
2675 md-toolbar.md-has-open-menu {
2676   position: relative;
2677   z-index: 100; }
2678
2679 md-menu-bar {
2680   padding: 0 20px;
2681   display: block;
2682   position: relative;
2683   z-index: 2; }
2684   md-menu-bar .md-menu {
2685     display: inline-block;
2686     padding: 0;
2687     position: relative; }
2688   md-menu-bar button {
2689     font-size: 14px;
2690     padding: 0 10px;
2691     margin: 0;
2692     border: 0;
2693     background-color: transparent;
2694     height: 40px; }
2695   md-menu-bar md-backdrop.md-menu-backdrop {
2696     z-index: -2; }
2697
2698 md-menu-content.md-menu-bar-menu.md-dense {
2699   max-height: none;
2700   padding: 16px 0; }
2701   md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
2702     position: relative; }
2703     md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
2704       position: absolute;
2705       padding: 0;
2706       width: 24px;
2707       top: 6px;
2708       left: 24px; }
2709       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
2710         left: auto;
2711         right: 24px; }
2712     md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
2713       padding: 0 32px 0 64px; }
2714       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
2715         padding: 0 64px 0 32px; }
2716   md-menu-content.md-menu-bar-menu.md-dense .md-button {
2717     min-height: 0;
2718     height: 32px;
2719     display: flex; }
2720     md-menu-content.md-menu-bar-menu.md-dense .md-button span {
2721       flex-grow: 1; }
2722     md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
2723       flex-grow: 0;
2724       align-self: flex-end;
2725       margin: 0 8px; }
2726   md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
2727     margin: 8px 0; }
2728   md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
2729     text-align: left; }
2730     [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
2731       text-align: right; }
2732   md-menu-content.md-menu-bar-menu.md-dense .md-menu {
2733     padding: 0; }
2734     md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
2735       position: relative;
2736       margin: 0;
2737       width: 100%;
2738       text-transform: none;
2739       font-weight: normal;
2740       border-radius: 0px;
2741       padding-left: 16px; }
2742       [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
2743         padding-left: 0;
2744         padding-right: 16px; }
2745       md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
2746         display: block;
2747         content: '\25BC';
2748         position: absolute;
2749         top: 0px;
2750         speak: none;
2751         transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
2752         right: 28px; }
2753         [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
2754           transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
2755         [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
2756           right: auto;
2757           left: 28px; }
2758
2759 /** Matches "md-tabs md-tabs-wrapper" style. */
2760 .md-nav-bar {
2761   border-style: solid;
2762   border-width: 0 0 1px;
2763   height: 48px;
2764   position: relative; }
2765
2766 ._md-nav-bar-list {
2767   outline: none;
2768   list-style: none;
2769   margin: 0;
2770   padding: 0;
2771   box-sizing: border-box;
2772   display: flex;
2773   flex-direction: row; }
2774
2775 .md-nav-item:first-of-type {
2776   margin-left: 8px; }
2777
2778 .md-button._md-nav-button {
2779   line-height: 24px;
2780   margin: 0 4px;
2781   padding: 12px 16px;
2782   transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
2783   .md-button._md-nav-button:focus {
2784     outline: none; }
2785   .md-button._md-nav-button:hover {
2786     background-color: inherit; }
2787
2788 md-nav-ink-bar {
2789   bottom: 0;
2790   height: 2px;
2791   left: auto;
2792   position: absolute;
2793   right: auto;
2794   background-color: black; }
2795   md-nav-ink-bar._md-left {
2796     transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
2797   md-nav-ink-bar._md-right {
2798     transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
2799
2800 md-nav-extra-content {
2801   min-height: 48px;
2802   padding-right: 12px; }
2803
2804 .md-panel-outer-wrapper {
2805   height: 100%;
2806   left: 0;
2807   position: absolute;
2808   top: 0;
2809   width: 100%; }
2810
2811 ._md-panel-hidden {
2812   display: none; }
2813
2814 ._md-panel-fullscreen {
2815   border-radius: 0;
2816   left: 0;
2817   min-height: 100%;
2818   min-width: 100%;
2819   position: fixed;
2820   top: 0; }
2821
2822 ._md-panel-shown .md-panel {
2823   opacity: 1;
2824   transition: none; }
2825
2826 .md-panel {
2827   opacity: 0;
2828   position: fixed; }
2829   .md-panel._md-panel-shown {
2830     opacity: 1;
2831     transition: none; }
2832   .md-panel._md-panel-animate-enter {
2833     opacity: 1;
2834     transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
2835   .md-panel._md-panel-animate-leave {
2836     opacity: 1;
2837     transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
2838   .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
2839     opacity: 0; }
2840   .md-panel._md-panel-backdrop {
2841     height: 100%;
2842     position: absolute;
2843     width: 100%; }
2844   .md-panel._md-opaque-enter {
2845     opacity: .48;
2846     transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
2847   .md-panel._md-opaque-leave {
2848     transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }
2849
2850 @keyframes indeterminate-rotate {
2851   0% {
2852     transform: rotate(0deg); }
2853   100% {
2854     transform: rotate(360deg); } }
2855
2856 md-progress-circular {
2857   position: relative;
2858   display: block; }
2859   md-progress-circular._md-progress-circular-disabled {
2860     visibility: hidden; }
2861   md-progress-circular.md-mode-indeterminate svg {
2862     animation: indeterminate-rotate 2.9s linear infinite; }
2863   md-progress-circular svg {
2864     position: absolute;
2865     overflow: visible;
2866     top: 0;
2867     left: 0; }
2868
2869 md-progress-linear {
2870   display: block;
2871   position: relative;
2872   width: 100%;
2873   height: 5px;
2874   padding-top: 0 !important;
2875   margin-bottom: 0 !important; }
2876   md-progress-linear._md-progress-linear-disabled {
2877     visibility: hidden; }
2878   md-progress-linear .md-container {
2879     display: block;
2880     position: relative;
2881     overflow: hidden;
2882     width: 100%;
2883     height: 5px;
2884     transform: translate(0, 0) scale(1, 1); }
2885     md-progress-linear .md-container .md-bar {
2886       position: absolute;
2887       left: 0;
2888       top: 0;
2889       bottom: 0;
2890       width: 100%;
2891       height: 5px; }
2892     md-progress-linear .md-container .md-dashed:before {
2893       content: "";
2894       display: none;
2895       position: absolute;
2896       margin-top: 0;
2897       height: 5px;
2898       width: 100%;
2899       background-color: transparent;
2900       background-size: 10px 10px !important;
2901       background-position: 0px -23px; }
2902     md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
2903       transition: transform 0.2s linear; }
2904     md-progress-linear .md-container.md-mode-query .md-bar1 {
2905       display: none; }
2906     md-progress-linear .md-container.md-mode-query .md-bar2 {
2907       transition: all 0.2s linear;
2908       animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
2909     md-progress-linear .md-container.md-mode-determinate .md-bar1 {
2910       display: none; }
2911     md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
2912       animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
2913     md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
2914       animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
2915     md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
2916       animation: none; }
2917       md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
2918         animation-name: none; }
2919       md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
2920         animation-name: none; }
2921   md-progress-linear .md-container.md-mode-buffer {
2922     background-color: transparent !important;
2923     transition: all 0.2s linear; }
2924     md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
2925       display: block;
2926       animation: buffer 3s infinite linear; }
2927
2928 @keyframes query {
2929   0% {
2930     opacity: 1;
2931     transform: translateX(35%) scale(0.3, 1); }
2932   100% {
2933     opacity: 0;
2934     transform: translateX(-50%) scale(0, 1); } }
2935
2936 @keyframes buffer {
2937   0% {
2938     opacity: 1;
2939     background-position: 0px -23px; }
2940   50% {
2941     opacity: 0; }
2942   100% {
2943     opacity: 1;
2944     background-position: -200px -23px; } }
2945
2946 @keyframes md-progress-linear-indeterminate-scale-1 {
2947   0% {
2948     transform: scaleX(0.1);
2949     animation-timing-function: linear; }
2950   36.6% {
2951     transform: scaleX(0.1);
2952     animation-timing-function: cubic-bezier(0.334731432, 0.124819821, 0.785843996, 1); }
2953   69.15% {
2954     transform: scaleX(0.83);
2955     animation-timing-function: cubic-bezier(0.225732004, 0, 0.233648906, 1.3709798); }
2956   100% {
2957     transform: scaleX(0.1); } }
2958
2959 @keyframes md-progress-linear-indeterminate-1 {
2960   0% {
2961     left: -105.166666667%;
2962     animation-timing-function: linear; }
2963   20% {
2964     left: -105.166666667%;
2965     animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495818703); }
2966   69.15% {
2967     left: 21.5%;
2968     animation-timing-function: cubic-bezier(0.302435, 0.38135197, 0.55, 0.956352125); }
2969   100% {
2970     left: 95.4444444444%; } }
2971
2972 @keyframes md-progress-linear-indeterminate-scale-2 {
2973   0% {
2974     transform: scaleX(0.1);
2975     animation-timing-function: cubic-bezier(0.205028172, 0.057050836, 0.57660995, 0.453970841); }
2976   19.15% {
2977     transform: scaleX(0.57);
2978     animation-timing-function: cubic-bezier(0.152312994, 0.196431957, 0.648373778, 1.00431535); }
2979   44.15% {
2980     transform: scaleX(0.91);
2981     animation-timing-function: cubic-bezier(0.25775882, -0.003163357, 0.211761916, 1.38178961); }
2982   100% {
2983     transform: scaleX(0.1); } }
2984
2985 @keyframes md-progress-linear-indeterminate-2 {
2986   0% {
2987     left: -54.8888888889%;
2988     animation-timing-function: cubic-bezier(0.15, 0, 0.5150584, 0.409684966); }
2989   25% {
2990     left: -17.25%;
2991     animation-timing-function: cubic-bezier(0.3103299, 0.284057684, 0.8, 0.733718979); }
2992   48.35% {
2993     left: 29.5%;
2994     animation-timing-function: cubic-bezier(0.4, 0.627034903, 0.6, 0.902025796); }
2995   100% {
2996     left: 117.388888889%; } }
2997
2998 md-radio-button {
2999   box-sizing: border-box;
3000   display: block;
3001   margin-bottom: 16px;
3002   white-space: nowrap;
3003   cursor: pointer;
3004   position: relative; }
3005   md-radio-button[disabled] {
3006     cursor: default; }
3007     md-radio-button[disabled] .md-container {
3008       cursor: default; }
3009   md-radio-button .md-container {
3010     position: absolute;
3011     top: 50%;
3012     transform: translateY(-50%);
3013     box-sizing: border-box;
3014     display: inline-block;
3015     width: 20px;
3016     height: 20px;
3017     cursor: pointer;
3018     left: 0;
3019     right: auto; }
3020     [dir=rtl] md-radio-button .md-container {
3021       left: auto; }
3022     [dir=rtl] md-radio-button .md-container {
3023       right: 0; }
3024     md-radio-button .md-container .md-ripple-container {
3025       position: absolute;
3026       display: block;
3027       width: auto;
3028       height: auto;
3029       left: -15px;
3030       top: -15px;
3031       right: -15px;
3032       bottom: -15px; }
3033     md-radio-button .md-container:before {
3034       box-sizing: border-box;
3035       background-color: transparent;
3036       border-radius: 50%;
3037       content: '';
3038       position: absolute;
3039       display: block;
3040       height: auto;
3041       left: 0;
3042       top: 0;
3043       right: 0;
3044       bottom: 0;
3045       transition: all 0.5s;
3046       width: auto; }
3047   md-radio-button.md-align-top-left > div.md-container {
3048     top: 12px; }
3049   md-radio-button .md-off {
3050     box-sizing: border-box;
3051     position: absolute;
3052     top: 0;
3053     left: 0;
3054     width: 20px;
3055     height: 20px;
3056     border-style: solid;
3057     border-width: 2px;
3058     border-radius: 50%;
3059     transition: border-color ease 0.28s; }
3060   md-radio-button .md-on {
3061     box-sizing: border-box;
3062     position: absolute;
3063     top: 0;
3064     left: 0;
3065     width: 20px;
3066     height: 20px;
3067     border-radius: 50%;
3068     transition: transform ease 0.28s;
3069     transform: scale(0); }
3070   md-radio-button.md-checked .md-on {
3071     transform: scale(0.5); }
3072   md-radio-button .md-label {
3073     box-sizing: border-box;
3074     position: relative;
3075     display: inline-block;
3076     margin-left: 30px;
3077     margin-right: 0;
3078     vertical-align: middle;
3079     white-space: normal;
3080     pointer-events: none;
3081     width: auto; }
3082     [dir=rtl] md-radio-button .md-label {
3083       margin-left: 0; }
3084     [dir=rtl] md-radio-button .md-label {
3085       margin-right: 30px; }
3086
3087 md-radio-group {
3088   /** Layout adjustments for the radio group. */ }
3089   md-radio-group.layout-column md-radio-button, md-radio-group.layout-xs-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-xl-column md-radio-button {
3090     margin-bottom: 16px; }
3091   md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
3092     margin-top: 0;
3093     margin-bottom: 0;
3094     margin-left: 0;
3095     margin-right: 16px; }
3096     [dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
3097       margin-left: 16px; }
3098     [dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
3099       margin-right: 0; }
3100     md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-xl-row md-radio-button:last-of-type {
3101       margin-left: 0;
3102       margin-right: 0; }
3103   md-radio-group:focus {
3104     outline: none; }
3105   md-radio-group.md-focused .md-checked .md-container:before {
3106     left: -8px;
3107     top: -8px;
3108     right: -8px;
3109     bottom: -8px; }
3110   md-radio-group[disabled] md-radio-button {
3111     cursor: default; }
3112     md-radio-group[disabled] md-radio-button .md-container {
3113       cursor: default; }
3114
3115 .md-inline-form md-radio-group {
3116   margin: 18px 0 19px; }
3117   .md-inline-form md-radio-group md-radio-button {
3118     display: inline-block;
3119     height: 30px;
3120     padding: 2px;
3121     box-sizing: border-box;
3122     margin-top: 0;
3123     margin-bottom: 0; }
3124
3125 @media screen and (-ms-high-contrast: active) {
3126   md-radio-button.md-default-theme .md-on {
3127     background-color: #fff; } }
3128
3129 md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
3130   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3131   transform-origin: left top; }
3132   [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
3133     transform-origin: right top; }
3134
3135 md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
3136   transform: translateY(-22px) translateX(-2px) scale(0.75); }
3137
3138 .md-select-menu-container {
3139   position: fixed;
3140   left: 0;
3141   top: 0;
3142   z-index: 90;
3143   opacity: 0;
3144   display: none;
3145   transform: translateY(-1px); }
3146   .md-select-menu-container:not(.md-clickable) {
3147     pointer-events: none; }
3148   .md-select-menu-container md-progress-circular {
3149     display: table;
3150     margin: 24px auto !important; }
3151   .md-select-menu-container.md-active {
3152     display: block;
3153     opacity: 1; }
3154     .md-select-menu-container.md-active md-select-menu {
3155       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3156       transition-duration: 150ms; }
3157       .md-select-menu-container.md-active md-select-menu > * {
3158         opacity: 1;
3159         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
3160         transition-duration: 150ms;
3161         transition-delay: 100ms; }
3162   .md-select-menu-container.md-leave {
3163     opacity: 0;
3164     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
3165     transition-duration: 250ms; }
3166
3167 md-input-container > md-select {
3168   margin: 0;
3169   order: 2; }
3170
3171 md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
3172   content: ' *';
3173   font-size: 13px;
3174   vertical-align: top; }
3175
3176 md-input-container.md-input-invalid md-select .md-select-value {
3177   border-bottom-style: solid;
3178   padding-bottom: 1px; }
3179
3180 md-select {
3181   display: flex;
3182   margin: 20px 0 26px 0; }
3183   md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
3184     content: ' *';
3185     font-size: 13px;
3186     vertical-align: top; }
3187   md-select[disabled] .md-select-value {
3188     background-position: 0 bottom;
3189     background-size: 4px 1px;
3190     background-repeat: repeat-x;
3191     margin-bottom: -1px; }
3192   md-select:focus {
3193     outline: none; }
3194   md-select[disabled]:hover {
3195     cursor: default; }
3196   md-select:not([disabled]):hover {
3197     cursor: pointer; }
3198   md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
3199     border-bottom-style: solid;
3200     padding-bottom: 1px; }
3201   md-select:not([disabled]):focus .md-select-value {
3202     border-bottom-width: 2px;
3203     border-bottom-style: solid;
3204     padding-bottom: 0; }
3205   md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
3206     padding-bottom: 0; }
3207
3208 md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
3209   transform: translate3d(0, 1px, 0); }
3210
3211 .md-select-value {
3212   display: flex;
3213   align-items: center;
3214   padding: 2px 2px 1px;
3215   border-bottom-width: 1px;
3216   border-bottom-style: solid;
3217   background-color: transparent;
3218   position: relative;
3219   box-sizing: content-box;
3220   min-width: 64px;
3221   min-height: 26px;
3222   flex-grow: 1; }
3223   .md-select-value > span:not(.md-select-icon) {
3224     max-width: 100%;
3225     flex: 1 1 auto;
3226     text-overflow: ellipsis;
3227     white-space: nowrap;
3228     overflow: hidden; }
3229     .md-select-value > span:not(.md-select-icon) .md-text {
3230       display: inline; }
3231   .md-select-value .md-select-icon {
3232     display: block;
3233     align-items: flex-end;
3234     text-align: end;
3235     width: 24px;
3236     margin: 0 4px;
3237     transform: translate3d(0, -2px, 0);
3238     font-size: 1.2rem; }
3239   .md-select-value .md-select-icon:after {
3240     display: block;
3241     content: '\25BC';
3242     position: relative;
3243     top: 2px;
3244     speak: none;
3245     font-size: 13px;
3246     transform: scaleY(0.5) scaleX(1); }
3247   .md-select-value.md-select-placeholder {
3248     display: flex;
3249     order: 1;
3250     pointer-events: none;
3251     -webkit-font-smoothing: antialiased;
3252     padding-left: 2px;
3253     z-index: 1; }
3254
3255 md-select-menu {
3256   display: flex;
3257   flex-direction: column;
3258   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
3259   max-height: 256px;
3260   min-height: 48px;
3261   overflow-y: hidden;
3262   transform-origin: left top;
3263   transform: scale(1); }
3264   md-select-menu.md-reverse {
3265     flex-direction: column-reverse; }
3266   md-select-menu:not(.md-overflow) md-content {
3267     padding-top: 8px;
3268     padding-bottom: 8px; }
3269   [dir=rtl] md-select-menu {
3270     transform-origin: right top; }
3271   md-select-menu md-content {
3272     min-width: 136px;
3273     min-height: 48px;
3274     max-height: 256px;
3275     overflow-y: auto; }
3276   md-select-menu > * {
3277     opacity: 0; }
3278
3279 md-option {
3280   cursor: pointer;
3281   position: relative;
3282   display: flex;
3283   align-items: center;
3284   width: auto;
3285   transition: background 0.15s linear;
3286   padding: 0 16px 0 16px;
3287   height: 48px; }
3288   md-option[disabled] {
3289     cursor: default; }
3290   md-option:focus {
3291     outline: none; }
3292   md-option .md-text {
3293     -webkit-touch-callout: none;
3294     -webkit-user-select: none;
3295     -khtml-user-select: none;
3296     -moz-user-select: none;
3297     -ms-user-select: none;
3298     user-select: none;
3299     width: auto;
3300     white-space: nowrap;
3301     overflow: hidden;
3302     text-overflow: ellipsis; }
3303
3304 md-optgroup {
3305   display: block; }
3306   md-optgroup label {
3307     display: block;
3308     font-size: 14px;
3309     text-transform: uppercase;
3310     padding: 16px;
3311     font-weight: 500; }
3312   md-optgroup md-option {
3313     padding-left: 32px;
3314     padding-right: 32px; }
3315
3316 @media screen and (-ms-high-contrast: active) {
3317   .md-select-backdrop {
3318     background-color: transparent; }
3319   md-select-menu {
3320     border: 1px solid #fff; } }
3321
3322 md-select-menu[multiple] md-option.md-checkbox-enabled {
3323   padding-left: 40px;
3324   padding-right: 16px; }
3325   [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
3326     padding-left: 16px; }
3327   [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
3328     padding-right: 40px; }
3329   md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
3330     position: absolute;
3331     top: 50%;
3332     transform: translateY(-50%);
3333     box-sizing: border-box;
3334     display: inline-block;
3335     width: 20px;
3336     height: 20px;
3337     left: 0;
3338     right: auto; }
3339     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
3340       left: auto; }
3341     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
3342       right: 0; }
3343     md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
3344       box-sizing: border-box;
3345       background-color: transparent;
3346       border-radius: 50%;
3347       content: '';
3348       position: absolute;
3349       display: block;
3350       height: auto;
3351       left: 0;
3352       top: 0;
3353       right: 0;
3354       bottom: 0;
3355       transition: all 0.5s;
3356       width: auto; }
3357     md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
3358       box-sizing: border-box;
3359       content: '';
3360       position: absolute;
3361       top: -10px;
3362       right: -10px;
3363       bottom: -10px;
3364       left: -10px; }
3365     md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
3366       position: absolute;
3367       display: block;
3368       width: auto;
3369       height: auto;
3370       left: -15px;
3371       top: -15px;
3372       right: -15px;
3373       bottom: -15px; }
3374   md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
3375     box-sizing: border-box;
3376     transition: 240ms;
3377     position: absolute;
3378     top: 0;
3379     left: 0;
3380     width: 20px;
3381     height: 20px;
3382     border-width: 2px;
3383     border-style: solid;
3384     border-radius: 2px; }
3385   md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
3386     border-color: transparent; }
3387     md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
3388       box-sizing: border-box;
3389       transform: rotate(45deg);
3390       position: absolute;
3391       left: 4.6666666667px;
3392       top: 0.2222222222px;
3393       display: table;
3394       width: 6.6666666667px;
3395       height: 13.3333333333px;
3396       border-width: 2px;
3397       border-style: solid;
3398       border-top: 0;
3399       border-left: 0;
3400       content: ''; }
3401   md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
3402     cursor: default; }
3403   md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
3404     box-sizing: border-box;
3405     position: absolute;
3406     top: 50%;
3407     left: 50%;
3408     transform: translate(-50%, -50%);
3409     display: table;
3410     width: 12px;
3411     height: 2px;
3412     border-width: 2px;
3413     border-style: solid;
3414     border-top: 0;
3415     border-left: 0;
3416     content: ''; }
3417   md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
3418     margin-left: 10.6666666667px;
3419     margin-right: auto; }
3420     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
3421       margin-left: auto; }
3422     [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
3423       margin-right: 10.6666666667px; }
3424
3425 md-sidenav {
3426   box-sizing: border-box;
3427   position: absolute;
3428   flex-direction: column;
3429   z-index: 60;
3430   width: 320px;
3431   max-width: 320px;
3432   bottom: 0;
3433   overflow: auto;
3434   -webkit-overflow-scrolling: touch; }
3435   md-sidenav ul {
3436     list-style: none; }
3437   md-sidenav.md-closed {
3438     display: none; }
3439   md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
3440     display: flex;
3441     transition: 0.2s ease-in all; }
3442   md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
3443     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
3444   md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
3445     position: static;
3446     display: flex;
3447     transform: translate3d(0, 0, 0); }
3448   md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
3449     position: static;
3450     display: flex;
3451     transform: translate3d(0, 0, 0); }
3452   md-sidenav.md-locked-open-remove-active {
3453     transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
3454     width: 0 !important;
3455     min-width: 0 !important; }
3456   md-sidenav.md-closed.md-locked-open-add {
3457     width: 0 !important;
3458     min-width: 0 !important;
3459     transform: translate3d(0%, 0, 0); }
3460   md-sidenav.md-closed.md-locked-open-add-active {
3461     transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
3462     width: 320px;
3463     min-width: 320px;
3464     transform: translate3d(0%, 0, 0); }
3465
3466 .md-sidenav-backdrop.md-locked-open {
3467   display: none; }
3468
3469 .md-sidenav-left, md-sidenav {
3470   left: 0;
3471   top: 0;
3472   transform: translate3d(0%, 0, 0); }
3473   .md-sidenav-left.md-closed, md-sidenav.md-closed {
3474     transform: translate3d(-100%, 0, 0); }
3475
3476 .md-sidenav-right {
3477   left: 100%;
3478   top: 0;
3479   transform: translate(-100%, 0); }
3480   .md-sidenav-right.md-closed {
3481     transform: translate(0%, 0); }
3482
3483 @media (min-width: 600px) {
3484   md-sidenav {
3485     max-width: 400px; } }
3486
3487 @media (max-width: 456px) {
3488   md-sidenav {
3489     width: calc(100% - 56px);
3490     min-width: calc(100% - 56px);
3491     max-width: calc(100% - 56px); } }
3492
3493 @media screen and (-ms-high-contrast: active) {
3494   .md-sidenav-left, md-sidenav {
3495     border-right: 1px solid #fff; }
3496   .md-sidenav-right {
3497     border-left: 1px solid #fff; } }
3498
3499 @keyframes sliderFocusThumb {
3500   0% {
3501     transform: scale(0.7); }
3502   30% {
3503     transform: scale(1); }
3504   100% {
3505     transform: scale(0.7); } }
3506
3507 @keyframes sliderDiscreteFocusThumb {
3508   0% {
3509     transform: scale(0.7); }
3510   50% {
3511     transform: scale(0.8); }
3512   100% {
3513     transform: scale(0); } }
3514
3515 @keyframes sliderDiscreteFocusRing {
3516   0% {
3517     transform: scale(0.7);
3518     opacity: 0; }
3519   50% {
3520     transform: scale(1);
3521     opacity: 1; }
3522   100% {
3523     transform: scale(0); } }
3524
3525 md-slider {
3526   height: 48px;
3527   min-width: 128px;
3528   position: relative;
3529   margin-left: 4px;
3530   margin-right: 4px;
3531   padding: 0;
3532   display: block;
3533   flex-direction: row;
3534   /**
3535    * Track
3536    */
3537   /**
3538    * Slider thumb
3539    */
3540   /* The sign that's focused in discrete mode */
3541   /**
3542    * The border/background that comes in when focused in non-discrete mode
3543    */
3544   /* Don't animate left/right while panning */ }
3545   md-slider *, md-slider *:after {
3546     box-sizing: border-box; }
3547   md-slider .md-slider-wrapper {
3548     outline: none;
3549     width: 100%;
3550     height: 100%; }
3551   md-slider .md-slider-content {
3552     position: relative; }
3553   md-slider .md-track-container {
3554     width: 100%;
3555     position: absolute;
3556     top: 23px;
3557     height: 2px; }
3558   md-slider .md-track {
3559     position: absolute;
3560     left: 0;
3561     right: 0;
3562     height: 100%; }
3563   md-slider .md-track-fill {
3564     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3565     transition-property: width, height; }
3566   md-slider .md-track-ticks {
3567     position: absolute;
3568     left: 0;
3569     right: 0;
3570     height: 100%; }
3571   md-slider .md-track-ticks canvas {
3572     width: 100%;
3573     height: 100%; }
3574   md-slider .md-thumb-container {
3575     position: absolute;
3576     left: 0;
3577     top: 50%;
3578     transform: translate3d(-50%, -50%, 0);
3579     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3580     transition-property: left, right, bottom; }
3581     [dir=rtl] md-slider .md-thumb-container {
3582       left: auto;
3583       right: 0; }
3584   md-slider .md-thumb {
3585     z-index: 1;
3586     position: absolute;
3587     left: -10px;
3588     top: 14px;
3589     width: 20px;
3590     height: 20px;
3591     border-radius: 20px;
3592     transform: scale(0.7);
3593     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
3594     [dir=rtl] md-slider .md-thumb {
3595       left: auto;
3596       right: -10px; }
3597     md-slider .md-thumb:after {
3598       content: '';
3599       position: absolute;
3600       width: 20px;
3601       height: 20px;
3602       border-radius: 20px;
3603       border-width: 3px;
3604       border-style: solid;
3605       transition: inherit; }
3606   md-slider .md-sign {
3607     /* Center the children (slider-thumb-text) */
3608     display: flex;
3609     align-items: center;
3610     justify-content: center;
3611     position: absolute;
3612     left: -14px;
3613     top: -17px;
3614     width: 28px;
3615     height: 28px;
3616     border-radius: 28px;
3617     transform: scale(0.4) translate3d(0, 67.5px, 0);
3618     transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
3619     /* The arrow pointing down under the sign */ }
3620     md-slider .md-sign:after {
3621       position: absolute;
3622       content: '';
3623       left: 0px;
3624       border-radius: 16px;
3625       top: 19px;
3626       border-left: 14px solid transparent;
3627       border-right: 14px solid transparent;
3628       border-top-width: 16px;
3629       border-top-style: solid;
3630       opacity: 0;
3631       transform: translate3d(0, -8px, 0);
3632       transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); }
3633       [dir=rtl] md-slider .md-sign:after {
3634         left: auto;
3635         right: 0px; }
3636     md-slider .md-sign .md-thumb-text {
3637       z-index: 1;
3638       font-size: 12px;
3639       font-weight: bold; }
3640   md-slider .md-focus-ring {
3641     position: absolute;
3642     left: -17px;
3643     top: 7px;
3644     width: 34px;
3645     height: 34px;
3646     border-radius: 34px;
3647     transform: scale(0.7);
3648     opacity: 0;
3649     transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
3650     [dir=rtl] md-slider .md-focus-ring {
3651       left: auto;
3652       right: -17px; }
3653   md-slider .md-disabled-thumb {
3654     position: absolute;
3655     left: -14px;
3656     top: 10px;
3657     width: 28px;
3658     height: 28px;
3659     border-radius: 28px;
3660     transform: scale(0.5);
3661     border-width: 4px;
3662     border-style: solid;
3663     display: none; }
3664     [dir=rtl] md-slider .md-disabled-thumb {
3665       left: auto;
3666       right: -14px; }
3667   md-slider.md-min .md-sign {
3668     opacity: 0; }
3669   md-slider:focus {
3670     outline: none; }
3671   md-slider.md-dragging .md-thumb-container,
3672   md-slider.md-dragging .md-track-fill {
3673     transition: none; }
3674   md-slider:not([md-discrete]) {
3675     /* Hide the sign and ticks in non-discrete mode */ }
3676     md-slider:not([md-discrete]) .md-track-ticks,
3677     md-slider:not([md-discrete]) .md-sign {
3678       display: none; }
3679     md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
3680       transform: scale(0.8); }
3681     md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
3682       transform: scale(1);
3683       opacity: 1; }
3684     md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
3685       animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1); }
3686     md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
3687       transform: scale(1); }
3688   md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
3689     transform: scale(0);
3690     animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
3691   md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
3692     animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
3693   md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
3694     transform: scale(0); }
3695   md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
3696   md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
3697   md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
3698     opacity: 1;
3699     transform: translate3d(0, 0, 0) scale(1); }
3700   md-slider[md-discrete][disabled][readonly] .md-thumb {
3701     transform: scale(0); }
3702   md-slider[md-discrete][disabled][readonly] .md-sign,
3703   md-slider[md-discrete][disabled][readonly] .md-sign:after {
3704     opacity: 1;
3705     transform: translate3d(0, 0, 0) scale(1); }
3706   md-slider[disabled] .md-track-fill {
3707     display: none; }
3708   md-slider[disabled] .md-track-ticks {
3709     opacity: 0; }
3710   md-slider[disabled]:not([readonly]) .md-sign {
3711     opacity: 0; }
3712   md-slider[disabled] .md-thumb {
3713     transform: scale(0.5); }
3714   md-slider[disabled] .md-disabled-thumb {
3715     display: block; }
3716   md-slider[md-vertical] {
3717     flex-direction: column;
3718     min-height: 128px;
3719     min-width: 0; }
3720     md-slider[md-vertical] .md-slider-wrapper {
3721       flex: 1;
3722       padding-top: 12px;
3723       padding-bottom: 12px;
3724       width: 48px;
3725       align-self: center;
3726       display: flex;
3727       justify-content: center; }
3728     md-slider[md-vertical] .md-track-container {
3729       height: 100%;
3730       width: 2px;
3731       top: 0;
3732       left: calc(50% - (2px / 2)); }
3733     md-slider[md-vertical] .md-thumb-container {
3734       top: auto;
3735       margin-bottom: 23px;
3736       left: calc(50% - 1px);
3737       bottom: 0; }
3738       md-slider[md-vertical] .md-thumb-container .md-thumb:after {
3739         left: 1px; }
3740       md-slider[md-vertical] .md-thumb-container .md-focus-ring {
3741         left: -16px; }
3742     md-slider[md-vertical] .md-track-fill {
3743       bottom: 0; }
3744     md-slider[md-vertical][md-discrete] .md-sign {
3745       left: -40px;
3746       top: 9.5px;
3747       transform: scale(0.4) translate3d(67.5px, 0, 0);
3748       /* The arrow pointing left next the sign */ }
3749       md-slider[md-vertical][md-discrete] .md-sign:after {
3750         top: 9.5px;
3751         left: 19px;
3752         border-top: 14px solid transparent;
3753         border-right: 0;
3754         border-bottom: 14px solid transparent;
3755         border-left-width: 16px;
3756         border-left-style: solid;
3757         opacity: 0;
3758         transform: translate3d(0, -8px, 0);
3759         transition: all 0.2s ease-in-out; }
3760       md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
3761         z-index: 1;
3762         font-size: 12px;
3763         font-weight: bold; }
3764     md-slider[md-vertical][md-discrete].md-active .md-sign:after,
3765     md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
3766       top: 0; }
3767     md-slider[md-vertical][disabled][readonly] .md-thumb {
3768       transform: scale(0); }
3769     md-slider[md-vertical][disabled][readonly] .md-sign,
3770     md-slider[md-vertical][disabled][readonly] .md-sign:after {
3771       opacity: 1;
3772       transform: translate3d(0, 0, 0) scale(1); }
3773   md-slider[md-invert]:not([md-vertical]) .md-track-fill {
3774     left: auto;
3775     right: 0; }
3776     [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
3777       left: 0; }
3778     [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
3779       right: auto; }
3780   md-slider[md-invert][md-vertical] .md-track-fill {
3781     bottom: auto;
3782     top: 0; }
3783
3784 md-slider-container {
3785   display: flex;
3786   align-items: center;
3787   flex-direction: row; }
3788   md-slider-container > *:first-child:not(md-slider),
3789   md-slider-container > *:last-child:not(md-slider) {
3790     min-width: 25px;
3791     max-width: 42px;
3792     height: 25px;
3793     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
3794     transition-property: color, max-width; }
3795   md-slider-container > *:first-child:not(md-slider) {
3796     margin-right: 16px; }
3797     [dir=rtl] md-slider-container > *:first-child:not(md-slider) {
3798       margin-right: auto;
3799       margin-left: 16px; }
3800   md-slider-container > *:last-child:not(md-slider) {
3801     margin-left: 16px; }
3802     [dir=rtl] md-slider-container > *:last-child:not(md-slider) {
3803       margin-left: auto;
3804       margin-right: 16px; }
3805   md-slider-container[md-vertical] {
3806     flex-direction: column; }
3807     md-slider-container[md-vertical] > *:first-child:not(md-slider),
3808     md-slider-container[md-vertical] > *:last-child:not(md-slider) {
3809       margin-right: 0;
3810       margin-left: 0;
3811       text-align: center; }
3812   md-slider-container md-input-container input[type="number"] {
3813     text-align: center;
3814     padding-left: 15px;
3815     height: 50px;
3816     margin-top: -25px; }
3817     [dir=rtl] md-slider-container md-input-container input[type="number"] {
3818       padding-left: 0;
3819       padding-right: 15px; }
3820
3821 @media screen and (-ms-high-contrast: active) {
3822   md-slider.md-default-theme .md-track {
3823     border-bottom: 1px solid #fff; } }
3824
3825 .md-sticky-clone {
3826   z-index: 2;
3827   top: 0;
3828   left: 0;
3829   right: 0;
3830   position: absolute !important;
3831   transform: translate3d(-9999px, -9999px, 0); }
3832   .md-sticky-clone[sticky-state="active"] {
3833     transform: translate3d(0, 0, 0); }
3834     .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
3835       animation: subheaderStickyHoverIn 0.3s ease-out both; }
3836
3837 @keyframes subheaderStickyHoverIn {
3838   0% {
3839     box-shadow: 0 0 0 0 transparent; }
3840   100% {
3841     box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
3842
3843 @keyframes subheaderStickyHoverOut {
3844   0% {
3845     box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
3846   100% {
3847     box-shadow: 0 0 0 0 transparent; } }
3848
3849 .md-subheader-wrapper:not(.md-sticky-no-effect) {
3850   transition: 0.2s ease-out margin; }
3851   .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
3852     margin: 0; }
3853   .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
3854     z-index: 2; }
3855   .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
3856     margin-top: -2px; }
3857   .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
3858     animation: subheaderStickyHoverOut 0.3s ease-out both; }
3859
3860 .md-subheader {
3861   display: block;
3862   font-size: 14px;
3863   font-weight: 500;
3864   line-height: 1em;
3865   margin: 0 0 0 0;
3866   position: relative; }
3867   .md-subheader .md-subheader-inner {
3868     display: block;
3869     padding: 16px; }
3870   .md-subheader .md-subheader-content {
3871     display: block;
3872     z-index: 1;
3873     position: relative; }
3874
3875 .md-inline-form md-switch {
3876   margin-top: 18px;
3877   margin-bottom: 19px; }
3878
3879 md-switch {
3880   margin: 16px 0;
3881   white-space: nowrap;
3882   cursor: pointer;
3883   outline: none;
3884   user-select: none;
3885   height: 30px;
3886   line-height: 28px;
3887   align-items: center;
3888   display: flex;
3889   margin-left: inherit;
3890   margin-right: 16px; }
3891   [dir=rtl] md-switch {
3892     margin-left: 16px; }
3893   [dir=rtl] md-switch {
3894     margin-right: inherit; }
3895   md-switch:last-of-type {
3896     margin-left: inherit;
3897     margin-right: 0; }
3898     [dir=rtl] md-switch:last-of-type {
3899       margin-left: 0; }
3900     [dir=rtl] md-switch:last-of-type {
3901       margin-right: inherit; }
3902   md-switch[disabled] {
3903     cursor: default; }
3904     md-switch[disabled] .md-container {
3905       cursor: default; }
3906   md-switch .md-container {
3907     cursor: grab;
3908     width: 36px;
3909     height: 24px;
3910     position: relative;
3911     user-select: none;
3912     margin-right: 8px;
3913     float: left; }
3914     [dir=rtl] md-switch .md-container {
3915       margin-right: auto;
3916       margin-left: 8px; }
3917   md-switch:not([disabled]) .md-dragging,
3918   md-switch:not([disabled]).md-dragging .md-container {
3919     cursor: grabbing; }
3920   md-switch.md-focused:not([disabled]) .md-thumb:before {
3921     left: -8px;
3922     top: -8px;
3923     right: -8px;
3924     bottom: -8px; }
3925   md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
3926     background-color: rgba(0, 0, 0, 0.12); }
3927   md-switch .md-label {
3928     border-color: transparent;
3929     border-width: 0;
3930     float: left; }
3931   md-switch .md-bar {
3932     left: 1px;
3933     width: 34px;
3934     top: 5px;
3935     height: 14px;
3936     border-radius: 8px;
3937     position: absolute; }
3938   md-switch .md-thumb-container {
3939     top: 2px;
3940     left: 0;
3941     width: 16px;
3942     position: absolute;
3943     transform: translate3d(0, 0, 0);
3944     z-index: 1; }
3945   md-switch.md-checked .md-thumb-container {
3946     transform: translate3d(100%, 0, 0); }
3947   md-switch .md-thumb {
3948     position: absolute;
3949     margin: 0;
3950     left: 0;
3951     top: 0;
3952     outline: none;
3953     height: 20px;
3954     width: 20px;
3955     border-radius: 50%;
3956     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
3957     md-switch .md-thumb:before {
3958       background-color: transparent;
3959       border-radius: 50%;
3960       content: '';
3961       position: absolute;
3962       display: block;
3963       height: auto;
3964       left: 0;
3965       top: 0;
3966       right: 0;
3967       bottom: 0;
3968       transition: all 0.5s;
3969       width: auto; }
3970     md-switch .md-thumb .md-ripple-container {
3971       position: absolute;
3972       display: block;
3973       width: auto;
3974       height: auto;
3975       left: -20px;
3976       top: -20px;
3977       right: -20px;
3978       bottom: -20px; }
3979   md-switch:not(.md-dragging) .md-bar,
3980   md-switch:not(.md-dragging) .md-thumb-container,
3981   md-switch:not(.md-dragging) .md-thumb {
3982     transition: all 0.08s linear;
3983     transition-property: transform, background-color; }
3984   md-switch:not(.md-dragging) .md-bar,
3985   md-switch:not(.md-dragging) .md-thumb {
3986     transition-delay: 0.05s; }
3987
3988 @media screen and (-ms-high-contrast: active) {
3989   md-switch.md-default-theme .md-bar {
3990     background-color: #666; }
3991   md-switch.md-default-theme.md-checked .md-bar {
3992     background-color: #9E9E9E; }
3993   md-switch.md-default-theme .md-thumb {
3994     background-color: #fff; } }
3995
3996 @keyframes md-tab-content-hide {
3997   0% {
3998     opacity: 1; }
3999   50% {
4000     opacity: 1; }
4001   100% {
4002     opacity: 0; } }
4003
4004 md-tab-data {
4005   position: absolute;
4006   top: 0;
4007   left: 0;
4008   right: 0;
4009   bottom: 0;
4010   z-index: -1;
4011   opacity: 0; }
4012
4013 md-tabs {
4014   display: block;
4015   margin: 0;
4016   border-radius: 2px;
4017   overflow: hidden;
4018   position: relative;
4019   flex-shrink: 0; }
4020   md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
4021     min-height: 248px; }
4022   md-tabs[md-align-tabs="bottom"] {
4023     padding-bottom: 48px; }
4024     md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
4025       position: absolute;
4026       bottom: 0;
4027       left: 0;
4028       right: 0;
4029       height: 48px;
4030       z-index: 2; }
4031     md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
4032       top: 0;
4033       bottom: 48px; }
4034   md-tabs.md-dynamic-height md-tabs-content-wrapper {
4035     min-height: 0;
4036     position: relative;
4037     top: auto;
4038     left: auto;
4039     right: auto;
4040     bottom: auto;
4041     overflow: visible; }
4042   md-tabs.md-dynamic-height md-tab-content.md-active {
4043     position: relative; }
4044   md-tabs[md-border-bottom] md-tabs-wrapper {
4045     border-width: 0 0 1px;
4046     border-style: solid; }
4047   md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
4048     top: 49px; }
4049
4050 md-tabs-wrapper {
4051   display: block;
4052   position: relative;
4053   transform: translate3d(0, 0, 0); }
4054   md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
4055     height: 100%;
4056     width: 32px;
4057     position: absolute;
4058     top: 50%;
4059     transform: translateY(-50%);
4060     line-height: 1em;
4061     z-index: 2;
4062     cursor: pointer;
4063     font-size: 16px;
4064     background: transparent no-repeat center center;
4065     transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
4066     md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
4067       outline: none; }
4068     md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
4069       opacity: 0.25;
4070       cursor: default; }
4071     md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
4072       transition: none; }
4073     md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
4074       position: absolute;
4075       top: 50%;
4076       left: 50%;
4077       transform: translate3d(-50%, -50%, 0); }
4078   md-tabs-wrapper md-prev-button {
4079     left: 0;
4080     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); }
4081     [dir=rtl] md-tabs-wrapper md-prev-button {
4082       left: auto;
4083       right: 0; }
4084   md-tabs-wrapper md-next-button {
4085     right: 0;
4086     background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
4087     [dir=rtl] md-tabs-wrapper md-next-button {
4088       right: auto;
4089       left: 0; }
4090     md-tabs-wrapper md-next-button md-icon {
4091       transform: translate3d(-50%, -50%, 0) rotate(180deg); }
4092   md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
4093     width: 100%;
4094     display: flex;
4095     flex-direction: row; }
4096     md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
4097       flex-grow: 1; }
4098
4099 md-tabs-canvas {
4100   position: relative;
4101   overflow: hidden;
4102   display: block;
4103   height: 48px; }
4104   md-tabs-canvas:after {
4105     content: '';
4106     display: table;
4107     clear: both; }
4108   md-tabs-canvas .md-dummy-wrapper {
4109     position: absolute;
4110     top: 0;
4111     left: 0; }
4112     [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
4113       left: auto;
4114       right: 0; }
4115   md-tabs-canvas.md-paginated {
4116     margin: 0 32px; }
4117   md-tabs-canvas.md-center-tabs {
4118     display: flex;
4119     flex-direction: column;
4120     text-align: center; }
4121     md-tabs-canvas.md-center-tabs .md-tab {
4122       float: none;
4123       display: inline-block; }
4124
4125 md-pagination-wrapper {
4126   height: 48px;
4127   display: block;
4128   transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
4129   position: absolute;
4130   width: 999999px;
4131   left: 0;
4132   transform: translate3d(0, 0, 0); }
4133   md-pagination-wrapper:after {
4134     content: '';
4135     display: table;
4136     clear: both; }
4137   [dir=rtl] md-pagination-wrapper {
4138     left: auto;
4139     right: 0; }
4140   md-pagination-wrapper.md-center-tabs {
4141     position: relative;
4142     width: auto;
4143     margin: 0 auto; }
4144
4145 md-tabs-content-wrapper {
4146   display: block;
4147   position: absolute;
4148   top: 48px;
4149   left: 0;
4150   right: 0;
4151   bottom: 0;
4152   overflow: hidden; }
4153
4154 md-tab-content {
4155   display: block;
4156   position: absolute;
4157   top: 0;
4158   left: 0;
4159   right: 0;
4160   bottom: 0;
4161   transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
4162   overflow: auto;
4163   transform: translate3d(0, 0, 0); }
4164   md-tab-content.md-no-scroll {
4165     bottom: auto;
4166     overflow: hidden; }
4167   md-tab-content.ng-leave, md-tab-content.md-no-transition {
4168     transition: none; }
4169   md-tab-content.md-left:not(.md-active) {
4170     transform: translateX(-100%);
4171     animation: 1s md-tab-content-hide;
4172     opacity: 0; }
4173     [dir=rtl] md-tab-content.md-left:not(.md-active) {
4174       transform: translateX(100%); }
4175     md-tab-content.md-left:not(.md-active) * {
4176       transition: visibility 0s linear;
4177       transition-delay: 0.5s;
4178       visibility: hidden; }
4179   md-tab-content.md-right:not(.md-active) {
4180     transform: translateX(100%);
4181     animation: 1s md-tab-content-hide;
4182     opacity: 0; }
4183     [dir=rtl] md-tab-content.md-right:not(.md-active) {
4184       transform: translateX(-100%); }
4185     md-tab-content.md-right:not(.md-active) * {
4186       transition: visibility 0s linear;
4187       transition-delay: 0.5s;
4188       visibility: hidden; }
4189   md-tab-content > div.ng-leave {
4190     animation: 1s md-tab-content-hide; }
4191
4192 md-ink-bar {
4193   position: absolute;
4194   left: auto;
4195   right: auto;
4196   bottom: 0;
4197   height: 2px; }
4198   md-ink-bar.md-left {
4199     transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
4200   md-ink-bar.md-right {
4201     transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
4202
4203 md-tab {
4204   position: absolute;
4205   z-index: -1;
4206   left: -9999px; }
4207
4208 .md-tab {
4209   font-size: 14px;
4210   text-align: center;
4211   line-height: 24px;
4212   padding: 12px 24px;
4213   transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
4214   cursor: pointer;
4215   white-space: nowrap;
4216   position: relative;
4217   text-transform: uppercase;
4218   float: left;
4219   font-weight: 500;
4220   box-sizing: border-box;
4221   overflow: hidden;
4222   text-overflow: ellipsis; }
4223   [dir=rtl] .md-tab {
4224     float: right; }
4225   .md-tab.md-focused {
4226     box-shadow: none;
4227     outline: none; }
4228   .md-tab.md-active {
4229     cursor: default; }
4230   .md-tab.md-disabled {
4231     pointer-events: none;
4232     touch-action: pan-y;
4233     user-select: none;
4234     -webkit-user-drag: none;
4235     opacity: 0.5;
4236     cursor: default; }
4237   .md-tab.ng-leave {
4238     transition: none; }
4239
4240 md-toolbar + md-tabs {
4241   border-top-left-radius: 0;
4242   border-top-right-radius: 0; }
4243
4244 .md-toast-text {
4245   padding: 0 6px; }
4246
4247 md-toast {
4248   position: absolute;
4249   z-index: 105;
4250   box-sizing: border-box;
4251   cursor: default;
4252   overflow: hidden;
4253   padding: 8px;
4254   opacity: 1;
4255   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4256   /* Transition differently when swiping */
4257   /*
4258    * When the toast doesn't take up the whole screen,
4259    * make it rotate when the user swipes it away
4260    */ }
4261   md-toast .md-toast-content {
4262     display: flex;
4263     direction: row;
4264     align-items: center;
4265     max-height: 168px;
4266     max-width: 100%;
4267     min-height: 48px;
4268     padding: 0 18px;
4269     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
4270     border-radius: 2px;
4271     font-size: 14px;
4272     overflow: hidden;
4273     transform: translate3d(0, 0, 0) rotateZ(0deg);
4274     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4275     justify-content: flex-start; }
4276     md-toast .md-toast-content::before {
4277       content: '';
4278       min-height: 48px;
4279       visibility: hidden;
4280       display: inline-block; }
4281     [dir=rtl] md-toast .md-toast-content {
4282       justify-content: flex-end; }
4283     md-toast .md-toast-content span {
4284       flex: 1 1 0%;
4285       box-sizing: border-box;
4286       min-width: 0; }
4287   md-toast.md-capsule {
4288     border-radius: 24px; }
4289     md-toast.md-capsule .md-toast-content {
4290       border-radius: 24px; }
4291   md-toast.ng-leave-active .md-toast-content {
4292     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
4293   md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
4294     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
4295   md-toast.ng-enter {
4296     opacity: 0; }
4297     md-toast.ng-enter .md-toast-content {
4298       transform: translate3d(0, 100%, 0); }
4299     md-toast.ng-enter.md-top .md-toast-content {
4300       transform: translate3d(0, -100%, 0); }
4301     md-toast.ng-enter.ng-enter-active {
4302       opacity: 1; }
4303       md-toast.ng-enter.ng-enter-active .md-toast-content {
4304         transform: translate3d(0, 0, 0); }
4305   md-toast.ng-leave.ng-leave-active .md-toast-content {
4306     opacity: 0;
4307     transform: translate3d(0, 100%, 0); }
4308   md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
4309     transform: translate3d(0, -50%, 0); }
4310   md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
4311     transform: translate3d(0, 50%, 0); }
4312   md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
4313     transform: translate3d(0, -100%, 0); }
4314   md-toast .md-action {
4315     line-height: 19px;
4316     margin-left: 24px;
4317     margin-right: 0;
4318     cursor: pointer;
4319     text-transform: uppercase;
4320     float: right; }
4321   md-toast .md-button {
4322     min-width: 0;
4323     margin-right: 0;
4324     margin-left: 12px; }
4325     [dir=rtl] md-toast .md-button {
4326       margin-right: 12px; }
4327     [dir=rtl] md-toast .md-button {
4328       margin-left: 0; }
4329
4330 @media (max-width: 959px) {
4331   md-toast {
4332     left: 0;
4333     right: 0;
4334     width: 100%;
4335     max-width: 100%;
4336     min-width: 0;
4337     border-radius: 0;
4338     bottom: 0;
4339     padding: 0; }
4340     md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
4341       transform: translate3d(0, -50%, 0); }
4342     md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
4343       transform: translate3d(0, 50%, 0); } }
4344
4345 @media (min-width: 960px) {
4346   md-toast {
4347     min-width: 304px;
4348     /*
4349    * When the toast doesn't take up the whole screen,
4350    * make it rotate when the user swipes it away
4351    */ }
4352     md-toast.md-bottom {
4353       bottom: 0; }
4354     md-toast.md-left {
4355       left: 0; }
4356     md-toast.md-right {
4357       right: 0; }
4358     md-toast.md-top {
4359       top: 0; }
4360     md-toast._md-start {
4361       left: 0; }
4362       [dir=rtl] md-toast._md-start {
4363         left: auto;
4364         right: 0; }
4365     md-toast._md-end {
4366       right: 0; }
4367       [dir=rtl] md-toast._md-end {
4368         right: auto;
4369         left: 0; }
4370     md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
4371       transform: translate3d(-50%, 0, 0); }
4372     md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
4373       transform: translate3d(50%, 0, 0); } }
4374
4375 @media (min-width: 1920px) {
4376   md-toast .md-toast-content {
4377     max-width: 568px; } }
4378
4379 @media screen and (-ms-high-contrast: active) {
4380   md-toast {
4381     border: 1px solid #fff; } }
4382
4383 .md-toast-animating {
4384   overflow: hidden !important; }
4385
4386 md-toolbar {
4387   box-sizing: border-box;
4388   display: flex;
4389   flex-direction: column;
4390   position: relative;
4391   z-index: 2;
4392   font-size: 20px;
4393   min-height: 64px;
4394   width: 100%; }
4395   md-toolbar._md-toolbar-transitions {
4396     transition-duration: 0.5s;
4397     transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
4398     transition-property: background-color, fill, color; }
4399   md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
4400     transition: box-shadow 0.5s linear; }
4401   md-toolbar md-toolbar-filler {
4402     width: 72px; }
4403   md-toolbar *,
4404   md-toolbar *:before,
4405   md-toolbar *:after {
4406     box-sizing: border-box; }
4407   md-toolbar.ng-animate {
4408     transition: none; }
4409   md-toolbar.md-tall {
4410     height: 128px;
4411     min-height: 128px;
4412     max-height: 128px; }
4413   md-toolbar.md-medium-tall {
4414     height: 88px;
4415     min-height: 88px;
4416     max-height: 88px; }
4417     md-toolbar.md-medium-tall .md-toolbar-tools {
4418       height: 48px;
4419       min-height: 48px;
4420       max-height: 48px; }
4421   md-toolbar > .md-indent {
4422     margin-left: 64px; }
4423     [dir=rtl] md-toolbar > .md-indent {
4424       margin-left: auto;
4425       margin-right: 64px; }
4426   md-toolbar ~ md-content > md-list {
4427     padding: 0; }
4428     md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
4429       display: none; }
4430
4431 .md-toolbar-tools {
4432   font-size: 20px;
4433   letter-spacing: 0.005em;
4434   box-sizing: border-box;
4435   font-weight: 400;
4436   display: flex;
4437   align-items: center;
4438   flex-direction: row;
4439   width: 100%;
4440   height: 64px;
4441   max-height: 64px;
4442   padding: 0 16px;
4443   margin: 0; }
4444   .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
4445     font-size: inherit;
4446     font-weight: inherit;
4447     margin: inherit; }
4448   .md-toolbar-tools a {
4449     color: inherit;
4450     text-decoration: none; }
4451   .md-toolbar-tools .fill-height {
4452     display: flex;
4453     align-items: center; }
4454   .md-toolbar-tools .md-button {
4455     margin-top: 0;
4456     margin-bottom: 0; }
4457     .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
4458       transition-duration: 0.5s;
4459       transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
4460       transition-property: background-color, fill, color; }
4461       .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
4462         transition: none; }
4463   .md-toolbar-tools > .md-button:first-child {
4464     margin-left: -8px; }
4465     [dir=rtl] .md-toolbar-tools > .md-button:first-child {
4466       margin-left: auto;
4467       margin-right: -8px; }
4468   .md-toolbar-tools > .md-button:last-child {
4469     margin-right: -8px; }
4470     [dir=rtl] .md-toolbar-tools > .md-button:last-child {
4471       margin-right: auto;
4472       margin-left: -8px; }
4473   .md-toolbar-tools > md-menu:last-child {
4474     margin-right: -8px; }
4475     [dir=rtl] .md-toolbar-tools > md-menu:last-child {
4476       margin-right: auto;
4477       margin-left: -8px; }
4478     .md-toolbar-tools > md-menu:last-child > .md-button {
4479       margin-right: 0; }
4480       [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
4481         margin-right: auto;
4482         margin-left: 0; }
4483   @media screen and (-ms-high-contrast: active) {
4484     .md-toolbar-tools {
4485       border-bottom: 1px solid #fff; } }
4486
4487 @media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
4488   md-toolbar {
4489     min-height: 56px; }
4490   .md-toolbar-tools {
4491     height: 56px;
4492     max-height: 56px; } }
4493
4494 @media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
4495   md-toolbar {
4496     min-height: 48px; }
4497   .md-toolbar-tools {
4498     height: 48px;
4499     max-height: 48px; } }
4500
4501 md-tooltip {
4502   position: absolute;
4503   z-index: 100;
4504   overflow: hidden;
4505   pointer-events: none;
4506   border-radius: 4px;
4507   font-weight: 500;
4508   font-size: 14px; }
4509   @media (min-width: 960px) {
4510     md-tooltip {
4511       font-size: 10px; } }
4512   md-tooltip .md-content {
4513     position: relative;
4514     white-space: nowrap;
4515     overflow: hidden;
4516     text-overflow: ellipsis;
4517     transform-origin: center top;
4518     transform: scale(0);
4519     opacity: 0;
4520     height: 32px;
4521     line-height: 32px;
4522     padding-left: 16px;
4523     padding-right: 16px; }
4524     @media (min-width: 960px) {
4525       md-tooltip .md-content {
4526         height: 22px;
4527         line-height: 22px;
4528         padding-left: 8px;
4529         padding-right: 8px; } }
4530     md-tooltip .md-content.md-show-add {
4531       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4532       transition-duration: .2s;
4533       transform: scale(0);
4534       opacity: 0; }
4535     md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
4536       transform: scale(1);
4537       opacity: 0.9;
4538       transform-origin: center top; }
4539     md-tooltip .md-content.md-show-remove {
4540       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4541       transition-duration: .2s; }
4542       md-tooltip .md-content.md-show-remove.md-show-remove-active {
4543         transform: scale(0);
4544         opacity: 0; }
4545   md-tooltip.md-hide {
4546     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
4547   md-tooltip.md-show {
4548     transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
4549     pointer-events: auto; }
4550
4551 .md-virtual-repeat-container {
4552   box-sizing: border-box;
4553   display: block;
4554   margin: 0;
4555   overflow: hidden;
4556   padding: 0;
4557   position: relative; }
4558   .md-virtual-repeat-container .md-virtual-repeat-scroller {
4559     bottom: 0;
4560     box-sizing: border-box;
4561     left: 0;
4562     margin: 0;
4563     overflow-x: hidden;
4564     padding: 0;
4565     position: absolute;
4566     right: 0;
4567     top: 0;
4568     -webkit-overflow-scrolling: touch; }
4569   .md-virtual-repeat-container .md-virtual-repeat-sizer {
4570     box-sizing: border-box;
4571     height: 1px;
4572     display: block;
4573     margin: 0;
4574     padding: 0;
4575     width: 1px; }
4576   .md-virtual-repeat-container .md-virtual-repeat-offsetter {
4577     box-sizing: border-box;
4578     left: 0;
4579     margin: 0;
4580     padding: 0;
4581     position: absolute;
4582     right: 0;
4583     top: 0; }
4584
4585 .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
4586   overflow-x: auto;
4587   overflow-y: hidden; }
4588
4589 .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
4590   bottom: 16px;
4591   right: auto;
4592   white-space: nowrap; }
4593   [dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
4594     right: auto;
4595     left: auto; }
4596
4597 .md-whiteframe-1dp, .md-whiteframe-z1 {
4598   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
4599
4600 .md-whiteframe-2dp {
4601   box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
4602
4603 .md-whiteframe-3dp {
4604   box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }
4605
4606 .md-whiteframe-4dp, .md-whiteframe-z2 {
4607   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
4608
4609 .md-whiteframe-5dp {
4610   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
4611
4612 .md-whiteframe-6dp {
4613   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
4614
4615 .md-whiteframe-7dp, .md-whiteframe-z3 {
4616   box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
4617
4618 .md-whiteframe-8dp {
4619   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
4620
4621 .md-whiteframe-9dp {
4622   box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
4623
4624 .md-whiteframe-10dp, .md-whiteframe-z4 {
4625   box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
4626
4627 .md-whiteframe-11dp {
4628   box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
4629
4630 .md-whiteframe-12dp {
4631   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
4632
4633 .md-whiteframe-13dp, .md-whiteframe-z5 {
4634   box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
4635
4636 .md-whiteframe-14dp {
4637   box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
4638
4639 .md-whiteframe-15dp {
4640   box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
4641
4642 .md-whiteframe-16dp {
4643   box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
4644
4645 .md-whiteframe-17dp {
4646   box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
4647
4648 .md-whiteframe-18dp {
4649   box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
4650
4651 .md-whiteframe-19dp {
4652   box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
4653
4654 .md-whiteframe-20dp {
4655   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
4656
4657 .md-whiteframe-21dp {
4658   box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
4659
4660 .md-whiteframe-22dp {
4661   box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
4662
4663 .md-whiteframe-23dp {
4664   box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
4665
4666 .md-whiteframe-24dp {
4667   box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
4668
4669 @media screen and (-ms-high-contrast: active) {
4670   md-whiteframe {
4671     border: 1px solid #fff; } }
4672
4673 @media print {
4674   md-whiteframe, [md-whiteframe] {
4675     background-color: #ffffff; } }
4676
4677 /*
4678 * Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
4679 *
4680 */
4681 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
4682   display: none !important; }
4683
4684 /*
4685 *
4686 *  Responsive attributes
4687 *
4688 *  References:
4689 *  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
4690 *  2) https://css-tricks.com/almanac/properties/f/flex/
4691 *  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
4692 *  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
4693 *  5) http://godban.com.ua/projects/flexgrid
4694 *
4695 *
4696 */
4697 @-moz-document url-prefix() {
4698   .layout-fill {
4699     margin: 0;
4700     width: 100%;
4701     min-height: 100%;
4702     height: 100%; } }
4703
4704 /*
4705  *  Apply Mixins to create Layout/Flexbox styles
4706  *
4707  */
4708 .flex-order {
4709   order: 0; }
4710
4711 .flex-order--20 {
4712   order: -20; }
4713
4714 .flex-order--19 {
4715   order: -19; }
4716
4717 .flex-order--18 {
4718   order: -18; }
4719
4720 .flex-order--17 {
4721   order: -17; }
4722
4723 .flex-order--16 {
4724   order: -16; }
4725
4726 .flex-order--15 {
4727   order: -15; }
4728
4729 .flex-order--14 {
4730   order: -14; }
4731
4732 .flex-order--13 {
4733   order: -13; }
4734
4735 .flex-order--12 {
4736   order: -12; }
4737
4738 .flex-order--11 {
4739   order: -11; }
4740
4741 .flex-order--10 {
4742   order: -10; }
4743
4744 .flex-order--9 {
4745   order: -9; }
4746
4747 .flex-order--8 {
4748   order: -8; }
4749
4750 .flex-order--7 {
4751   order: -7; }
4752
4753 .flex-order--6 {
4754   order: -6; }
4755
4756 .flex-order--5 {
4757   order: -5; }
4758
4759 .flex-order--4 {
4760   order: -4; }
4761
4762 .flex-order--3 {
4763   order: -3; }
4764
4765 .flex-order--2 {
4766   order: -2; }
4767
4768 .flex-order--1 {
4769   order: -1; }
4770
4771 .flex-order-0 {
4772   order: 0; }
4773
4774 .flex-order-1 {
4775   order: 1; }
4776
4777 .flex-order-2 {
4778   order: 2; }
4779
4780 .flex-order-3 {
4781   order: 3; }
4782
4783 .flex-order-4 {
4784   order: 4; }
4785
4786 .flex-order-5 {
4787   order: 5; }
4788
4789 .flex-order-6 {
4790   order: 6; }
4791
4792 .flex-order-7 {
4793   order: 7; }
4794
4795 .flex-order-8 {
4796   order: 8; }
4797
4798 .flex-order-9 {
4799   order: 9; }
4800
4801 .flex-order-10 {
4802   order: 10; }
4803
4804 .flex-order-11 {
4805   order: 11; }
4806
4807 .flex-order-12 {
4808   order: 12; }
4809
4810 .flex-order-13 {
4811   order: 13; }
4812
4813 .flex-order-14 {
4814   order: 14; }
4815
4816 .flex-order-15 {
4817   order: 15; }
4818
4819 .flex-order-16 {
4820   order: 16; }
4821
4822 .flex-order-17 {
4823   order: 17; }
4824
4825 .flex-order-18 {
4826   order: 18; }
4827
4828 .flex-order-19 {
4829   order: 19; }
4830
4831 .flex-order-20 {
4832   order: 20; }
4833
4834 .offset-0, .flex-offset-0 {
4835   margin-left: 0; }
4836   [dir=rtl] .offset-0, [dir=rtl] .flex-offset-0 {
4837     margin-left: auto;
4838     margin-right: 0; }
4839
4840 .offset-5, .flex-offset-5 {
4841   margin-left: 5%; }
4842   [dir=rtl] .offset-5, [dir=rtl] .flex-offset-5 {
4843     margin-left: auto;
4844     margin-right: 5%; }
4845
4846 .offset-10, .flex-offset-10 {
4847   margin-left: 10%; }
4848   [dir=rtl] .offset-10, [dir=rtl] .flex-offset-10 {
4849     margin-left: auto;
4850     margin-right: 10%; }
4851
4852 .offset-15, .flex-offset-15 {
4853   margin-left: 15%; }
4854   [dir=rtl] .offset-15, [dir=rtl] .flex-offset-15 {
4855     margin-left: auto;
4856     margin-right: 15%; }
4857
4858 .offset-20, .flex-offset-20 {
4859   margin-left: 20%; }
4860   [dir=rtl] .offset-20, [dir=rtl] .flex-offset-20 {
4861     margin-left: auto;
4862     margin-right: 20%; }
4863
4864 .offset-25, .flex-offset-25 {
4865   margin-left: 25%; }
4866   [dir=rtl] .offset-25, [dir=rtl] .flex-offset-25 {
4867     margin-left: auto;
4868     margin-right: 25%; }
4869
4870 .offset-30, .flex-offset-30 {
4871   margin-left: 30%; }
4872   [dir=rtl] .offset-30, [dir=rtl] .flex-offset-30 {
4873     margin-left: auto;
4874     margin-right: 30%; }
4875
4876 .offset-35, .flex-offset-35 {
4877   margin-left: 35%; }
4878   [dir=rtl] .offset-35, [dir=rtl] .flex-offset-35 {
4879     margin-left: auto;
4880     margin-right: 35%; }
4881
4882 .offset-40, .flex-offset-40 {
4883   margin-left: 40%; }
4884   [dir=rtl] .offset-40, [dir=rtl] .flex-offset-40 {
4885     margin-left: auto;
4886     margin-right: 40%; }
4887
4888 .offset-45, .flex-offset-45 {
4889   margin-left: 45%; }
4890   [dir=rtl] .offset-45, [dir=rtl] .flex-offset-45 {
4891     margin-left: auto;
4892     margin-right: 45%; }
4893
4894 .offset-50, .flex-offset-50 {
4895   margin-left: 50%; }
4896   [dir=rtl] .offset-50, [dir=rtl] .flex-offset-50 {
4897     margin-left: auto;
4898     margin-right: 50%; }
4899
4900 .offset-55, .flex-offset-55 {
4901   margin-left: 55%; }
4902   [dir=rtl] .offset-55, [dir=rtl] .flex-offset-55 {
4903     margin-left: auto;
4904     margin-right: 55%; }
4905
4906 .offset-60, .flex-offset-60 {
4907   margin-left: 60%; }
4908   [dir=rtl] .offset-60, [dir=rtl] .flex-offset-60 {
4909     margin-left: auto;
4910     margin-right: 60%; }
4911
4912 .offset-65, .flex-offset-65 {
4913   margin-left: 65%; }
4914   [dir=rtl] .offset-65, [dir=rtl] .flex-offset-65 {
4915     margin-left: auto;
4916     margin-right: 65%; }
4917
4918 .offset-70, .flex-offset-70 {
4919   margin-left: 70%; }
4920   [dir=rtl] .offset-70, [dir=rtl] .flex-offset-70 {
4921     margin-left: auto;
4922     margin-right: 70%; }
4923
4924 .offset-75, .flex-offset-75 {
4925   margin-left: 75%; }
4926   [dir=rtl] .offset-75, [dir=rtl] .flex-offset-75 {
4927     margin-left: auto;
4928     margin-right: 75%; }
4929
4930 .offset-80, .flex-offset-80 {
4931   margin-left: 80%; }
4932   [dir=rtl] .offset-80, [dir=rtl] .flex-offset-80 {
4933     margin-left: auto;
4934     margin-right: 80%; }
4935
4936 .offset-85, .flex-offset-85 {
4937   margin-left: 85%; }
4938   [dir=rtl] .offset-85, [dir=rtl] .flex-offset-85 {
4939     margin-left: auto;
4940     margin-right: 85%; }
4941
4942 .offset-90, .flex-offset-90 {
4943   margin-left: 90%; }
4944   [dir=rtl] .offset-90, [dir=rtl] .flex-offset-90 {
4945     margin-left: auto;
4946     margin-right: 90%; }
4947
4948 .offset-95, .flex-offset-95 {
4949   margin-left: 95%; }
4950   [dir=rtl] .offset-95, [dir=rtl] .flex-offset-95 {
4951     margin-left: auto;
4952     margin-right: 95%; }
4953
4954 .offset-33, .flex-offset-33 {
4955   margin-left: calc(100% / 3); }
4956
4957 .offset-66, .flex-offset-66 {
4958   margin-left: calc(200% / 3); }
4959   [dir=rtl] .offset-66, [dir=rtl] .flex-offset-66 {
4960     margin-left: auto;
4961     margin-right: calc(200% / 3); }
4962
4963 .layout-align,
4964 .layout-align-start-stretch {
4965   justify-content: flex-start;
4966   align-content: stretch;
4967   align-items: stretch; }
4968
4969 .layout-align-start,
4970 .layout-align-start-start,
4971 .layout-align-start-center,
4972 .layout-align-start-end,
4973 .layout-align-start-stretch {
4974   justify-content: flex-start; }
4975
4976 .layout-align-center,
4977 .layout-align-center-start,
4978 .layout-align-center-center,
4979 .layout-align-center-end,
4980 .layout-align-center-stretch {
4981   justify-content: center; }
4982
4983 .layout-align-end,
4984 .layout-align-end-start,
4985 .layout-align-end-center,
4986 .layout-align-end-end,
4987 .layout-align-end-stretch {
4988   justify-content: flex-end; }
4989
4990 .layout-align-space-around,
4991 .layout-align-space-around-center,
4992 .layout-align-space-around-start,
4993 .layout-align-space-around-end,
4994 .layout-align-space-around-stretch {
4995   justify-content: space-around; }
4996
4997 .layout-align-space-between,
4998 .layout-align-space-between-center,
4999 .layout-align-space-between-start,
5000 .layout-align-space-between-end,
5001 .layout-align-space-between-stretch {
5002   justify-content: space-between; }
5003
5004 .layout-align-start-start,
5005 .layout-align-center-start,
5006 .layout-align-end-start,
5007 .layout-align-space-between-start,
5008 .layout-align-space-around-start {
5009   align-items: flex-start;
5010   align-content: flex-start; }
5011
5012 .layout-align-start-center,
5013 .layout-align-center-center,
5014 .layout-align-end-center,
5015 .layout-align-space-between-center,
5016 .layout-align-space-around-center {
5017   align-items: center;
5018   align-content: center;
5019   max-width: 100%; }
5020
5021 .layout-align-start-center > *,
5022 .layout-align-center-center > *,
5023 .layout-align-end-center > *,
5024 .layout-align-space-between-center > *,
5025 .layout-align-space-around-center > * {
5026   max-width: 100%;
5027   box-sizing: border-box; }
5028
5029 .layout-align-start-end,
5030 .layout-align-center-end,
5031 .layout-align-end-end,
5032 .layout-align-space-between-end,
5033 .layout-align-space-around-end {
5034   align-items: flex-end;
5035   align-content: flex-end; }
5036
5037 .layout-align-start-stretch,
5038 .layout-align-center-stretch,
5039 .layout-align-end-stretch,
5040 .layout-align-space-between-stretch,
5041 .layout-align-space-around-stretch {
5042   align-items: stretch;
5043   align-content: stretch; }
5044
5045 .flex {
5046   flex: 1;
5047   box-sizing: border-box; }
5048
5049 .flex-grow {
5050   flex: 1 1 100%;
5051   box-sizing: border-box; }
5052
5053 .flex-initial {
5054   flex: 0 1 auto;
5055   box-sizing: border-box; }
5056
5057 .flex-auto {
5058   flex: 1 1 auto;
5059   box-sizing: border-box; }
5060
5061 .flex-none {
5062   flex: 0 0 auto;
5063   box-sizing: border-box; }
5064
5065 .flex-noshrink {
5066   flex: 1 0 auto;
5067   box-sizing: border-box; }
5068
5069 .flex-nogrow {
5070   flex: 0 1 auto;
5071   box-sizing: border-box; }
5072
5073 .flex-0 {
5074   flex: 1 1 0%;
5075   max-width: 0%;
5076   max-height: 100%;
5077   box-sizing: border-box; }
5078
5079 .layout-row > .flex-0 {
5080   flex: 1 1 0%;
5081   max-width: 0%;
5082   max-height: 100%;
5083   box-sizing: border-box;
5084   min-width: 0; }
5085
5086 .layout-column > .flex-0 {
5087   flex: 1 1 0%;
5088   max-width: 100%;
5089   max-height: 0%;
5090   box-sizing: border-box; }
5091
5092 .layout-row > .flex-33, .layout-row > .flex-33 {
5093   flex: 1 1 33.33%;
5094   max-width: 33.33%;
5095   max-height: 100%;
5096   box-sizing: border-box; }
5097
5098 .layout-row > .flex-66, .layout-row > .flex-66 {
5099   flex: 1 1 66.66%;
5100   max-width: 66.66%;
5101   max-height: 100%;
5102   box-sizing: border-box; }
5103
5104 .layout-column > .flex-33, .layout-column > .flex-33 {
5105   flex: 1 1 33.33%;
5106   max-width: 100%;
5107   max-height: 33.33%;
5108   box-sizing: border-box; }
5109
5110 .layout-column > .flex-66, .layout-column > .flex-66 {
5111   flex: 1 1 66.66%;
5112   max-width: 100%;
5113   max-height: 66.66%;
5114   box-sizing: border-box; }
5115
5116 .layout-row > .flex-0 {
5117   flex: 1 1 0%;
5118   max-width: 0%;
5119   max-height: 100%;
5120   box-sizing: border-box;
5121   min-width: 0; }
5122
5123 .layout-column > .flex-0 {
5124   flex: 1 1 0%;
5125   max-width: 100%;
5126   max-height: 0%;
5127   box-sizing: border-box;
5128   min-height: 0; }
5129
5130 .flex-5 {
5131   flex: 1 1 5%;
5132   max-width: 5%;
5133   max-height: 100%;
5134   box-sizing: border-box; }
5135
5136 .layout-row > .flex-5 {
5137   flex: 1 1 5%;
5138   max-width: 5%;
5139   max-height: 100%;
5140   box-sizing: border-box; }
5141
5142 .layout-column > .flex-5 {
5143   flex: 1 1 5%;
5144   max-width: 100%;
5145   max-height: 5%;
5146   box-sizing: border-box; }
5147
5148 .layout-row > .flex-33, .layout-row > .flex-33 {
5149   flex: 1 1 33.33%;
5150   max-width: 33.33%;
5151   max-height: 100%;
5152   box-sizing: border-box; }
5153
5154 .layout-row > .flex-66, .layout-row > .flex-66 {
5155   flex: 1 1 66.66%;
5156   max-width: 66.66%;
5157   max-height: 100%;
5158   box-sizing: border-box; }
5159
5160 .layout-column > .flex-33, .layout-column > .flex-33 {
5161   flex: 1 1 33.33%;
5162   max-width: 100%;
5163   max-height: 33.33%;
5164   box-sizing: border-box; }
5165
5166 .layout-column > .flex-66, .layout-column > .flex-66 {
5167   flex: 1 1 66.66%;
5168   max-width: 100%;
5169   max-height: 66.66%;
5170   box-sizing: border-box; }
5171
5172 .layout-row > .flex-5 {
5173   flex: 1 1 5%;
5174   max-width: 5%;
5175   max-height: 100%;
5176   box-sizing: border-box; }
5177
5178 .layout-column > .flex-5 {
5179   flex: 1 1 5%;
5180   max-width: 100%;
5181   max-height: 5%;
5182   box-sizing: border-box; }
5183
5184 .flex-10 {
5185   flex: 1 1 10%;
5186   max-width: 10%;
5187   max-height: 100%;
5188   box-sizing: border-box; }
5189
5190 .layout-row > .flex-10 {
5191   flex: 1 1 10%;
5192   max-width: 10%;
5193   max-height: 100%;
5194   box-sizing: border-box; }
5195
5196 .layout-column > .flex-10 {
5197   flex: 1 1 10%;
5198   max-width: 100%;
5199   max-height: 10%;
5200   box-sizing: border-box; }
5201
5202 .layout-row > .flex-33, .layout-row > .flex-33 {
5203   flex: 1 1 33.33%;
5204   max-width: 33.33%;
5205   max-height: 100%;
5206   box-sizing: border-box; }
5207
5208 .layout-row > .flex-66, .layout-row > .flex-66 {
5209   flex: 1 1 66.66%;
5210   max-width: 66.66%;
5211   max-height: 100%;
5212   box-sizing: border-box; }
5213
5214 .layout-column > .flex-33, .layout-column > .flex-33 {
5215   flex: 1 1 33.33%;
5216   max-width: 100%;
5217   max-height: 33.33%;
5218   box-sizing: border-box; }
5219
5220 .layout-column > .flex-66, .layout-column > .flex-66 {
5221   flex: 1 1 66.66%;
5222   max-width: 100%;
5223   max-height: 66.66%;
5224   box-sizing: border-box; }
5225
5226 .layout-row > .flex-10 {
5227   flex: 1 1 10%;
5228   max-width: 10%;
5229   max-height: 100%;
5230   box-sizing: border-box; }
5231
5232 .layout-column > .flex-10 {
5233   flex: 1 1 10%;
5234   max-width: 100%;
5235   max-height: 10%;
5236   box-sizing: border-box; }
5237
5238 .flex-15 {
5239   flex: 1 1 15%;
5240   max-width: 15%;
5241   max-height: 100%;
5242   box-sizing: border-box; }
5243
5244 .layout-row > .flex-15 {
5245   flex: 1 1 15%;
5246   max-width: 15%;
5247   max-height: 100%;
5248   box-sizing: border-box; }
5249
5250 .layout-column > .flex-15 {
5251   flex: 1 1 15%;
5252   max-width: 100%;
5253   max-height: 15%;
5254   box-sizing: border-box; }
5255
5256 .layout-row > .flex-33, .layout-row > .flex-33 {
5257   flex: 1 1 33.33%;
5258   max-width: 33.33%;
5259   max-height: 100%;
5260   box-sizing: border-box; }
5261
5262 .layout-row > .flex-66, .layout-row > .flex-66 {
5263   flex: 1 1 66.66%;
5264   max-width: 66.66%;
5265   max-height: 100%;
5266   box-sizing: border-box; }
5267
5268 .layout-column > .flex-33, .layout-column > .flex-33 {
5269   flex: 1 1 33.33%;
5270   max-width: 100%;
5271   max-height: 33.33%;
5272   box-sizing: border-box; }
5273
5274 .layout-column > .flex-66, .layout-column > .flex-66 {
5275   flex: 1 1 66.66%;
5276   max-width: 100%;
5277   max-height: 66.66%;
5278   box-sizing: border-box; }
5279
5280 .layout-row > .flex-15 {
5281   flex: 1 1 15%;
5282   max-width: 15%;
5283   max-height: 100%;
5284   box-sizing: border-box; }
5285
5286 .layout-column > .flex-15 {
5287   flex: 1 1 15%;
5288   max-width: 100%;
5289   max-height: 15%;
5290   box-sizing: border-box; }
5291
5292 .flex-20 {
5293   flex: 1 1 20%;
5294   max-width: 20%;
5295   max-height: 100%;
5296   box-sizing: border-box; }
5297
5298 .layout-row > .flex-20 {
5299   flex: 1 1 20%;
5300   max-width: 20%;
5301   max-height: 100%;
5302   box-sizing: border-box; }
5303
5304 .layout-column > .flex-20 {
5305   flex: 1 1 20%;
5306   max-width: 100%;
5307   max-height: 20%;
5308   box-sizing: border-box; }
5309
5310 .layout-row > .flex-33, .layout-row > .flex-33 {
5311   flex: 1 1 33.33%;
5312   max-width: 33.33%;
5313   max-height: 100%;
5314   box-sizing: border-box; }
5315
5316 .layout-row > .flex-66, .layout-row > .flex-66 {
5317   flex: 1 1 66.66%;
5318   max-width: 66.66%;
5319   max-height: 100%;
5320   box-sizing: border-box; }
5321
5322 .layout-column > .flex-33, .layout-column > .flex-33 {
5323   flex: 1 1 33.33%;
5324   max-width: 100%;
5325   max-height: 33.33%;
5326   box-sizing: border-box; }
5327
5328 .layout-column > .flex-66, .layout-column > .flex-66 {
5329   flex: 1 1 66.66%;
5330   max-width: 100%;
5331   max-height: 66.66%;
5332   box-sizing: border-box; }
5333
5334 .layout-row > .flex-20 {
5335   flex: 1 1 20%;
5336   max-width: 20%;
5337   max-height: 100%;
5338   box-sizing: border-box; }
5339
5340 .layout-column > .flex-20 {
5341   flex: 1 1 20%;
5342   max-width: 100%;
5343   max-height: 20%;
5344   box-sizing: border-box; }
5345
5346 .flex-25 {
5347   flex: 1 1 25%;
5348   max-width: 25%;
5349   max-height: 100%;
5350   box-sizing: border-box; }
5351
5352 .layout-row > .flex-25 {
5353   flex: 1 1 25%;
5354   max-width: 25%;
5355   max-height: 100%;
5356   box-sizing: border-box; }
5357
5358 .layout-column > .flex-25 {
5359   flex: 1 1 25%;
5360   max-width: 100%;
5361   max-height: 25%;
5362   box-sizing: border-box; }
5363
5364 .layout-row > .flex-33, .layout-row > .flex-33 {
5365   flex: 1 1 33.33%;
5366   max-width: 33.33%;
5367   max-height: 100%;
5368   box-sizing: border-box; }
5369
5370 .layout-row > .flex-66, .layout-row > .flex-66 {
5371   flex: 1 1 66.66%;
5372   max-width: 66.66%;
5373   max-height: 100%;
5374   box-sizing: border-box; }
5375
5376 .layout-column > .flex-33, .layout-column > .flex-33 {
5377   flex: 1 1 33.33%;
5378   max-width: 100%;
5379   max-height: 33.33%;
5380   box-sizing: border-box; }
5381
5382 .layout-column > .flex-66, .layout-column > .flex-66 {
5383   flex: 1 1 66.66%;
5384   max-width: 100%;
5385   max-height: 66.66%;
5386   box-sizing: border-box; }
5387
5388 .layout-row > .flex-25 {
5389   flex: 1 1 25%;
5390   max-width: 25%;
5391   max-height: 100%;
5392   box-sizing: border-box; }
5393
5394 .layout-column > .flex-25 {
5395   flex: 1 1 25%;
5396   max-width: 100%;
5397   max-height: 25%;
5398   box-sizing: border-box; }
5399
5400 .flex-30 {
5401   flex: 1 1 30%;
5402   max-width: 30%;
5403   max-height: 100%;
5404   box-sizing: border-box; }
5405
5406 .layout-row > .flex-30 {
5407   flex: 1 1 30%;
5408   max-width: 30%;
5409   max-height: 100%;
5410   box-sizing: border-box; }
5411
5412 .layout-column > .flex-30 {
5413   flex: 1 1 30%;
5414   max-width: 100%;
5415   max-height: 30%;
5416   box-sizing: border-box; }
5417
5418 .layout-row > .flex-33, .layout-row > .flex-33 {
5419   flex: 1 1 33.33%;
5420   max-width: 33.33%;
5421   max-height: 100%;
5422   box-sizing: border-box; }
5423
5424 .layout-row > .flex-66, .layout-row > .flex-66 {
5425   flex: 1 1 66.66%;
5426   max-width: 66.66%;
5427   max-height: 100%;
5428   box-sizing: border-box; }
5429
5430 .layout-column > .flex-33, .layout-column > .flex-33 {
5431   flex: 1 1 33.33%;
5432   max-width: 100%;
5433   max-height: 33.33%;
5434   box-sizing: border-box; }
5435
5436 .layout-column > .flex-66, .layout-column > .flex-66 {
5437   flex: 1 1 66.66%;
5438   max-width: 100%;
5439   max-height: 66.66%;
5440   box-sizing: border-box; }
5441
5442 .layout-row > .flex-30 {
5443   flex: 1 1 30%;
5444   max-width: 30%;
5445   max-height: 100%;
5446   box-sizing: border-box; }
5447
5448 .layout-column > .flex-30 {
5449   flex: 1 1 30%;
5450   max-width: 100%;
5451   max-height: 30%;
5452   box-sizing: border-box; }
5453
5454 .flex-35 {
5455   flex: 1 1 35%;
5456   max-width: 35%;
5457   max-height: 100%;
5458   box-sizing: border-box; }
5459
5460 .layout-row > .flex-35 {
5461   flex: 1 1 35%;
5462   max-width: 35%;
5463   max-height: 100%;
5464   box-sizing: border-box; }
5465
5466 .layout-column > .flex-35 {
5467   flex: 1 1 35%;
5468   max-width: 100%;
5469   max-height: 35%;
5470   box-sizing: border-box; }
5471
5472 .layout-row > .flex-33, .layout-row > .flex-33 {
5473   flex: 1 1 33.33%;
5474   max-width: 33.33%;
5475   max-height: 100%;
5476   box-sizing: border-box; }
5477
5478 .layout-row > .flex-66, .layout-row > .flex-66 {
5479   flex: 1 1 66.66%;
5480   max-width: 66.66%;
5481   max-height: 100%;
5482   box-sizing: border-box; }
5483
5484 .layout-column > .flex-33, .layout-column > .flex-33 {
5485   flex: 1 1 33.33%;
5486   max-width: 100%;
5487   max-height: 33.33%;
5488   box-sizing: border-box; }
5489
5490 .layout-column > .flex-66, .layout-column > .flex-66 {
5491   flex: 1 1 66.66%;
5492   max-width: 100%;
5493   max-height: 66.66%;
5494   box-sizing: border-box; }
5495
5496 .layout-row > .flex-35 {
5497   flex: 1 1 35%;
5498   max-width: 35%;
5499   max-height: 100%;
5500   box-sizing: border-box; }
5501
5502 .layout-column > .flex-35 {
5503   flex: 1 1 35%;
5504   max-width: 100%;
5505   max-height: 35%;
5506   box-sizing: border-box; }
5507
5508 .flex-40 {
5509   flex: 1 1 40%;
5510   max-width: 40%;
5511   max-height: 100%;
5512   box-sizing: border-box; }
5513
5514 .layout-row > .flex-40 {
5515   flex: 1 1 40%;
5516   max-width: 40%;
5517   max-height: 100%;
5518   box-sizing: border-box; }
5519
5520 .layout-column > .flex-40 {
5521   flex: 1 1 40%;
5522   max-width: 100%;
5523   max-height: 40%;
5524   box-sizing: border-box; }
5525
5526 .layout-row > .flex-33, .layout-row > .flex-33 {
5527   flex: 1 1 33.33%;
5528   max-width: 33.33%;
5529   max-height: 100%;
5530   box-sizing: border-box; }
5531
5532 .layout-row > .flex-66, .layout-row > .flex-66 {
5533   flex: 1 1 66.66%;
5534   max-width: 66.66%;
5535   max-height: 100%;
5536   box-sizing: border-box; }
5537
5538 .layout-column > .flex-33, .layout-column > .flex-33 {
5539   flex: 1 1 33.33%;
5540   max-width: 100%;
5541   max-height: 33.33%;
5542   box-sizing: border-box; }
5543
5544 .layout-column > .flex-66, .layout-column > .flex-66 {
5545   flex: 1 1 66.66%;
5546   max-width: 100%;
5547   max-height: 66.66%;
5548   box-sizing: border-box; }
5549
5550 .layout-row > .flex-40 {
5551   flex: 1 1 40%;
5552   max-width: 40%;
5553   max-height: 100%;
5554   box-sizing: border-box; }
5555
5556 .layout-column > .flex-40 {
5557   flex: 1 1 40%;
5558   max-width: 100%;
5559   max-height: 40%;
5560   box-sizing: border-box; }
5561
5562 .flex-45 {
5563   flex: 1 1 45%;
5564   max-width: 45%;
5565   max-height: 100%;
5566   box-sizing: border-box; }
5567
5568 .layout-row > .flex-45 {
5569   flex: 1 1 45%;
5570   max-width: 45%;
5571   max-height: 100%;
5572   box-sizing: border-box; }
5573
5574 .layout-column > .flex-45 {
5575   flex: 1 1 45%;
5576   max-width: 100%;
5577   max-height: 45%;
5578   box-sizing: border-box; }
5579
5580 .layout-row > .flex-33, .layout-row > .flex-33 {
5581   flex: 1 1 33.33%;
5582   max-width: 33.33%;
5583   max-height: 100%;
5584   box-sizing: border-box; }
5585
5586 .layout-row > .flex-66, .layout-row > .flex-66 {
5587   flex: 1 1 66.66%;
5588   max-width: 66.66%;
5589   max-height: 100%;
5590   box-sizing: border-box; }
5591
5592 .layout-column > .flex-33, .layout-column > .flex-33 {
5593   flex: 1 1 33.33%;
5594   max-width: 100%;
5595   max-height: 33.33%;
5596   box-sizing: border-box; }
5597
5598 .layout-column > .flex-66, .layout-column > .flex-66 {
5599   flex: 1 1 66.66%;
5600   max-width: 100%;
5601   max-height: 66.66%;
5602   box-sizing: border-box; }
5603
5604 .layout-row > .flex-45 {
5605   flex: 1 1 45%;
5606   max-width: 45%;
5607   max-height: 100%;
5608   box-sizing: border-box; }
5609
5610 .layout-column > .flex-45 {
5611   flex: 1 1 45%;
5612   max-width: 100%;
5613   max-height: 45%;
5614   box-sizing: border-box; }
5615
5616 .flex-50 {
5617   flex: 1 1 50%;
5618   max-width: 50%;
5619   max-height: 100%;
5620   box-sizing: border-box; }
5621
5622 .layout-row > .flex-50 {
5623   flex: 1 1 50%;
5624   max-width: 50%;
5625   max-height: 100%;
5626   box-sizing: border-box; }
5627
5628 .layout-column > .flex-50 {
5629   flex: 1 1 50%;
5630   max-width: 100%;
5631   max-height: 50%;
5632   box-sizing: border-box; }
5633
5634 .layout-row > .flex-33, .layout-row > .flex-33 {
5635   flex: 1 1 33.33%;
5636   max-width: 33.33%;
5637   max-height: 100%;
5638   box-sizing: border-box; }
5639
5640 .layout-row > .flex-66, .layout-row > .flex-66 {
5641   flex: 1 1 66.66%;
5642   max-width: 66.66%;
5643   max-height: 100%;
5644   box-sizing: border-box; }
5645
5646 .layout-column > .flex-33, .layout-column > .flex-33 {
5647   flex: 1 1 33.33%;
5648   max-width: 100%;
5649   max-height: 33.33%;
5650   box-sizing: border-box; }
5651
5652 .layout-column > .flex-66, .layout-column > .flex-66 {
5653   flex: 1 1 66.66%;
5654   max-width: 100%;
5655   max-height: 66.66%;
5656   box-sizing: border-box; }
5657
5658 .layout-row > .flex-50 {
5659   flex: 1 1 50%;
5660   max-width: 50%;
5661   max-height: 100%;
5662   box-sizing: border-box; }
5663
5664 .layout-column > .flex-50 {
5665   flex: 1 1 50%;
5666   max-width: 100%;
5667   max-height: 50%;
5668   box-sizing: border-box; }
5669
5670 .flex-55 {
5671   flex: 1 1 55%;
5672   max-width: 55%;
5673   max-height: 100%;
5674   box-sizing: border-box; }
5675
5676 .layout-row > .flex-55 {
5677   flex: 1 1 55%;
5678   max-width: 55%;
5679   max-height: 100%;
5680   box-sizing: border-box; }
5681
5682 .layout-column > .flex-55 {
5683   flex: 1 1 55%;
5684   max-width: 100%;
5685   max-height: 55%;
5686   box-sizing: border-box; }
5687
5688 .layout-row > .flex-33, .layout-row > .flex-33 {
5689   flex: 1 1 33.33%;
5690   max-width: 33.33%;
5691   max-height: 100%;
5692   box-sizing: border-box; }
5693
5694 .layout-row > .flex-66, .layout-row > .flex-66 {
5695   flex: 1 1 66.66%;
5696   max-width: 66.66%;
5697   max-height: 100%;
5698   box-sizing: border-box; }
5699
5700 .layout-column > .flex-33, .layout-column > .flex-33 {
5701   flex: 1 1 33.33%;
5702   max-width: 100%;
5703   max-height: 33.33%;
5704   box-sizing: border-box; }
5705
5706 .layout-column > .flex-66, .layout-column > .flex-66 {
5707   flex: 1 1 66.66%;
5708   max-width: 100%;
5709   max-height: 66.66%;
5710   box-sizing: border-box; }
5711
5712 .layout-row > .flex-55 {
5713   flex: 1 1 55%;
5714   max-width: 55%;
5715   max-height: 100%;
5716   box-sizing: border-box; }
5717
5718 .layout-column > .flex-55 {
5719   flex: 1 1 55%;
5720   max-width: 100%;
5721   max-height: 55%;
5722   box-sizing: border-box; }
5723
5724 .flex-60 {
5725   flex: 1 1 60%;
5726   max-width: 60%;
5727   max-height: 100%;
5728   box-sizing: border-box; }
5729
5730 .layout-row > .flex-60 {
5731   flex: 1 1 60%;
5732   max-width: 60%;
5733   max-height: 100%;
5734   box-sizing: border-box; }
5735
5736 .layout-column > .flex-60 {
5737   flex: 1 1 60%;
5738   max-width: 100%;
5739   max-height: 60%;
5740   box-sizing: border-box; }
5741
5742 .layout-row > .flex-33, .layout-row > .flex-33 {
5743   flex: 1 1 33.33%;
5744   max-width: 33.33%;
5745   max-height: 100%;
5746   box-sizing: border-box; }
5747
5748 .layout-row > .flex-66, .layout-row > .flex-66 {
5749   flex: 1 1 66.66%;
5750   max-width: 66.66%;
5751   max-height: 100%;
5752   box-sizing: border-box; }
5753
5754 .layout-column > .flex-33, .layout-column > .flex-33 {
5755   flex: 1 1 33.33%;
5756   max-width: 100%;
5757   max-height: 33.33%;
5758   box-sizing: border-box; }
5759
5760 .layout-column > .flex-66, .layout-column > .flex-66 {
5761   flex: 1 1 66.66%;
5762   max-width: 100%;
5763   max-height: 66.66%;
5764   box-sizing: border-box; }
5765
5766 .layout-row > .flex-60 {
5767   flex: 1 1 60%;
5768   max-width: 60%;
5769   max-height: 100%;
5770   box-sizing: border-box; }
5771
5772 .layout-column > .flex-60 {
5773   flex: 1 1 60%;
5774   max-width: 100%;
5775   max-height: 60%;
5776   box-sizing: border-box; }
5777
5778 .flex-65 {
5779   flex: 1 1 65%;
5780   max-width: 65%;
5781   max-height: 100%;
5782   box-sizing: border-box; }
5783
5784 .layout-row > .flex-65 {
5785   flex: 1 1 65%;
5786   max-width: 65%;
5787   max-height: 100%;
5788   box-sizing: border-box; }
5789
5790 .layout-column > .flex-65 {
5791   flex: 1 1 65%;
5792   max-width: 100%;
5793   max-height: 65%;
5794   box-sizing: border-box; }
5795
5796 .layout-row > .flex-33, .layout-row > .flex-33 {
5797   flex: 1 1 33.33%;
5798   max-width: 33.33%;
5799   max-height: 100%;
5800   box-sizing: border-box; }
5801
5802 .layout-row > .flex-66, .layout-row > .flex-66 {
5803   flex: 1 1 66.66%;
5804   max-width: 66.66%;
5805   max-height: 100%;
5806   box-sizing: border-box; }
5807
5808 .layout-column > .flex-33, .layout-column > .flex-33 {
5809   flex: 1 1 33.33%;
5810   max-width: 100%;
5811   max-height: 33.33%;
5812   box-sizing: border-box; }
5813
5814 .layout-column > .flex-66, .layout-column > .flex-66 {
5815   flex: 1 1 66.66%;
5816   max-width: 100%;
5817   max-height: 66.66%;
5818   box-sizing: border-box; }
5819
5820 .layout-row > .flex-65 {
5821   flex: 1 1 65%;
5822   max-width: 65%;
5823   max-height: 100%;
5824   box-sizing: border-box; }
5825
5826 .layout-column > .flex-65 {
5827   flex: 1 1 65%;
5828   max-width: 100%;
5829   max-height: 65%;
5830   box-sizing: border-box; }
5831
5832 .flex-70 {
5833   flex: 1 1 70%;
5834   max-width: 70%;
5835   max-height: 100%;
5836   box-sizing: border-box; }
5837
5838 .layout-row > .flex-70 {
5839   flex: 1 1 70%;
5840   max-width: 70%;
5841   max-height: 100%;
5842   box-sizing: border-box; }
5843
5844 .layout-column > .flex-70 {
5845   flex: 1 1 70%;
5846   max-width: 100%;
5847   max-height: 70%;
5848   box-sizing: border-box; }
5849
5850 .layout-row > .flex-33, .layout-row > .flex-33 {
5851   flex: 1 1 33.33%;
5852   max-width: 33.33%;
5853   max-height: 100%;
5854   box-sizing: border-box; }
5855
5856 .layout-row > .flex-66, .layout-row > .flex-66 {
5857   flex: 1 1 66.66%;
5858   max-width: 66.66%;
5859   max-height: 100%;
5860   box-sizing: border-box; }
5861
5862 .layout-column > .flex-33, .layout-column > .flex-33 {
5863   flex: 1 1 33.33%;
5864   max-width: 100%;
5865   max-height: 33.33%;
5866   box-sizing: border-box; }
5867
5868 .layout-column > .flex-66, .layout-column > .flex-66 {
5869   flex: 1 1 66.66%;
5870   max-width: 100%;
5871   max-height: 66.66%;
5872   box-sizing: border-box; }
5873
5874 .layout-row > .flex-70 {
5875   flex: 1 1 70%;
5876   max-width: 70%;
5877   max-height: 100%;
5878   box-sizing: border-box; }
5879
5880 .layout-column > .flex-70 {
5881   flex: 1 1 70%;
5882   max-width: 100%;
5883   max-height: 70%;
5884   box-sizing: border-box; }
5885
5886 .flex-75 {
5887   flex: 1 1 75%;
5888   max-width: 75%;
5889   max-height: 100%;
5890   box-sizing: border-box; }
5891
5892 .layout-row > .flex-75 {
5893   flex: 1 1 75%;
5894   max-width: 75%;
5895   max-height: 100%;
5896   box-sizing: border-box; }
5897
5898 .layout-column > .flex-75 {
5899   flex: 1 1 75%;
5900   max-width: 100%;
5901   max-height: 75%;
5902   box-sizing: border-box; }
5903
5904 .layout-row > .flex-33, .layout-row > .flex-33 {
5905   flex: 1 1 33.33%;
5906   max-width: 33.33%;
5907   max-height: 100%;
5908   box-sizing: border-box; }
5909
5910 .layout-row > .flex-66, .layout-row > .flex-66 {
5911   flex: 1 1 66.66%;
5912   max-width: 66.66%;
5913   max-height: 100%;
5914   box-sizing: border-box; }
5915
5916 .layout-column > .flex-33, .layout-column > .flex-33 {
5917   flex: 1 1 33.33%;
5918   max-width: 100%;
5919   max-height: 33.33%;
5920   box-sizing: border-box; }
5921
5922 .layout-column > .flex-66, .layout-column > .flex-66 {
5923   flex: 1 1 66.66%;
5924   max-width: 100%;
5925   max-height: 66.66%;
5926   box-sizing: border-box; }
5927
5928 .layout-row > .flex-75 {
5929   flex: 1 1 75%;
5930   max-width: 75%;
5931   max-height: 100%;
5932   box-sizing: border-box; }
5933
5934 .layout-column > .flex-75 {
5935   flex: 1 1 75%;
5936   max-width: 100%;
5937   max-height: 75%;
5938   box-sizing: border-box; }
5939
5940 .flex-80 {
5941   flex: 1 1 80%;
5942   max-width: 80%;
5943   max-height: 100%;
5944   box-sizing: border-box; }
5945
5946 .layout-row > .flex-80 {
5947   flex: 1 1 80%;
5948   max-width: 80%;
5949   max-height: 100%;
5950   box-sizing: border-box; }
5951
5952 .layout-column > .flex-80 {
5953   flex: 1 1 80%;
5954   max-width: 100%;
5955   max-height: 80%;
5956   box-sizing: border-box; }
5957
5958 .layout-row > .flex-33, .layout-row > .flex-33 {
5959   flex: 1 1 33.33%;
5960   max-width: 33.33%;
5961   max-height: 100%;
5962   box-sizing: border-box; }
5963
5964 .layout-row > .flex-66, .layout-row > .flex-66 {
5965   flex: 1 1 66.66%;
5966   max-width: 66.66%;
5967   max-height: 100%;
5968   box-sizing: border-box; }
5969
5970 .layout-column > .flex-33, .layout-column > .flex-33 {
5971   flex: 1 1 33.33%;
5972   max-width: 100%;
5973   max-height: 33.33%;
5974   box-sizing: border-box; }
5975
5976 .layout-column > .flex-66, .layout-column > .flex-66 {
5977   flex: 1 1 66.66%;
5978   max-width: 100%;
5979   max-height: 66.66%;
5980   box-sizing: border-box; }
5981
5982 .layout-row > .flex-80 {
5983   flex: 1 1 80%;
5984   max-width: 80%;
5985   max-height: 100%;
5986   box-sizing: border-box; }
5987
5988 .layout-column > .flex-80 {
5989   flex: 1 1 80%;
5990   max-width: 100%;
5991   max-height: 80%;
5992   box-sizing: border-box; }
5993
5994 .flex-85 {
5995   flex: 1 1 85%;
5996   max-width: 85%;
5997   max-height: 100%;
5998   box-sizing: border-box; }
5999
6000 .layout-row > .flex-85 {
6001   flex: 1 1 85%;
6002   max-width: 85%;
6003   max-height: 100%;
6004   box-sizing: border-box; }
6005
6006 .layout-column > .flex-85 {
6007   flex: 1 1 85%;
6008   max-width: 100%;
6009   max-height: 85%;
6010   box-sizing: border-box; }
6011
6012 .layout-row > .flex-33, .layout-row > .flex-33 {
6013   flex: 1 1 33.33%;
6014   max-width: 33.33%;
6015   max-height: 100%;
6016   box-sizing: border-box; }
6017
6018 .layout-row > .flex-66, .layout-row > .flex-66 {
6019   flex: 1 1 66.66%;
6020   max-width: 66.66%;
6021   max-height: 100%;
6022   box-sizing: border-box; }
6023
6024 .layout-column > .flex-33, .layout-column > .flex-33 {
6025   flex: 1 1 33.33%;
6026   max-width: 100%;
6027   max-height: 33.33%;
6028   box-sizing: border-box; }
6029
6030 .layout-column > .flex-66, .layout-column > .flex-66 {
6031   flex: 1 1 66.66%;
6032   max-width: 100%;
6033   max-height: 66.66%;
6034   box-sizing: border-box; }
6035
6036 .layout-row > .flex-85 {
6037   flex: 1 1 85%;
6038   max-width: 85%;
6039   max-height: 100%;
6040   box-sizing: border-box; }
6041
6042 .layout-column > .flex-85 {
6043   flex: 1 1 85%;
6044   max-width: 100%;
6045   max-height: 85%;
6046   box-sizing: border-box; }
6047
6048 .flex-90 {
6049   flex: 1 1 90%;
6050   max-width: 90%;
6051   max-height: 100%;
6052   box-sizing: border-box; }
6053
6054 .layout-row > .flex-90 {
6055   flex: 1 1 90%;
6056   max-width: 90%;
6057   max-height: 100%;
6058   box-sizing: border-box; }
6059
6060 .layout-column > .flex-90 {
6061   flex: 1 1 90%;
6062   max-width: 100%;
6063   max-height: 90%;
6064   box-sizing: border-box; }
6065
6066 .layout-row > .flex-33, .layout-row > .flex-33 {
6067   flex: 1 1 33.33%;
6068   max-width: 33.33%;
6069   max-height: 100%;
6070   box-sizing: border-box; }
6071
6072 .layout-row > .flex-66, .layout-row > .flex-66 {
6073   flex: 1 1 66.66%;
6074   max-width: 66.66%;
6075   max-height: 100%;
6076   box-sizing: border-box; }
6077
6078 .layout-column > .flex-33, .layout-column > .flex-33 {
6079   flex: 1 1 33.33%;
6080   max-width: 100%;
6081   max-height: 33.33%;
6082   box-sizing: border-box; }
6083
6084 .layout-column > .flex-66, .layout-column > .flex-66 {
6085   flex: 1 1 66.66%;
6086   max-width: 100%;
6087   max-height: 66.66%;
6088   box-sizing: border-box; }
6089
6090 .layout-row > .flex-90 {
6091   flex: 1 1 90%;
6092   max-width: 90%;
6093   max-height: 100%;
6094   box-sizing: border-box; }
6095
6096 .layout-column > .flex-90 {
6097   flex: 1 1 90%;
6098   max-width: 100%;
6099   max-height: 90%;
6100   box-sizing: border-box; }
6101
6102 .flex-95 {
6103   flex: 1 1 95%;
6104   max-width: 95%;
6105   max-height: 100%;
6106   box-sizing: border-box; }
6107
6108 .layout-row > .flex-95 {
6109   flex: 1 1 95%;
6110   max-width: 95%;
6111   max-height: 100%;
6112   box-sizing: border-box; }
6113
6114 .layout-column > .flex-95 {
6115   flex: 1 1 95%;
6116   max-width: 100%;
6117   max-height: 95%;
6118   box-sizing: border-box; }
6119
6120 .layout-row > .flex-33, .layout-row > .flex-33 {
6121   flex: 1 1 33.33%;
6122   max-width: 33.33%;
6123   max-height: 100%;
6124   box-sizing: border-box; }
6125
6126 .layout-row > .flex-66, .layout-row > .flex-66 {
6127   flex: 1 1 66.66%;
6128   max-width: 66.66%;
6129   max-height: 100%;
6130   box-sizing: border-box; }
6131
6132 .layout-column > .flex-33, .layout-column > .flex-33 {
6133   flex: 1 1 33.33%;
6134   max-width: 100%;
6135   max-height: 33.33%;
6136   box-sizing: border-box; }
6137
6138 .layout-column > .flex-66, .layout-column > .flex-66 {
6139   flex: 1 1 66.66%;
6140   max-width: 100%;
6141   max-height: 66.66%;
6142   box-sizing: border-box; }
6143
6144 .layout-row > .flex-95 {
6145   flex: 1 1 95%;
6146   max-width: 95%;
6147   max-height: 100%;
6148   box-sizing: border-box; }
6149
6150 .layout-column > .flex-95 {
6151   flex: 1 1 95%;
6152   max-width: 100%;
6153   max-height: 95%;
6154   box-sizing: border-box; }
6155
6156 .flex-100 {
6157   flex: 1 1 100%;
6158   max-width: 100%;
6159   max-height: 100%;
6160   box-sizing: border-box; }
6161
6162 .layout-row > .flex-100 {
6163   flex: 1 1 100%;
6164   max-width: 100%;
6165   max-height: 100%;
6166   box-sizing: border-box; }
6167
6168 .layout-column > .flex-100 {
6169   flex: 1 1 100%;
6170   max-width: 100%;
6171   max-height: 100%;
6172   box-sizing: border-box; }
6173
6174 .layout-row > .flex-33, .layout-row > .flex-33 {
6175   flex: 1 1 33.33%;
6176   max-width: 33.33%;
6177   max-height: 100%;
6178   box-sizing: border-box; }
6179
6180 .layout-row > .flex-66, .layout-row > .flex-66 {
6181   flex: 1 1 66.66%;
6182   max-width: 66.66%;
6183   max-height: 100%;
6184   box-sizing: border-box; }
6185
6186 .layout-column > .flex-33, .layout-column > .flex-33 {
6187   flex: 1 1 33.33%;
6188   max-width: 100%;
6189   max-height: 33.33%;
6190   box-sizing: border-box; }
6191
6192 .layout-column > .flex-66, .layout-column > .flex-66 {
6193   flex: 1 1 66.66%;
6194   max-width: 100%;
6195   max-height: 66.66%;
6196   box-sizing: border-box; }
6197
6198 .layout-row > .flex-100 {
6199   flex: 1 1 100%;
6200   max-width: 100%;
6201   max-height: 100%;
6202   box-sizing: border-box; }
6203
6204 .layout-column > .flex-100 {
6205   flex: 1 1 100%;
6206   max-width: 100%;
6207   max-height: 100%;
6208   box-sizing: border-box; }
6209
6210 .layout-row > .flex-33, .layout-row > .flex-33 {
6211   flex: 1 1 33.33%;
6212   max-width: 33.33%;
6213   max-height: 100%;
6214   box-sizing: border-box; }
6215
6216 .layout-row > .flex-66, .layout-row > .flex-66 {
6217   flex: 1 1 66.66%;
6218   max-width: 66.66%;
6219   max-height: 100%;
6220   box-sizing: border-box; }
6221
6222 .layout-row > .flex {
6223   min-width: 0; }
6224
6225 .layout-column > .flex-33, .layout-column > .flex-33 {
6226   flex: 1 1 33.33%;
6227   max-width: 100%;
6228   max-height: 33.33%;
6229   box-sizing: border-box; }
6230
6231 .layout-column > .flex-66, .layout-column > .flex-66 {
6232   flex: 1 1 66.66%;
6233   max-width: 100%;
6234   max-height: 66.66%;
6235   box-sizing: border-box; }
6236
6237 .layout-column > .flex {
6238   min-height: 0; }
6239
6240 .layout, .layout-column, .layout-row {
6241   box-sizing: border-box;
6242   display: -webkit-box;
6243   display: -webkit-flex;
6244   display: -moz-box;
6245   display: -ms-flexbox;
6246   display: flex; }
6247
6248 .layout-column {
6249   flex-direction: column; }
6250
6251 .layout-row {
6252   flex-direction: row; }
6253
6254 .layout-padding-sm > *,
6255 .layout-padding > .flex-sm {
6256   padding: 4px; }
6257
6258 .layout-padding,
6259 .layout-padding-gt-sm,
6260 .layout-padding-md,
6261 .layout-padding > *,
6262 .layout-padding-gt-sm > *,
6263 .layout-padding-md > *,
6264 .layout-padding > .flex,
6265 .layout-padding > .flex-gt-sm,
6266 .layout-padding > .flex-md {
6267   padding: 8px; }
6268
6269 .layout-padding-gt-md > *,
6270 .layout-padding-lg > *,
6271 .layout-padding-gt-lg > *,
6272 .layout-padding > .flex-gt-md,
6273 .layout-padding > .flex-lg,
6274 .layout-padding > .flex-lg,
6275 .layout-padding > .flex-gt-lg {
6276   padding: 16px; }
6277
6278 .layout-margin-sm > *,
6279 .layout-margin > .flex-sm {
6280   margin: 4px; }
6281
6282 .layout-margin,
6283 .layout-margin-gt-sm,
6284 .layout-margin-md,
6285 .layout-margin > *,
6286 .layout-margin-gt-sm > *,
6287 .layout-margin-md > *,
6288 .layout-margin > .flex,
6289 .layout-margin > .flex-gt-sm,
6290 .layout-margin > .flex-md {
6291   margin: 8px; }
6292
6293 .layout-margin-gt-md > *,
6294 .layout-margin-lg > *,
6295 .layout-margin-gt-lg > *,
6296 .layout-margin > .flex-gt-md,
6297 .layout-margin > .flex-lg,
6298 .layout-margin > .flex-gt-lg {
6299   margin: 16px; }
6300
6301 .layout-wrap {
6302   flex-wrap: wrap; }
6303
6304 .layout-nowrap {
6305   flex-wrap: nowrap; }
6306
6307 .layout-fill {
6308   margin: 0;
6309   width: 100%;
6310   min-height: 100%;
6311   height: 100%; }
6312
6313 /**
6314  * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
6315  * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
6316  * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
6317  *
6318  *  hide means hide everywhere
6319  *  Sizes:
6320  *         $layout-breakpoint-xs:     600px !default;
6321  *         $layout-breakpoint-sm:     960px !default;
6322  *         $layout-breakpoint-md:     1280px !default;
6323  *         $layout-breakpoint-lg:     1920px !default;
6324  */
6325 @media (max-width: 599px) {
6326   .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
6327     display: none; }
6328   .flex-order-xs--20 {
6329     order: -20; }
6330   .flex-order-xs--19 {
6331     order: -19; }
6332   .flex-order-xs--18 {
6333     order: -18; }
6334   .flex-order-xs--17 {
6335     order: -17; }
6336   .flex-order-xs--16 {
6337     order: -16; }
6338   .flex-order-xs--15 {
6339     order: -15; }
6340   .flex-order-xs--14 {
6341     order: -14; }
6342   .flex-order-xs--13 {
6343     order: -13; }
6344   .flex-order-xs--12 {
6345     order: -12; }
6346   .flex-order-xs--11 {
6347     order: -11; }
6348   .flex-order-xs--10 {
6349     order: -10; }
6350   .flex-order-xs--9 {
6351     order: -9; }
6352   .flex-order-xs--8 {
6353     order: -8; }
6354   .flex-order-xs--7 {
6355     order: -7; }
6356   .flex-order-xs--6 {
6357     order: -6; }
6358   .flex-order-xs--5 {
6359     order: -5; }
6360   .flex-order-xs--4 {
6361     order: -4; }
6362   .flex-order-xs--3 {
6363     order: -3; }
6364   .flex-order-xs--2 {
6365     order: -2; }
6366   .flex-order-xs--1 {
6367     order: -1; }
6368   .flex-order-xs-0 {
6369     order: 0; }
6370   .flex-order-xs-1 {
6371     order: 1; }
6372   .flex-order-xs-2 {
6373     order: 2; }
6374   .flex-order-xs-3 {
6375     order: 3; }
6376   .flex-order-xs-4 {
6377     order: 4; }
6378   .flex-order-xs-5 {
6379     order: 5; }
6380   .flex-order-xs-6 {
6381     order: 6; }
6382   .flex-order-xs-7 {
6383     order: 7; }
6384   .flex-order-xs-8 {
6385     order: 8; }
6386   .flex-order-xs-9 {
6387     order: 9; }
6388   .flex-order-xs-10 {
6389     order: 10; }
6390   .flex-order-xs-11 {
6391     order: 11; }
6392   .flex-order-xs-12 {
6393     order: 12; }
6394   .flex-order-xs-13 {
6395     order: 13; }
6396   .flex-order-xs-14 {
6397     order: 14; }
6398   .flex-order-xs-15 {
6399     order: 15; }
6400   .flex-order-xs-16 {
6401     order: 16; }
6402   .flex-order-xs-17 {
6403     order: 17; }
6404   .flex-order-xs-18 {
6405     order: 18; }
6406   .flex-order-xs-19 {
6407     order: 19; }
6408   .flex-order-xs-20 {
6409     order: 20; }
6410   .offset-xs-0, .flex-offset-xs-0 {
6411     margin-left: 0; }
6412     [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0 {
6413       margin-left: auto;
6414       margin-right: 0; }
6415   .offset-xs-5, .flex-offset-xs-5 {
6416     margin-left: 5%; }
6417     [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5 {
6418       margin-left: auto;
6419       margin-right: 5%; }
6420   .offset-xs-10, .flex-offset-xs-10 {
6421     margin-left: 10%; }
6422     [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10 {
6423       margin-left: auto;
6424       margin-right: 10%; }
6425   .offset-xs-15, .flex-offset-xs-15 {
6426     margin-left: 15%; }
6427     [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15 {
6428       margin-left: auto;
6429       margin-right: 15%; }
6430   .offset-xs-20, .flex-offset-xs-20 {
6431     margin-left: 20%; }
6432     [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20 {
6433       margin-left: auto;
6434       margin-right: 20%; }
6435   .offset-xs-25, .flex-offset-xs-25 {
6436     margin-left: 25%; }
6437     [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25 {
6438       margin-left: auto;
6439       margin-right: 25%; }
6440   .offset-xs-30, .flex-offset-xs-30 {
6441     margin-left: 30%; }
6442     [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30 {
6443       margin-left: auto;
6444       margin-right: 30%; }
6445   .offset-xs-35, .flex-offset-xs-35 {
6446     margin-left: 35%; }
6447     [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35 {
6448       margin-left: auto;
6449       margin-right: 35%; }
6450   .offset-xs-40, .flex-offset-xs-40 {
6451     margin-left: 40%; }
6452     [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40 {
6453       margin-left: auto;
6454       margin-right: 40%; }
6455   .offset-xs-45, .flex-offset-xs-45 {
6456     margin-left: 45%; }
6457     [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45 {
6458       margin-left: auto;
6459       margin-right: 45%; }
6460   .offset-xs-50, .flex-offset-xs-50 {
6461     margin-left: 50%; }
6462     [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50 {
6463       margin-left: auto;
6464       margin-right: 50%; }
6465   .offset-xs-55, .flex-offset-xs-55 {
6466     margin-left: 55%; }
6467     [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55 {
6468       margin-left: auto;
6469       margin-right: 55%; }
6470   .offset-xs-60, .flex-offset-xs-60 {
6471     margin-left: 60%; }
6472     [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60 {
6473       margin-left: auto;
6474       margin-right: 60%; }
6475   .offset-xs-65, .flex-offset-xs-65 {
6476     margin-left: 65%; }
6477     [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65 {
6478       margin-left: auto;
6479       margin-right: 65%; }
6480   .offset-xs-70, .flex-offset-xs-70 {
6481     margin-left: 70%; }
6482     [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70 {
6483       margin-left: auto;
6484       margin-right: 70%; }
6485   .offset-xs-75, .flex-offset-xs-75 {
6486     margin-left: 75%; }
6487     [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75 {
6488       margin-left: auto;
6489       margin-right: 75%; }
6490   .offset-xs-80, .flex-offset-xs-80 {
6491     margin-left: 80%; }
6492     [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80 {
6493       margin-left: auto;
6494       margin-right: 80%; }
6495   .offset-xs-85, .flex-offset-xs-85 {
6496     margin-left: 85%; }
6497     [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85 {
6498       margin-left: auto;
6499       margin-right: 85%; }
6500   .offset-xs-90, .flex-offset-xs-90 {
6501     margin-left: 90%; }
6502     [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90 {
6503       margin-left: auto;
6504       margin-right: 90%; }
6505   .offset-xs-95, .flex-offset-xs-95 {
6506     margin-left: 95%; }
6507     [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95 {
6508       margin-left: auto;
6509       margin-right: 95%; }
6510   .offset-xs-33, .flex-offset-xs-33 {
6511     margin-left: calc(100% / 3); }
6512   .offset-xs-66, .flex-offset-xs-66 {
6513     margin-left: calc(200% / 3); }
6514     [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66 {
6515       margin-left: auto;
6516       margin-right: calc(200% / 3); }
6517   .layout-align-xs,
6518   .layout-align-xs-start-stretch {
6519     justify-content: flex-start;
6520     align-content: stretch;
6521     align-items: stretch; }
6522   .layout-align-xs-start,
6523   .layout-align-xs-start-start,
6524   .layout-align-xs-start-center,
6525   .layout-align-xs-start-end,
6526   .layout-align-xs-start-stretch {
6527     justify-content: flex-start; }
6528   .layout-align-xs-center,
6529   .layout-align-xs-center-start,
6530   .layout-align-xs-center-center,
6531   .layout-align-xs-center-end,
6532   .layout-align-xs-center-stretch {
6533     justify-content: center; }
6534   .layout-align-xs-end,
6535   .layout-align-xs-end-start,
6536   .layout-align-xs-end-center,
6537   .layout-align-xs-end-end,
6538   .layout-align-xs-end-stretch {
6539     justify-content: flex-end; }
6540   .layout-align-xs-space-around,
6541   .layout-align-xs-space-around-center,
6542   .layout-align-xs-space-around-start,
6543   .layout-align-xs-space-around-end,
6544   .layout-align-xs-space-around-stretch {
6545     justify-content: space-around; }
6546   .layout-align-xs-space-between,
6547   .layout-align-xs-space-between-center,
6548   .layout-align-xs-space-between-start,
6549   .layout-align-xs-space-between-end,
6550   .layout-align-xs-space-between-stretch {
6551     justify-content: space-between; }
6552   .layout-align-xs-start-start,
6553   .layout-align-xs-center-start,
6554   .layout-align-xs-end-start,
6555   .layout-align-xs-space-between-start,
6556   .layout-align-xs-space-around-start {
6557     align-items: flex-start;
6558     align-content: flex-start; }
6559   .layout-align-xs-start-center,
6560   .layout-align-xs-center-center,
6561   .layout-align-xs-end-center,
6562   .layout-align-xs-space-between-center,
6563   .layout-align-xs-space-around-center {
6564     align-items: center;
6565     align-content: center;
6566     max-width: 100%; }
6567   .layout-align-xs-start-center > *,
6568   .layout-align-xs-center-center > *,
6569   .layout-align-xs-end-center > *,
6570   .layout-align-xs-space-between-center > *,
6571   .layout-align-xs-space-around-center > * {
6572     max-width: 100%;
6573     box-sizing: border-box; }
6574   .layout-align-xs-start-end,
6575   .layout-align-xs-center-end,
6576   .layout-align-xs-end-end,
6577   .layout-align-xs-space-between-end,
6578   .layout-align-xs-space-around-end {
6579     align-items: flex-end;
6580     align-content: flex-end; }
6581   .layout-align-xs-start-stretch,
6582   .layout-align-xs-center-stretch,
6583   .layout-align-xs-end-stretch,
6584   .layout-align-xs-space-between-stretch,
6585   .layout-align-xs-space-around-stretch {
6586     align-items: stretch;
6587     align-content: stretch; }
6588   .flex-xs {
6589     flex: 1;
6590     box-sizing: border-box; }
6591   .flex-xs-grow {
6592     flex: 1 1 100%;
6593     box-sizing: border-box; }
6594   .flex-xs-initial {
6595     flex: 0 1 auto;
6596     box-sizing: border-box; }
6597   .flex-xs-auto {
6598     flex: 1 1 auto;
6599     box-sizing: border-box; }
6600   .flex-xs-none {
6601     flex: 0 0 auto;
6602     box-sizing: border-box; }
6603   .flex-xs-noshrink {
6604     flex: 1 0 auto;
6605     box-sizing: border-box; }
6606   .flex-xs-nogrow {
6607     flex: 0 1 auto;
6608     box-sizing: border-box; }
6609   .flex-xs-0 {
6610     flex: 1 1 0%;
6611     max-width: 0%;
6612     max-height: 100%;
6613     box-sizing: border-box; }
6614   .layout-row > .flex-xs-0 {
6615     flex: 1 1 0%;
6616     max-width: 0%;
6617     max-height: 100%;
6618     box-sizing: border-box;
6619     min-width: 0; }
6620   .layout-column > .flex-xs-0 {
6621     flex: 1 1 0%;
6622     max-width: 100%;
6623     max-height: 0%;
6624     box-sizing: border-box; }
6625   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6626     flex: 1 1 33.33%;
6627     max-width: 33.33%;
6628     max-height: 100%;
6629     box-sizing: border-box; }
6630   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6631     flex: 1 1 66.66%;
6632     max-width: 66.66%;
6633     max-height: 100%;
6634     box-sizing: border-box; }
6635   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6636     flex: 1 1 33.33%;
6637     max-width: 100%;
6638     max-height: 33.33%;
6639     box-sizing: border-box; }
6640   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6641     flex: 1 1 66.66%;
6642     max-width: 100%;
6643     max-height: 66.66%;
6644     box-sizing: border-box; }
6645   .layout-xs-row > .flex-xs-0 {
6646     flex: 1 1 0%;
6647     max-width: 0%;
6648     max-height: 100%;
6649     box-sizing: border-box;
6650     min-width: 0; }
6651   .layout-xs-column > .flex-xs-0 {
6652     flex: 1 1 0%;
6653     max-width: 100%;
6654     max-height: 0%;
6655     box-sizing: border-box;
6656     min-height: 0; }
6657   .flex-xs-5 {
6658     flex: 1 1 5%;
6659     max-width: 5%;
6660     max-height: 100%;
6661     box-sizing: border-box; }
6662   .layout-row > .flex-xs-5 {
6663     flex: 1 1 5%;
6664     max-width: 5%;
6665     max-height: 100%;
6666     box-sizing: border-box; }
6667   .layout-column > .flex-xs-5 {
6668     flex: 1 1 5%;
6669     max-width: 100%;
6670     max-height: 5%;
6671     box-sizing: border-box; }
6672   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6673     flex: 1 1 33.33%;
6674     max-width: 33.33%;
6675     max-height: 100%;
6676     box-sizing: border-box; }
6677   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6678     flex: 1 1 66.66%;
6679     max-width: 66.66%;
6680     max-height: 100%;
6681     box-sizing: border-box; }
6682   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6683     flex: 1 1 33.33%;
6684     max-width: 100%;
6685     max-height: 33.33%;
6686     box-sizing: border-box; }
6687   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6688     flex: 1 1 66.66%;
6689     max-width: 100%;
6690     max-height: 66.66%;
6691     box-sizing: border-box; }
6692   .layout-xs-row > .flex-xs-5 {
6693     flex: 1 1 5%;
6694     max-width: 5%;
6695     max-height: 100%;
6696     box-sizing: border-box; }
6697   .layout-xs-column > .flex-xs-5 {
6698     flex: 1 1 5%;
6699     max-width: 100%;
6700     max-height: 5%;
6701     box-sizing: border-box; }
6702   .flex-xs-10 {
6703     flex: 1 1 10%;
6704     max-width: 10%;
6705     max-height: 100%;
6706     box-sizing: border-box; }
6707   .layout-row > .flex-xs-10 {
6708     flex: 1 1 10%;
6709     max-width: 10%;
6710     max-height: 100%;
6711     box-sizing: border-box; }
6712   .layout-column > .flex-xs-10 {
6713     flex: 1 1 10%;
6714     max-width: 100%;
6715     max-height: 10%;
6716     box-sizing: border-box; }
6717   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6718     flex: 1 1 33.33%;
6719     max-width: 33.33%;
6720     max-height: 100%;
6721     box-sizing: border-box; }
6722   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6723     flex: 1 1 66.66%;
6724     max-width: 66.66%;
6725     max-height: 100%;
6726     box-sizing: border-box; }
6727   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6728     flex: 1 1 33.33%;
6729     max-width: 100%;
6730     max-height: 33.33%;
6731     box-sizing: border-box; }
6732   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6733     flex: 1 1 66.66%;
6734     max-width: 100%;
6735     max-height: 66.66%;
6736     box-sizing: border-box; }
6737   .layout-xs-row > .flex-xs-10 {
6738     flex: 1 1 10%;
6739     max-width: 10%;
6740     max-height: 100%;
6741     box-sizing: border-box; }
6742   .layout-xs-column > .flex-xs-10 {
6743     flex: 1 1 10%;
6744     max-width: 100%;
6745     max-height: 10%;
6746     box-sizing: border-box; }
6747   .flex-xs-15 {
6748     flex: 1 1 15%;
6749     max-width: 15%;
6750     max-height: 100%;
6751     box-sizing: border-box; }
6752   .layout-row > .flex-xs-15 {
6753     flex: 1 1 15%;
6754     max-width: 15%;
6755     max-height: 100%;
6756     box-sizing: border-box; }
6757   .layout-column > .flex-xs-15 {
6758     flex: 1 1 15%;
6759     max-width: 100%;
6760     max-height: 15%;
6761     box-sizing: border-box; }
6762   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6763     flex: 1 1 33.33%;
6764     max-width: 33.33%;
6765     max-height: 100%;
6766     box-sizing: border-box; }
6767   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6768     flex: 1 1 66.66%;
6769     max-width: 66.66%;
6770     max-height: 100%;
6771     box-sizing: border-box; }
6772   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6773     flex: 1 1 33.33%;
6774     max-width: 100%;
6775     max-height: 33.33%;
6776     box-sizing: border-box; }
6777   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6778     flex: 1 1 66.66%;
6779     max-width: 100%;
6780     max-height: 66.66%;
6781     box-sizing: border-box; }
6782   .layout-xs-row > .flex-xs-15 {
6783     flex: 1 1 15%;
6784     max-width: 15%;
6785     max-height: 100%;
6786     box-sizing: border-box; }
6787   .layout-xs-column > .flex-xs-15 {
6788     flex: 1 1 15%;
6789     max-width: 100%;
6790     max-height: 15%;
6791     box-sizing: border-box; }
6792   .flex-xs-20 {
6793     flex: 1 1 20%;
6794     max-width: 20%;
6795     max-height: 100%;
6796     box-sizing: border-box; }
6797   .layout-row > .flex-xs-20 {
6798     flex: 1 1 20%;
6799     max-width: 20%;
6800     max-height: 100%;
6801     box-sizing: border-box; }
6802   .layout-column > .flex-xs-20 {
6803     flex: 1 1 20%;
6804     max-width: 100%;
6805     max-height: 20%;
6806     box-sizing: border-box; }
6807   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6808     flex: 1 1 33.33%;
6809     max-width: 33.33%;
6810     max-height: 100%;
6811     box-sizing: border-box; }
6812   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6813     flex: 1 1 66.66%;
6814     max-width: 66.66%;
6815     max-height: 100%;
6816     box-sizing: border-box; }
6817   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6818     flex: 1 1 33.33%;
6819     max-width: 100%;
6820     max-height: 33.33%;
6821     box-sizing: border-box; }
6822   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6823     flex: 1 1 66.66%;
6824     max-width: 100%;
6825     max-height: 66.66%;
6826     box-sizing: border-box; }
6827   .layout-xs-row > .flex-xs-20 {
6828     flex: 1 1 20%;
6829     max-width: 20%;
6830     max-height: 100%;
6831     box-sizing: border-box; }
6832   .layout-xs-column > .flex-xs-20 {
6833     flex: 1 1 20%;
6834     max-width: 100%;
6835     max-height: 20%;
6836     box-sizing: border-box; }
6837   .flex-xs-25 {
6838     flex: 1 1 25%;
6839     max-width: 25%;
6840     max-height: 100%;
6841     box-sizing: border-box; }
6842   .layout-row > .flex-xs-25 {
6843     flex: 1 1 25%;
6844     max-width: 25%;
6845     max-height: 100%;
6846     box-sizing: border-box; }
6847   .layout-column > .flex-xs-25 {
6848     flex: 1 1 25%;
6849     max-width: 100%;
6850     max-height: 25%;
6851     box-sizing: border-box; }
6852   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6853     flex: 1 1 33.33%;
6854     max-width: 33.33%;
6855     max-height: 100%;
6856     box-sizing: border-box; }
6857   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6858     flex: 1 1 66.66%;
6859     max-width: 66.66%;
6860     max-height: 100%;
6861     box-sizing: border-box; }
6862   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6863     flex: 1 1 33.33%;
6864     max-width: 100%;
6865     max-height: 33.33%;
6866     box-sizing: border-box; }
6867   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6868     flex: 1 1 66.66%;
6869     max-width: 100%;
6870     max-height: 66.66%;
6871     box-sizing: border-box; }
6872   .layout-xs-row > .flex-xs-25 {
6873     flex: 1 1 25%;
6874     max-width: 25%;
6875     max-height: 100%;
6876     box-sizing: border-box; }
6877   .layout-xs-column > .flex-xs-25 {
6878     flex: 1 1 25%;
6879     max-width: 100%;
6880     max-height: 25%;
6881     box-sizing: border-box; }
6882   .flex-xs-30 {
6883     flex: 1 1 30%;
6884     max-width: 30%;
6885     max-height: 100%;
6886     box-sizing: border-box; }
6887   .layout-row > .flex-xs-30 {
6888     flex: 1 1 30%;
6889     max-width: 30%;
6890     max-height: 100%;
6891     box-sizing: border-box; }
6892   .layout-column > .flex-xs-30 {
6893     flex: 1 1 30%;
6894     max-width: 100%;
6895     max-height: 30%;
6896     box-sizing: border-box; }
6897   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6898     flex: 1 1 33.33%;
6899     max-width: 33.33%;
6900     max-height: 100%;
6901     box-sizing: border-box; }
6902   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6903     flex: 1 1 66.66%;
6904     max-width: 66.66%;
6905     max-height: 100%;
6906     box-sizing: border-box; }
6907   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6908     flex: 1 1 33.33%;
6909     max-width: 100%;
6910     max-height: 33.33%;
6911     box-sizing: border-box; }
6912   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6913     flex: 1 1 66.66%;
6914     max-width: 100%;
6915     max-height: 66.66%;
6916     box-sizing: border-box; }
6917   .layout-xs-row > .flex-xs-30 {
6918     flex: 1 1 30%;
6919     max-width: 30%;
6920     max-height: 100%;
6921     box-sizing: border-box; }
6922   .layout-xs-column > .flex-xs-30 {
6923     flex: 1 1 30%;
6924     max-width: 100%;
6925     max-height: 30%;
6926     box-sizing: border-box; }
6927   .flex-xs-35 {
6928     flex: 1 1 35%;
6929     max-width: 35%;
6930     max-height: 100%;
6931     box-sizing: border-box; }
6932   .layout-row > .flex-xs-35 {
6933     flex: 1 1 35%;
6934     max-width: 35%;
6935     max-height: 100%;
6936     box-sizing: border-box; }
6937   .layout-column > .flex-xs-35 {
6938     flex: 1 1 35%;
6939     max-width: 100%;
6940     max-height: 35%;
6941     box-sizing: border-box; }
6942   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6943     flex: 1 1 33.33%;
6944     max-width: 33.33%;
6945     max-height: 100%;
6946     box-sizing: border-box; }
6947   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6948     flex: 1 1 66.66%;
6949     max-width: 66.66%;
6950     max-height: 100%;
6951     box-sizing: border-box; }
6952   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6953     flex: 1 1 33.33%;
6954     max-width: 100%;
6955     max-height: 33.33%;
6956     box-sizing: border-box; }
6957   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
6958     flex: 1 1 66.66%;
6959     max-width: 100%;
6960     max-height: 66.66%;
6961     box-sizing: border-box; }
6962   .layout-xs-row > .flex-xs-35 {
6963     flex: 1 1 35%;
6964     max-width: 35%;
6965     max-height: 100%;
6966     box-sizing: border-box; }
6967   .layout-xs-column > .flex-xs-35 {
6968     flex: 1 1 35%;
6969     max-width: 100%;
6970     max-height: 35%;
6971     box-sizing: border-box; }
6972   .flex-xs-40 {
6973     flex: 1 1 40%;
6974     max-width: 40%;
6975     max-height: 100%;
6976     box-sizing: border-box; }
6977   .layout-row > .flex-xs-40 {
6978     flex: 1 1 40%;
6979     max-width: 40%;
6980     max-height: 100%;
6981     box-sizing: border-box; }
6982   .layout-column > .flex-xs-40 {
6983     flex: 1 1 40%;
6984     max-width: 100%;
6985     max-height: 40%;
6986     box-sizing: border-box; }
6987   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
6988     flex: 1 1 33.33%;
6989     max-width: 33.33%;
6990     max-height: 100%;
6991     box-sizing: border-box; }
6992   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
6993     flex: 1 1 66.66%;
6994     max-width: 66.66%;
6995     max-height: 100%;
6996     box-sizing: border-box; }
6997   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
6998     flex: 1 1 33.33%;
6999     max-width: 100%;
7000     max-height: 33.33%;
7001     box-sizing: border-box; }
7002   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7003     flex: 1 1 66.66%;
7004     max-width: 100%;
7005     max-height: 66.66%;
7006     box-sizing: border-box; }
7007   .layout-xs-row > .flex-xs-40 {
7008     flex: 1 1 40%;
7009     max-width: 40%;
7010     max-height: 100%;
7011     box-sizing: border-box; }
7012   .layout-xs-column > .flex-xs-40 {
7013     flex: 1 1 40%;
7014     max-width: 100%;
7015     max-height: 40%;
7016     box-sizing: border-box; }
7017   .flex-xs-45 {
7018     flex: 1 1 45%;
7019     max-width: 45%;
7020     max-height: 100%;
7021     box-sizing: border-box; }
7022   .layout-row > .flex-xs-45 {
7023     flex: 1 1 45%;
7024     max-width: 45%;
7025     max-height: 100%;
7026     box-sizing: border-box; }
7027   .layout-column > .flex-xs-45 {
7028     flex: 1 1 45%;
7029     max-width: 100%;
7030     max-height: 45%;
7031     box-sizing: border-box; }
7032   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7033     flex: 1 1 33.33%;
7034     max-width: 33.33%;
7035     max-height: 100%;
7036     box-sizing: border-box; }
7037   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7038     flex: 1 1 66.66%;
7039     max-width: 66.66%;
7040     max-height: 100%;
7041     box-sizing: border-box; }
7042   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7043     flex: 1 1 33.33%;
7044     max-width: 100%;
7045     max-height: 33.33%;
7046     box-sizing: border-box; }
7047   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7048     flex: 1 1 66.66%;
7049     max-width: 100%;
7050     max-height: 66.66%;
7051     box-sizing: border-box; }
7052   .layout-xs-row > .flex-xs-45 {
7053     flex: 1 1 45%;
7054     max-width: 45%;
7055     max-height: 100%;
7056     box-sizing: border-box; }
7057   .layout-xs-column > .flex-xs-45 {
7058     flex: 1 1 45%;
7059     max-width: 100%;
7060     max-height: 45%;
7061     box-sizing: border-box; }
7062   .flex-xs-50 {
7063     flex: 1 1 50%;
7064     max-width: 50%;
7065     max-height: 100%;
7066     box-sizing: border-box; }
7067   .layout-row > .flex-xs-50 {
7068     flex: 1 1 50%;
7069     max-width: 50%;
7070     max-height: 100%;
7071     box-sizing: border-box; }
7072   .layout-column > .flex-xs-50 {
7073     flex: 1 1 50%;
7074     max-width: 100%;
7075     max-height: 50%;
7076     box-sizing: border-box; }
7077   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7078     flex: 1 1 33.33%;
7079     max-width: 33.33%;
7080     max-height: 100%;
7081     box-sizing: border-box; }
7082   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7083     flex: 1 1 66.66%;
7084     max-width: 66.66%;
7085     max-height: 100%;
7086     box-sizing: border-box; }
7087   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7088     flex: 1 1 33.33%;
7089     max-width: 100%;
7090     max-height: 33.33%;
7091     box-sizing: border-box; }
7092   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7093     flex: 1 1 66.66%;
7094     max-width: 100%;
7095     max-height: 66.66%;
7096     box-sizing: border-box; }
7097   .layout-xs-row > .flex-xs-50 {
7098     flex: 1 1 50%;
7099     max-width: 50%;
7100     max-height: 100%;
7101     box-sizing: border-box; }
7102   .layout-xs-column > .flex-xs-50 {
7103     flex: 1 1 50%;
7104     max-width: 100%;
7105     max-height: 50%;
7106     box-sizing: border-box; }
7107   .flex-xs-55 {
7108     flex: 1 1 55%;
7109     max-width: 55%;
7110     max-height: 100%;
7111     box-sizing: border-box; }
7112   .layout-row > .flex-xs-55 {
7113     flex: 1 1 55%;
7114     max-width: 55%;
7115     max-height: 100%;
7116     box-sizing: border-box; }
7117   .layout-column > .flex-xs-55 {
7118     flex: 1 1 55%;
7119     max-width: 100%;
7120     max-height: 55%;
7121     box-sizing: border-box; }
7122   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7123     flex: 1 1 33.33%;
7124     max-width: 33.33%;
7125     max-height: 100%;
7126     box-sizing: border-box; }
7127   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7128     flex: 1 1 66.66%;
7129     max-width: 66.66%;
7130     max-height: 100%;
7131     box-sizing: border-box; }
7132   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7133     flex: 1 1 33.33%;
7134     max-width: 100%;
7135     max-height: 33.33%;
7136     box-sizing: border-box; }
7137   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7138     flex: 1 1 66.66%;
7139     max-width: 100%;
7140     max-height: 66.66%;
7141     box-sizing: border-box; }
7142   .layout-xs-row > .flex-xs-55 {
7143     flex: 1 1 55%;
7144     max-width: 55%;
7145     max-height: 100%;
7146     box-sizing: border-box; }
7147   .layout-xs-column > .flex-xs-55 {
7148     flex: 1 1 55%;
7149     max-width: 100%;
7150     max-height: 55%;
7151     box-sizing: border-box; }
7152   .flex-xs-60 {
7153     flex: 1 1 60%;
7154     max-width: 60%;
7155     max-height: 100%;
7156     box-sizing: border-box; }
7157   .layout-row > .flex-xs-60 {
7158     flex: 1 1 60%;
7159     max-width: 60%;
7160     max-height: 100%;
7161     box-sizing: border-box; }
7162   .layout-column > .flex-xs-60 {
7163     flex: 1 1 60%;
7164     max-width: 100%;
7165     max-height: 60%;
7166     box-sizing: border-box; }
7167   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7168     flex: 1 1 33.33%;
7169     max-width: 33.33%;
7170     max-height: 100%;
7171     box-sizing: border-box; }
7172   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7173     flex: 1 1 66.66%;
7174     max-width: 66.66%;
7175     max-height: 100%;
7176     box-sizing: border-box; }
7177   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7178     flex: 1 1 33.33%;
7179     max-width: 100%;
7180     max-height: 33.33%;
7181     box-sizing: border-box; }
7182   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7183     flex: 1 1 66.66%;
7184     max-width: 100%;
7185     max-height: 66.66%;
7186     box-sizing: border-box; }
7187   .layout-xs-row > .flex-xs-60 {
7188     flex: 1 1 60%;
7189     max-width: 60%;
7190     max-height: 100%;
7191     box-sizing: border-box; }
7192   .layout-xs-column > .flex-xs-60 {
7193     flex: 1 1 60%;
7194     max-width: 100%;
7195     max-height: 60%;
7196     box-sizing: border-box; }
7197   .flex-xs-65 {
7198     flex: 1 1 65%;
7199     max-width: 65%;
7200     max-height: 100%;
7201     box-sizing: border-box; }
7202   .layout-row > .flex-xs-65 {
7203     flex: 1 1 65%;
7204     max-width: 65%;
7205     max-height: 100%;
7206     box-sizing: border-box; }
7207   .layout-column > .flex-xs-65 {
7208     flex: 1 1 65%;
7209     max-width: 100%;
7210     max-height: 65%;
7211     box-sizing: border-box; }
7212   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7213     flex: 1 1 33.33%;
7214     max-width: 33.33%;
7215     max-height: 100%;
7216     box-sizing: border-box; }
7217   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7218     flex: 1 1 66.66%;
7219     max-width: 66.66%;
7220     max-height: 100%;
7221     box-sizing: border-box; }
7222   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7223     flex: 1 1 33.33%;
7224     max-width: 100%;
7225     max-height: 33.33%;
7226     box-sizing: border-box; }
7227   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7228     flex: 1 1 66.66%;
7229     max-width: 100%;
7230     max-height: 66.66%;
7231     box-sizing: border-box; }
7232   .layout-xs-row > .flex-xs-65 {
7233     flex: 1 1 65%;
7234     max-width: 65%;
7235     max-height: 100%;
7236     box-sizing: border-box; }
7237   .layout-xs-column > .flex-xs-65 {
7238     flex: 1 1 65%;
7239     max-width: 100%;
7240     max-height: 65%;
7241     box-sizing: border-box; }
7242   .flex-xs-70 {
7243     flex: 1 1 70%;
7244     max-width: 70%;
7245     max-height: 100%;
7246     box-sizing: border-box; }
7247   .layout-row > .flex-xs-70 {
7248     flex: 1 1 70%;
7249     max-width: 70%;
7250     max-height: 100%;
7251     box-sizing: border-box; }
7252   .layout-column > .flex-xs-70 {
7253     flex: 1 1 70%;
7254     max-width: 100%;
7255     max-height: 70%;
7256     box-sizing: border-box; }
7257   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7258     flex: 1 1 33.33%;
7259     max-width: 33.33%;
7260     max-height: 100%;
7261     box-sizing: border-box; }
7262   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7263     flex: 1 1 66.66%;
7264     max-width: 66.66%;
7265     max-height: 100%;
7266     box-sizing: border-box; }
7267   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7268     flex: 1 1 33.33%;
7269     max-width: 100%;
7270     max-height: 33.33%;
7271     box-sizing: border-box; }
7272   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7273     flex: 1 1 66.66%;
7274     max-width: 100%;
7275     max-height: 66.66%;
7276     box-sizing: border-box; }
7277   .layout-xs-row > .flex-xs-70 {
7278     flex: 1 1 70%;
7279     max-width: 70%;
7280     max-height: 100%;
7281     box-sizing: border-box; }
7282   .layout-xs-column > .flex-xs-70 {
7283     flex: 1 1 70%;
7284     max-width: 100%;
7285     max-height: 70%;
7286     box-sizing: border-box; }
7287   .flex-xs-75 {
7288     flex: 1 1 75%;
7289     max-width: 75%;
7290     max-height: 100%;
7291     box-sizing: border-box; }
7292   .layout-row > .flex-xs-75 {
7293     flex: 1 1 75%;
7294     max-width: 75%;
7295     max-height: 100%;
7296     box-sizing: border-box; }
7297   .layout-column > .flex-xs-75 {
7298     flex: 1 1 75%;
7299     max-width: 100%;
7300     max-height: 75%;
7301     box-sizing: border-box; }
7302   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7303     flex: 1 1 33.33%;
7304     max-width: 33.33%;
7305     max-height: 100%;
7306     box-sizing: border-box; }
7307   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7308     flex: 1 1 66.66%;
7309     max-width: 66.66%;
7310     max-height: 100%;
7311     box-sizing: border-box; }
7312   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7313     flex: 1 1 33.33%;
7314     max-width: 100%;
7315     max-height: 33.33%;
7316     box-sizing: border-box; }
7317   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7318     flex: 1 1 66.66%;
7319     max-width: 100%;
7320     max-height: 66.66%;
7321     box-sizing: border-box; }
7322   .layout-xs-row > .flex-xs-75 {
7323     flex: 1 1 75%;
7324     max-width: 75%;
7325     max-height: 100%;
7326     box-sizing: border-box; }
7327   .layout-xs-column > .flex-xs-75 {
7328     flex: 1 1 75%;
7329     max-width: 100%;
7330     max-height: 75%;
7331     box-sizing: border-box; }
7332   .flex-xs-80 {
7333     flex: 1 1 80%;
7334     max-width: 80%;
7335     max-height: 100%;
7336     box-sizing: border-box; }
7337   .layout-row > .flex-xs-80 {
7338     flex: 1 1 80%;
7339     max-width: 80%;
7340     max-height: 100%;
7341     box-sizing: border-box; }
7342   .layout-column > .flex-xs-80 {
7343     flex: 1 1 80%;
7344     max-width: 100%;
7345     max-height: 80%;
7346     box-sizing: border-box; }
7347   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7348     flex: 1 1 33.33%;
7349     max-width: 33.33%;
7350     max-height: 100%;
7351     box-sizing: border-box; }
7352   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7353     flex: 1 1 66.66%;
7354     max-width: 66.66%;
7355     max-height: 100%;
7356     box-sizing: border-box; }
7357   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7358     flex: 1 1 33.33%;
7359     max-width: 100%;
7360     max-height: 33.33%;
7361     box-sizing: border-box; }
7362   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7363     flex: 1 1 66.66%;
7364     max-width: 100%;
7365     max-height: 66.66%;
7366     box-sizing: border-box; }
7367   .layout-xs-row > .flex-xs-80 {
7368     flex: 1 1 80%;
7369     max-width: 80%;
7370     max-height: 100%;
7371     box-sizing: border-box; }
7372   .layout-xs-column > .flex-xs-80 {
7373     flex: 1 1 80%;
7374     max-width: 100%;
7375     max-height: 80%;
7376     box-sizing: border-box; }
7377   .flex-xs-85 {
7378     flex: 1 1 85%;
7379     max-width: 85%;
7380     max-height: 100%;
7381     box-sizing: border-box; }
7382   .layout-row > .flex-xs-85 {
7383     flex: 1 1 85%;
7384     max-width: 85%;
7385     max-height: 100%;
7386     box-sizing: border-box; }
7387   .layout-column > .flex-xs-85 {
7388     flex: 1 1 85%;
7389     max-width: 100%;
7390     max-height: 85%;
7391     box-sizing: border-box; }
7392   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7393     flex: 1 1 33.33%;
7394     max-width: 33.33%;
7395     max-height: 100%;
7396     box-sizing: border-box; }
7397   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7398     flex: 1 1 66.66%;
7399     max-width: 66.66%;
7400     max-height: 100%;
7401     box-sizing: border-box; }
7402   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7403     flex: 1 1 33.33%;
7404     max-width: 100%;
7405     max-height: 33.33%;
7406     box-sizing: border-box; }
7407   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7408     flex: 1 1 66.66%;
7409     max-width: 100%;
7410     max-height: 66.66%;
7411     box-sizing: border-box; }
7412   .layout-xs-row > .flex-xs-85 {
7413     flex: 1 1 85%;
7414     max-width: 85%;
7415     max-height: 100%;
7416     box-sizing: border-box; }
7417   .layout-xs-column > .flex-xs-85 {
7418     flex: 1 1 85%;
7419     max-width: 100%;
7420     max-height: 85%;
7421     box-sizing: border-box; }
7422   .flex-xs-90 {
7423     flex: 1 1 90%;
7424     max-width: 90%;
7425     max-height: 100%;
7426     box-sizing: border-box; }
7427   .layout-row > .flex-xs-90 {
7428     flex: 1 1 90%;
7429     max-width: 90%;
7430     max-height: 100%;
7431     box-sizing: border-box; }
7432   .layout-column > .flex-xs-90 {
7433     flex: 1 1 90%;
7434     max-width: 100%;
7435     max-height: 90%;
7436     box-sizing: border-box; }
7437   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7438     flex: 1 1 33.33%;
7439     max-width: 33.33%;
7440     max-height: 100%;
7441     box-sizing: border-box; }
7442   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7443     flex: 1 1 66.66%;
7444     max-width: 66.66%;
7445     max-height: 100%;
7446     box-sizing: border-box; }
7447   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7448     flex: 1 1 33.33%;
7449     max-width: 100%;
7450     max-height: 33.33%;
7451     box-sizing: border-box; }
7452   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7453     flex: 1 1 66.66%;
7454     max-width: 100%;
7455     max-height: 66.66%;
7456     box-sizing: border-box; }
7457   .layout-xs-row > .flex-xs-90 {
7458     flex: 1 1 90%;
7459     max-width: 90%;
7460     max-height: 100%;
7461     box-sizing: border-box; }
7462   .layout-xs-column > .flex-xs-90 {
7463     flex: 1 1 90%;
7464     max-width: 100%;
7465     max-height: 90%;
7466     box-sizing: border-box; }
7467   .flex-xs-95 {
7468     flex: 1 1 95%;
7469     max-width: 95%;
7470     max-height: 100%;
7471     box-sizing: border-box; }
7472   .layout-row > .flex-xs-95 {
7473     flex: 1 1 95%;
7474     max-width: 95%;
7475     max-height: 100%;
7476     box-sizing: border-box; }
7477   .layout-column > .flex-xs-95 {
7478     flex: 1 1 95%;
7479     max-width: 100%;
7480     max-height: 95%;
7481     box-sizing: border-box; }
7482   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7483     flex: 1 1 33.33%;
7484     max-width: 33.33%;
7485     max-height: 100%;
7486     box-sizing: border-box; }
7487   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7488     flex: 1 1 66.66%;
7489     max-width: 66.66%;
7490     max-height: 100%;
7491     box-sizing: border-box; }
7492   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7493     flex: 1 1 33.33%;
7494     max-width: 100%;
7495     max-height: 33.33%;
7496     box-sizing: border-box; }
7497   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7498     flex: 1 1 66.66%;
7499     max-width: 100%;
7500     max-height: 66.66%;
7501     box-sizing: border-box; }
7502   .layout-xs-row > .flex-xs-95 {
7503     flex: 1 1 95%;
7504     max-width: 95%;
7505     max-height: 100%;
7506     box-sizing: border-box; }
7507   .layout-xs-column > .flex-xs-95 {
7508     flex: 1 1 95%;
7509     max-width: 100%;
7510     max-height: 95%;
7511     box-sizing: border-box; }
7512   .flex-xs-100 {
7513     flex: 1 1 100%;
7514     max-width: 100%;
7515     max-height: 100%;
7516     box-sizing: border-box; }
7517   .layout-row > .flex-xs-100 {
7518     flex: 1 1 100%;
7519     max-width: 100%;
7520     max-height: 100%;
7521     box-sizing: border-box; }
7522   .layout-column > .flex-xs-100 {
7523     flex: 1 1 100%;
7524     max-width: 100%;
7525     max-height: 100%;
7526     box-sizing: border-box; }
7527   .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
7528     flex: 1 1 33.33%;
7529     max-width: 33.33%;
7530     max-height: 100%;
7531     box-sizing: border-box; }
7532   .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
7533     flex: 1 1 66.66%;
7534     max-width: 66.66%;
7535     max-height: 100%;
7536     box-sizing: border-box; }
7537   .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
7538     flex: 1 1 33.33%;
7539     max-width: 100%;
7540     max-height: 33.33%;
7541     box-sizing: border-box; }
7542   .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
7543     flex: 1 1 66.66%;
7544     max-width: 100%;
7545     max-height: 66.66%;
7546     box-sizing: border-box; }
7547   .layout-xs-row > .flex-xs-100 {
7548     flex: 1 1 100%;
7549     max-width: 100%;
7550     max-height: 100%;
7551     box-sizing: border-box; }
7552   .layout-xs-column > .flex-xs-100 {
7553     flex: 1 1 100%;
7554     max-width: 100%;
7555     max-height: 100%;
7556     box-sizing: border-box; }
7557   .layout-xs-row > .flex-xs-33, .layout-xs-row > .flex-xs-33 {
7558     flex: 1 1 33.33%;
7559     max-width: 33.33%;
7560     max-height: 100%;
7561     box-sizing: border-box; }
7562   .layout-xs-row > .flex-xs-66, .layout-xs-row > .flex-xs-66 {
7563     flex: 1 1 66.66%;
7564     max-width: 66.66%;
7565     max-height: 100%;
7566     box-sizing: border-box; }
7567   .layout-xs-row > .flex {
7568     min-width: 0; }
7569   .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
7570     flex: 1 1 33.33%;
7571     max-width: 100%;
7572     max-height: 33.33%;
7573     box-sizing: border-box; }
7574   .layout-xs-column > .flex-xs-66, .layout-xs-column > .flex-xs-66 {
7575     flex: 1 1 66.66%;
7576     max-width: 100%;
7577     max-height: 66.66%;
7578     box-sizing: border-box; }
7579   .layout-xs-column > .flex {
7580     min-height: 0; }
7581   .layout-xs, .layout-xs-column, .layout-xs-row {
7582     box-sizing: border-box;
7583     display: -webkit-box;
7584     display: -webkit-flex;
7585     display: -moz-box;
7586     display: -ms-flexbox;
7587     display: flex; }
7588   .layout-xs-column {
7589     flex-direction: column; }
7590   .layout-xs-row {
7591     flex-direction: row; } }
7592
7593 @media (min-width: 600px) {
7594   .flex-order-gt-xs--20 {
7595     order: -20; }
7596   .flex-order-gt-xs--19 {
7597     order: -19; }
7598   .flex-order-gt-xs--18 {
7599     order: -18; }
7600   .flex-order-gt-xs--17 {
7601     order: -17; }
7602   .flex-order-gt-xs--16 {
7603     order: -16; }
7604   .flex-order-gt-xs--15 {
7605     order: -15; }
7606   .flex-order-gt-xs--14 {
7607     order: -14; }
7608   .flex-order-gt-xs--13 {
7609     order: -13; }
7610   .flex-order-gt-xs--12 {
7611     order: -12; }
7612   .flex-order-gt-xs--11 {
7613     order: -11; }
7614   .flex-order-gt-xs--10 {
7615     order: -10; }
7616   .flex-order-gt-xs--9 {
7617     order: -9; }
7618   .flex-order-gt-xs--8 {
7619     order: -8; }
7620   .flex-order-gt-xs--7 {
7621     order: -7; }
7622   .flex-order-gt-xs--6 {
7623     order: -6; }
7624   .flex-order-gt-xs--5 {
7625     order: -5; }
7626   .flex-order-gt-xs--4 {
7627     order: -4; }
7628   .flex-order-gt-xs--3 {
7629     order: -3; }
7630   .flex-order-gt-xs--2 {
7631     order: -2; }
7632   .flex-order-gt-xs--1 {
7633     order: -1; }
7634   .flex-order-gt-xs-0 {
7635     order: 0; }
7636   .flex-order-gt-xs-1 {
7637     order: 1; }
7638   .flex-order-gt-xs-2 {
7639     order: 2; }
7640   .flex-order-gt-xs-3 {
7641     order: 3; }
7642   .flex-order-gt-xs-4 {
7643     order: 4; }
7644   .flex-order-gt-xs-5 {
7645     order: 5; }
7646   .flex-order-gt-xs-6 {
7647     order: 6; }
7648   .flex-order-gt-xs-7 {
7649     order: 7; }
7650   .flex-order-gt-xs-8 {
7651     order: 8; }
7652   .flex-order-gt-xs-9 {
7653     order: 9; }
7654   .flex-order-gt-xs-10 {
7655     order: 10; }
7656   .flex-order-gt-xs-11 {
7657     order: 11; }
7658   .flex-order-gt-xs-12 {
7659     order: 12; }
7660   .flex-order-gt-xs-13 {
7661     order: 13; }
7662   .flex-order-gt-xs-14 {
7663     order: 14; }
7664   .flex-order-gt-xs-15 {
7665     order: 15; }
7666   .flex-order-gt-xs-16 {
7667     order: 16; }
7668   .flex-order-gt-xs-17 {
7669     order: 17; }
7670   .flex-order-gt-xs-18 {
7671     order: 18; }
7672   .flex-order-gt-xs-19 {
7673     order: 19; }
7674   .flex-order-gt-xs-20 {
7675     order: 20; }
7676   .offset-gt-xs-0, .flex-offset-gt-xs-0 {
7677     margin-left: 0; }
7678     [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0 {
7679       margin-left: auto;
7680       margin-right: 0; }
7681   .offset-gt-xs-5, .flex-offset-gt-xs-5 {
7682     margin-left: 5%; }
7683     [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5 {
7684       margin-left: auto;
7685       margin-right: 5%; }
7686   .offset-gt-xs-10, .flex-offset-gt-xs-10 {
7687     margin-left: 10%; }
7688     [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10 {
7689       margin-left: auto;
7690       margin-right: 10%; }
7691   .offset-gt-xs-15, .flex-offset-gt-xs-15 {
7692     margin-left: 15%; }
7693     [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15 {
7694       margin-left: auto;
7695       margin-right: 15%; }
7696   .offset-gt-xs-20, .flex-offset-gt-xs-20 {
7697     margin-left: 20%; }
7698     [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20 {
7699       margin-left: auto;
7700       margin-right: 20%; }
7701   .offset-gt-xs-25, .flex-offset-gt-xs-25 {
7702     margin-left: 25%; }
7703     [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25 {
7704       margin-left: auto;
7705       margin-right: 25%; }
7706   .offset-gt-xs-30, .flex-offset-gt-xs-30 {
7707     margin-left: 30%; }
7708     [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30 {
7709       margin-left: auto;
7710       margin-right: 30%; }
7711   .offset-gt-xs-35, .flex-offset-gt-xs-35 {
7712     margin-left: 35%; }
7713     [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35 {
7714       margin-left: auto;
7715       margin-right: 35%; }
7716   .offset-gt-xs-40, .flex-offset-gt-xs-40 {
7717     margin-left: 40%; }
7718     [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40 {
7719       margin-left: auto;
7720       margin-right: 40%; }
7721   .offset-gt-xs-45, .flex-offset-gt-xs-45 {
7722     margin-left: 45%; }
7723     [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45 {
7724       margin-left: auto;
7725       margin-right: 45%; }
7726   .offset-gt-xs-50, .flex-offset-gt-xs-50 {
7727     margin-left: 50%; }
7728     [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50 {
7729       margin-left: auto;
7730       margin-right: 50%; }
7731   .offset-gt-xs-55, .flex-offset-gt-xs-55 {
7732     margin-left: 55%; }
7733     [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55 {
7734       margin-left: auto;
7735       margin-right: 55%; }
7736   .offset-gt-xs-60, .flex-offset-gt-xs-60 {
7737     margin-left: 60%; }
7738     [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60 {
7739       margin-left: auto;
7740       margin-right: 60%; }
7741   .offset-gt-xs-65, .flex-offset-gt-xs-65 {
7742     margin-left: 65%; }
7743     [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65 {
7744       margin-left: auto;
7745       margin-right: 65%; }
7746   .offset-gt-xs-70, .flex-offset-gt-xs-70 {
7747     margin-left: 70%; }
7748     [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70 {
7749       margin-left: auto;
7750       margin-right: 70%; }
7751   .offset-gt-xs-75, .flex-offset-gt-xs-75 {
7752     margin-left: 75%; }
7753     [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75 {
7754       margin-left: auto;
7755       margin-right: 75%; }
7756   .offset-gt-xs-80, .flex-offset-gt-xs-80 {
7757     margin-left: 80%; }
7758     [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80 {
7759       margin-left: auto;
7760       margin-right: 80%; }
7761   .offset-gt-xs-85, .flex-offset-gt-xs-85 {
7762     margin-left: 85%; }
7763     [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85 {
7764       margin-left: auto;
7765       margin-right: 85%; }
7766   .offset-gt-xs-90, .flex-offset-gt-xs-90 {
7767     margin-left: 90%; }
7768     [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90 {
7769       margin-left: auto;
7770       margin-right: 90%; }
7771   .offset-gt-xs-95, .flex-offset-gt-xs-95 {
7772     margin-left: 95%; }
7773     [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95 {
7774       margin-left: auto;
7775       margin-right: 95%; }
7776   .offset-gt-xs-33, .flex-offset-gt-xs-33 {
7777     margin-left: calc(100% / 3); }
7778   .offset-gt-xs-66, .flex-offset-gt-xs-66 {
7779     margin-left: calc(200% / 3); }
7780     [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66 {
7781       margin-left: auto;
7782       margin-right: calc(200% / 3); }
7783   .layout-align-gt-xs,
7784   .layout-align-gt-xs-start-stretch {
7785     justify-content: flex-start;
7786     align-content: stretch;
7787     align-items: stretch; }
7788   .layout-align-gt-xs-start,
7789   .layout-align-gt-xs-start-start,
7790   .layout-align-gt-xs-start-center,
7791   .layout-align-gt-xs-start-end,
7792   .layout-align-gt-xs-start-stretch {
7793     justify-content: flex-start; }
7794   .layout-align-gt-xs-center,
7795   .layout-align-gt-xs-center-start,
7796   .layout-align-gt-xs-center-center,
7797   .layout-align-gt-xs-center-end,
7798   .layout-align-gt-xs-center-stretch {
7799     justify-content: center; }
7800   .layout-align-gt-xs-end,
7801   .layout-align-gt-xs-end-start,
7802   .layout-align-gt-xs-end-center,
7803   .layout-align-gt-xs-end-end,
7804   .layout-align-gt-xs-end-stretch {
7805     justify-content: flex-end; }
7806   .layout-align-gt-xs-space-around,
7807   .layout-align-gt-xs-space-around-center,
7808   .layout-align-gt-xs-space-around-start,
7809   .layout-align-gt-xs-space-around-end,
7810   .layout-align-gt-xs-space-around-stretch {
7811     justify-content: space-around; }
7812   .layout-align-gt-xs-space-between,
7813   .layout-align-gt-xs-space-between-center,
7814   .layout-align-gt-xs-space-between-start,
7815   .layout-align-gt-xs-space-between-end,
7816   .layout-align-gt-xs-space-between-stretch {
7817     justify-content: space-between; }
7818   .layout-align-gt-xs-start-start,
7819   .layout-align-gt-xs-center-start,
7820   .layout-align-gt-xs-end-start,
7821   .layout-align-gt-xs-space-between-start,
7822   .layout-align-gt-xs-space-around-start {
7823     align-items: flex-start;
7824     align-content: flex-start; }
7825   .layout-align-gt-xs-start-center,
7826   .layout-align-gt-xs-center-center,
7827   .layout-align-gt-xs-end-center,
7828   .layout-align-gt-xs-space-between-center,
7829   .layout-align-gt-xs-space-around-center {
7830     align-items: center;
7831     align-content: center;
7832     max-width: 100%; }
7833   .layout-align-gt-xs-start-center > *,
7834   .layout-align-gt-xs-center-center > *,
7835   .layout-align-gt-xs-end-center > *,
7836   .layout-align-gt-xs-space-between-center > *,
7837   .layout-align-gt-xs-space-around-center > * {
7838     max-width: 100%;
7839     box-sizing: border-box; }
7840   .layout-align-gt-xs-start-end,
7841   .layout-align-gt-xs-center-end,
7842   .layout-align-gt-xs-end-end,
7843   .layout-align-gt-xs-space-between-end,
7844   .layout-align-gt-xs-space-around-end {
7845     align-items: flex-end;
7846     align-content: flex-end; }
7847   .layout-align-gt-xs-start-stretch,
7848   .layout-align-gt-xs-center-stretch,
7849   .layout-align-gt-xs-end-stretch,
7850   .layout-align-gt-xs-space-between-stretch,
7851   .layout-align-gt-xs-space-around-stretch {
7852     align-items: stretch;
7853     align-content: stretch; }
7854   .flex-gt-xs {
7855     flex: 1;
7856     box-sizing: border-box; }
7857   .flex-gt-xs-grow {
7858     flex: 1 1 100%;
7859     box-sizing: border-box; }
7860   .flex-gt-xs-initial {
7861     flex: 0 1 auto;
7862     box-sizing: border-box; }
7863   .flex-gt-xs-auto {
7864     flex: 1 1 auto;
7865     box-sizing: border-box; }
7866   .flex-gt-xs-none {
7867     flex: 0 0 auto;
7868     box-sizing: border-box; }
7869   .flex-gt-xs-noshrink {
7870     flex: 1 0 auto;
7871     box-sizing: border-box; }
7872   .flex-gt-xs-nogrow {
7873     flex: 0 1 auto;
7874     box-sizing: border-box; }
7875   .flex-gt-xs-0 {
7876     flex: 1 1 0%;
7877     max-width: 0%;
7878     max-height: 100%;
7879     box-sizing: border-box; }
7880   .layout-row > .flex-gt-xs-0 {
7881     flex: 1 1 0%;
7882     max-width: 0%;
7883     max-height: 100%;
7884     box-sizing: border-box;
7885     min-width: 0; }
7886   .layout-column > .flex-gt-xs-0 {
7887     flex: 1 1 0%;
7888     max-width: 100%;
7889     max-height: 0%;
7890     box-sizing: border-box; }
7891   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
7892     flex: 1 1 33.33%;
7893     max-width: 33.33%;
7894     max-height: 100%;
7895     box-sizing: border-box; }
7896   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
7897     flex: 1 1 66.66%;
7898     max-width: 66.66%;
7899     max-height: 100%;
7900     box-sizing: border-box; }
7901   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
7902     flex: 1 1 33.33%;
7903     max-width: 100%;
7904     max-height: 33.33%;
7905     box-sizing: border-box; }
7906   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
7907     flex: 1 1 66.66%;
7908     max-width: 100%;
7909     max-height: 66.66%;
7910     box-sizing: border-box; }
7911   .layout-gt-xs-row > .flex-gt-xs-0 {
7912     flex: 1 1 0%;
7913     max-width: 0%;
7914     max-height: 100%;
7915     box-sizing: border-box;
7916     min-width: 0; }
7917   .layout-gt-xs-column > .flex-gt-xs-0 {
7918     flex: 1 1 0%;
7919     max-width: 100%;
7920     max-height: 0%;
7921     box-sizing: border-box;
7922     min-height: 0; }
7923   .flex-gt-xs-5 {
7924     flex: 1 1 5%;
7925     max-width: 5%;
7926     max-height: 100%;
7927     box-sizing: border-box; }
7928   .layout-row > .flex-gt-xs-5 {
7929     flex: 1 1 5%;
7930     max-width: 5%;
7931     max-height: 100%;
7932     box-sizing: border-box; }
7933   .layout-column > .flex-gt-xs-5 {
7934     flex: 1 1 5%;
7935     max-width: 100%;
7936     max-height: 5%;
7937     box-sizing: border-box; }
7938   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
7939     flex: 1 1 33.33%;
7940     max-width: 33.33%;
7941     max-height: 100%;
7942     box-sizing: border-box; }
7943   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
7944     flex: 1 1 66.66%;
7945     max-width: 66.66%;
7946     max-height: 100%;
7947     box-sizing: border-box; }
7948   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
7949     flex: 1 1 33.33%;
7950     max-width: 100%;
7951     max-height: 33.33%;
7952     box-sizing: border-box; }
7953   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
7954     flex: 1 1 66.66%;
7955     max-width: 100%;
7956     max-height: 66.66%;
7957     box-sizing: border-box; }
7958   .layout-gt-xs-row > .flex-gt-xs-5 {
7959     flex: 1 1 5%;
7960     max-width: 5%;
7961     max-height: 100%;
7962     box-sizing: border-box; }
7963   .layout-gt-xs-column > .flex-gt-xs-5 {
7964     flex: 1 1 5%;
7965     max-width: 100%;
7966     max-height: 5%;
7967     box-sizing: border-box; }
7968   .flex-gt-xs-10 {
7969     flex: 1 1 10%;
7970     max-width: 10%;
7971     max-height: 100%;
7972     box-sizing: border-box; }
7973   .layout-row > .flex-gt-xs-10 {
7974     flex: 1 1 10%;
7975     max-width: 10%;
7976     max-height: 100%;
7977     box-sizing: border-box; }
7978   .layout-column > .flex-gt-xs-10 {
7979     flex: 1 1 10%;
7980     max-width: 100%;
7981     max-height: 10%;
7982     box-sizing: border-box; }
7983   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
7984     flex: 1 1 33.33%;
7985     max-width: 33.33%;
7986     max-height: 100%;
7987     box-sizing: border-box; }
7988   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
7989     flex: 1 1 66.66%;
7990     max-width: 66.66%;
7991     max-height: 100%;
7992     box-sizing: border-box; }
7993   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
7994     flex: 1 1 33.33%;
7995     max-width: 100%;
7996     max-height: 33.33%;
7997     box-sizing: border-box; }
7998   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
7999     flex: 1 1 66.66%;
8000     max-width: 100%;
8001     max-height: 66.66%;
8002     box-sizing: border-box; }
8003   .layout-gt-xs-row > .flex-gt-xs-10 {
8004     flex: 1 1 10%;
8005     max-width: 10%;
8006     max-height: 100%;
8007     box-sizing: border-box; }
8008   .layout-gt-xs-column > .flex-gt-xs-10 {
8009     flex: 1 1 10%;
8010     max-width: 100%;
8011     max-height: 10%;
8012     box-sizing: border-box; }
8013   .flex-gt-xs-15 {
8014     flex: 1 1 15%;
8015     max-width: 15%;
8016     max-height: 100%;
8017     box-sizing: border-box; }
8018   .layout-row > .flex-gt-xs-15 {
8019     flex: 1 1 15%;
8020     max-width: 15%;
8021     max-height: 100%;
8022     box-sizing: border-box; }
8023   .layout-column > .flex-gt-xs-15 {
8024     flex: 1 1 15%;
8025     max-width: 100%;
8026     max-height: 15%;
8027     box-sizing: border-box; }
8028   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8029     flex: 1 1 33.33%;
8030     max-width: 33.33%;
8031     max-height: 100%;
8032     box-sizing: border-box; }
8033   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8034     flex: 1 1 66.66%;
8035     max-width: 66.66%;
8036     max-height: 100%;
8037     box-sizing: border-box; }
8038   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8039     flex: 1 1 33.33%;
8040     max-width: 100%;
8041     max-height: 33.33%;
8042     box-sizing: border-box; }
8043   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8044     flex: 1 1 66.66%;
8045     max-width: 100%;
8046     max-height: 66.66%;
8047     box-sizing: border-box; }
8048   .layout-gt-xs-row > .flex-gt-xs-15 {
8049     flex: 1 1 15%;
8050     max-width: 15%;
8051     max-height: 100%;
8052     box-sizing: border-box; }
8053   .layout-gt-xs-column > .flex-gt-xs-15 {
8054     flex: 1 1 15%;
8055     max-width: 100%;
8056     max-height: 15%;
8057     box-sizing: border-box; }
8058   .flex-gt-xs-20 {
8059     flex: 1 1 20%;
8060     max-width: 20%;
8061     max-height: 100%;
8062     box-sizing: border-box; }
8063   .layout-row > .flex-gt-xs-20 {
8064     flex: 1 1 20%;
8065     max-width: 20%;
8066     max-height: 100%;
8067     box-sizing: border-box; }
8068   .layout-column > .flex-gt-xs-20 {
8069     flex: 1 1 20%;
8070     max-width: 100%;
8071     max-height: 20%;
8072     box-sizing: border-box; }
8073   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8074     flex: 1 1 33.33%;
8075     max-width: 33.33%;
8076     max-height: 100%;
8077     box-sizing: border-box; }
8078   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8079     flex: 1 1 66.66%;
8080     max-width: 66.66%;
8081     max-height: 100%;
8082     box-sizing: border-box; }
8083   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8084     flex: 1 1 33.33%;
8085     max-width: 100%;
8086     max-height: 33.33%;
8087     box-sizing: border-box; }
8088   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8089     flex: 1 1 66.66%;
8090     max-width: 100%;
8091     max-height: 66.66%;
8092     box-sizing: border-box; }
8093   .layout-gt-xs-row > .flex-gt-xs-20 {
8094     flex: 1 1 20%;
8095     max-width: 20%;
8096     max-height: 100%;
8097     box-sizing: border-box; }
8098   .layout-gt-xs-column > .flex-gt-xs-20 {
8099     flex: 1 1 20%;
8100     max-width: 100%;
8101     max-height: 20%;
8102     box-sizing: border-box; }
8103   .flex-gt-xs-25 {
8104     flex: 1 1 25%;
8105     max-width: 25%;
8106     max-height: 100%;
8107     box-sizing: border-box; }
8108   .layout-row > .flex-gt-xs-25 {
8109     flex: 1 1 25%;
8110     max-width: 25%;
8111     max-height: 100%;
8112     box-sizing: border-box; }
8113   .layout-column > .flex-gt-xs-25 {
8114     flex: 1 1 25%;
8115     max-width: 100%;
8116     max-height: 25%;
8117     box-sizing: border-box; }
8118   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8119     flex: 1 1 33.33%;
8120     max-width: 33.33%;
8121     max-height: 100%;
8122     box-sizing: border-box; }
8123   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8124     flex: 1 1 66.66%;
8125     max-width: 66.66%;
8126     max-height: 100%;
8127     box-sizing: border-box; }
8128   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8129     flex: 1 1 33.33%;
8130     max-width: 100%;
8131     max-height: 33.33%;
8132     box-sizing: border-box; }
8133   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8134     flex: 1 1 66.66%;
8135     max-width: 100%;
8136     max-height: 66.66%;
8137     box-sizing: border-box; }
8138   .layout-gt-xs-row > .flex-gt-xs-25 {
8139     flex: 1 1 25%;
8140     max-width: 25%;
8141     max-height: 100%;
8142     box-sizing: border-box; }
8143   .layout-gt-xs-column > .flex-gt-xs-25 {
8144     flex: 1 1 25%;
8145     max-width: 100%;
8146     max-height: 25%;
8147     box-sizing: border-box; }
8148   .flex-gt-xs-30 {
8149     flex: 1 1 30%;
8150     max-width: 30%;
8151     max-height: 100%;
8152     box-sizing: border-box; }
8153   .layout-row > .flex-gt-xs-30 {
8154     flex: 1 1 30%;
8155     max-width: 30%;
8156     max-height: 100%;
8157     box-sizing: border-box; }
8158   .layout-column > .flex-gt-xs-30 {
8159     flex: 1 1 30%;
8160     max-width: 100%;
8161     max-height: 30%;
8162     box-sizing: border-box; }
8163   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8164     flex: 1 1 33.33%;
8165     max-width: 33.33%;
8166     max-height: 100%;
8167     box-sizing: border-box; }
8168   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8169     flex: 1 1 66.66%;
8170     max-width: 66.66%;
8171     max-height: 100%;
8172     box-sizing: border-box; }
8173   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8174     flex: 1 1 33.33%;
8175     max-width: 100%;
8176     max-height: 33.33%;
8177     box-sizing: border-box; }
8178   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8179     flex: 1 1 66.66%;
8180     max-width: 100%;
8181     max-height: 66.66%;
8182     box-sizing: border-box; }
8183   .layout-gt-xs-row > .flex-gt-xs-30 {
8184     flex: 1 1 30%;
8185     max-width: 30%;
8186     max-height: 100%;
8187     box-sizing: border-box; }
8188   .layout-gt-xs-column > .flex-gt-xs-30 {
8189     flex: 1 1 30%;
8190     max-width: 100%;
8191     max-height: 30%;
8192     box-sizing: border-box; }
8193   .flex-gt-xs-35 {
8194     flex: 1 1 35%;
8195     max-width: 35%;
8196     max-height: 100%;
8197     box-sizing: border-box; }
8198   .layout-row > .flex-gt-xs-35 {
8199     flex: 1 1 35%;
8200     max-width: 35%;
8201     max-height: 100%;
8202     box-sizing: border-box; }
8203   .layout-column > .flex-gt-xs-35 {
8204     flex: 1 1 35%;
8205     max-width: 100%;
8206     max-height: 35%;
8207     box-sizing: border-box; }
8208   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8209     flex: 1 1 33.33%;
8210     max-width: 33.33%;
8211     max-height: 100%;
8212     box-sizing: border-box; }
8213   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8214     flex: 1 1 66.66%;
8215     max-width: 66.66%;
8216     max-height: 100%;
8217     box-sizing: border-box; }
8218   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8219     flex: 1 1 33.33%;
8220     max-width: 100%;
8221     max-height: 33.33%;
8222     box-sizing: border-box; }
8223   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8224     flex: 1 1 66.66%;
8225     max-width: 100%;
8226     max-height: 66.66%;
8227     box-sizing: border-box; }
8228   .layout-gt-xs-row > .flex-gt-xs-35 {
8229     flex: 1 1 35%;
8230     max-width: 35%;
8231     max-height: 100%;
8232     box-sizing: border-box; }
8233   .layout-gt-xs-column > .flex-gt-xs-35 {
8234     flex: 1 1 35%;
8235     max-width: 100%;
8236     max-height: 35%;
8237     box-sizing: border-box; }
8238   .flex-gt-xs-40 {
8239     flex: 1 1 40%;
8240     max-width: 40%;
8241     max-height: 100%;
8242     box-sizing: border-box; }
8243   .layout-row > .flex-gt-xs-40 {
8244     flex: 1 1 40%;
8245     max-width: 40%;
8246     max-height: 100%;
8247     box-sizing: border-box; }
8248   .layout-column > .flex-gt-xs-40 {
8249     flex: 1 1 40%;
8250     max-width: 100%;
8251     max-height: 40%;
8252     box-sizing: border-box; }
8253   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8254     flex: 1 1 33.33%;
8255     max-width: 33.33%;
8256     max-height: 100%;
8257     box-sizing: border-box; }
8258   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8259     flex: 1 1 66.66%;
8260     max-width: 66.66%;
8261     max-height: 100%;
8262     box-sizing: border-box; }
8263   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8264     flex: 1 1 33.33%;
8265     max-width: 100%;
8266     max-height: 33.33%;
8267     box-sizing: border-box; }
8268   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8269     flex: 1 1 66.66%;
8270     max-width: 100%;
8271     max-height: 66.66%;
8272     box-sizing: border-box; }
8273   .layout-gt-xs-row > .flex-gt-xs-40 {
8274     flex: 1 1 40%;
8275     max-width: 40%;
8276     max-height: 100%;
8277     box-sizing: border-box; }
8278   .layout-gt-xs-column > .flex-gt-xs-40 {
8279     flex: 1 1 40%;
8280     max-width: 100%;
8281     max-height: 40%;
8282     box-sizing: border-box; }
8283   .flex-gt-xs-45 {
8284     flex: 1 1 45%;
8285     max-width: 45%;
8286     max-height: 100%;
8287     box-sizing: border-box; }
8288   .layout-row > .flex-gt-xs-45 {
8289     flex: 1 1 45%;
8290     max-width: 45%;
8291     max-height: 100%;
8292     box-sizing: border-box; }
8293   .layout-column > .flex-gt-xs-45 {
8294     flex: 1 1 45%;
8295     max-width: 100%;
8296     max-height: 45%;
8297     box-sizing: border-box; }
8298   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8299     flex: 1 1 33.33%;
8300     max-width: 33.33%;
8301     max-height: 100%;
8302     box-sizing: border-box; }
8303   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8304     flex: 1 1 66.66%;
8305     max-width: 66.66%;
8306     max-height: 100%;
8307     box-sizing: border-box; }
8308   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8309     flex: 1 1 33.33%;
8310     max-width: 100%;
8311     max-height: 33.33%;
8312     box-sizing: border-box; }
8313   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8314     flex: 1 1 66.66%;
8315     max-width: 100%;
8316     max-height: 66.66%;
8317     box-sizing: border-box; }
8318   .layout-gt-xs-row > .flex-gt-xs-45 {
8319     flex: 1 1 45%;
8320     max-width: 45%;
8321     max-height: 100%;
8322     box-sizing: border-box; }
8323   .layout-gt-xs-column > .flex-gt-xs-45 {
8324     flex: 1 1 45%;
8325     max-width: 100%;
8326     max-height: 45%;
8327     box-sizing: border-box; }
8328   .flex-gt-xs-50 {
8329     flex: 1 1 50%;
8330     max-width: 50%;
8331     max-height: 100%;
8332     box-sizing: border-box; }
8333   .layout-row > .flex-gt-xs-50 {
8334     flex: 1 1 50%;
8335     max-width: 50%;
8336     max-height: 100%;
8337     box-sizing: border-box; }
8338   .layout-column > .flex-gt-xs-50 {
8339     flex: 1 1 50%;
8340     max-width: 100%;
8341     max-height: 50%;
8342     box-sizing: border-box; }
8343   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8344     flex: 1 1 33.33%;
8345     max-width: 33.33%;
8346     max-height: 100%;
8347     box-sizing: border-box; }
8348   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8349     flex: 1 1 66.66%;
8350     max-width: 66.66%;
8351     max-height: 100%;
8352     box-sizing: border-box; }
8353   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8354     flex: 1 1 33.33%;
8355     max-width: 100%;
8356     max-height: 33.33%;
8357     box-sizing: border-box; }
8358   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8359     flex: 1 1 66.66%;
8360     max-width: 100%;
8361     max-height: 66.66%;
8362     box-sizing: border-box; }
8363   .layout-gt-xs-row > .flex-gt-xs-50 {
8364     flex: 1 1 50%;
8365     max-width: 50%;
8366     max-height: 100%;
8367     box-sizing: border-box; }
8368   .layout-gt-xs-column > .flex-gt-xs-50 {
8369     flex: 1 1 50%;
8370     max-width: 100%;
8371     max-height: 50%;
8372     box-sizing: border-box; }
8373   .flex-gt-xs-55 {
8374     flex: 1 1 55%;
8375     max-width: 55%;
8376     max-height: 100%;
8377     box-sizing: border-box; }
8378   .layout-row > .flex-gt-xs-55 {
8379     flex: 1 1 55%;
8380     max-width: 55%;
8381     max-height: 100%;
8382     box-sizing: border-box; }
8383   .layout-column > .flex-gt-xs-55 {
8384     flex: 1 1 55%;
8385     max-width: 100%;
8386     max-height: 55%;
8387     box-sizing: border-box; }
8388   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8389     flex: 1 1 33.33%;
8390     max-width: 33.33%;
8391     max-height: 100%;
8392     box-sizing: border-box; }
8393   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8394     flex: 1 1 66.66%;
8395     max-width: 66.66%;
8396     max-height: 100%;
8397     box-sizing: border-box; }
8398   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8399     flex: 1 1 33.33%;
8400     max-width: 100%;
8401     max-height: 33.33%;
8402     box-sizing: border-box; }
8403   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8404     flex: 1 1 66.66%;
8405     max-width: 100%;
8406     max-height: 66.66%;
8407     box-sizing: border-box; }
8408   .layout-gt-xs-row > .flex-gt-xs-55 {
8409     flex: 1 1 55%;
8410     max-width: 55%;
8411     max-height: 100%;
8412     box-sizing: border-box; }
8413   .layout-gt-xs-column > .flex-gt-xs-55 {
8414     flex: 1 1 55%;
8415     max-width: 100%;
8416     max-height: 55%;
8417     box-sizing: border-box; }
8418   .flex-gt-xs-60 {
8419     flex: 1 1 60%;
8420     max-width: 60%;
8421     max-height: 100%;
8422     box-sizing: border-box; }
8423   .layout-row > .flex-gt-xs-60 {
8424     flex: 1 1 60%;
8425     max-width: 60%;
8426     max-height: 100%;
8427     box-sizing: border-box; }
8428   .layout-column > .flex-gt-xs-60 {
8429     flex: 1 1 60%;
8430     max-width: 100%;
8431     max-height: 60%;
8432     box-sizing: border-box; }
8433   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8434     flex: 1 1 33.33%;
8435     max-width: 33.33%;
8436     max-height: 100%;
8437     box-sizing: border-box; }
8438   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8439     flex: 1 1 66.66%;
8440     max-width: 66.66%;
8441     max-height: 100%;
8442     box-sizing: border-box; }
8443   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8444     flex: 1 1 33.33%;
8445     max-width: 100%;
8446     max-height: 33.33%;
8447     box-sizing: border-box; }
8448   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8449     flex: 1 1 66.66%;
8450     max-width: 100%;
8451     max-height: 66.66%;
8452     box-sizing: border-box; }
8453   .layout-gt-xs-row > .flex-gt-xs-60 {
8454     flex: 1 1 60%;
8455     max-width: 60%;
8456     max-height: 100%;
8457     box-sizing: border-box; }
8458   .layout-gt-xs-column > .flex-gt-xs-60 {
8459     flex: 1 1 60%;
8460     max-width: 100%;
8461     max-height: 60%;
8462     box-sizing: border-box; }
8463   .flex-gt-xs-65 {
8464     flex: 1 1 65%;
8465     max-width: 65%;
8466     max-height: 100%;
8467     box-sizing: border-box; }
8468   .layout-row > .flex-gt-xs-65 {
8469     flex: 1 1 65%;
8470     max-width: 65%;
8471     max-height: 100%;
8472     box-sizing: border-box; }
8473   .layout-column > .flex-gt-xs-65 {
8474     flex: 1 1 65%;
8475     max-width: 100%;
8476     max-height: 65%;
8477     box-sizing: border-box; }
8478   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8479     flex: 1 1 33.33%;
8480     max-width: 33.33%;
8481     max-height: 100%;
8482     box-sizing: border-box; }
8483   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8484     flex: 1 1 66.66%;
8485     max-width: 66.66%;
8486     max-height: 100%;
8487     box-sizing: border-box; }
8488   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8489     flex: 1 1 33.33%;
8490     max-width: 100%;
8491     max-height: 33.33%;
8492     box-sizing: border-box; }
8493   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8494     flex: 1 1 66.66%;
8495     max-width: 100%;
8496     max-height: 66.66%;
8497     box-sizing: border-box; }
8498   .layout-gt-xs-row > .flex-gt-xs-65 {
8499     flex: 1 1 65%;
8500     max-width: 65%;
8501     max-height: 100%;
8502     box-sizing: border-box; }
8503   .layout-gt-xs-column > .flex-gt-xs-65 {
8504     flex: 1 1 65%;
8505     max-width: 100%;
8506     max-height: 65%;
8507     box-sizing: border-box; }
8508   .flex-gt-xs-70 {
8509     flex: 1 1 70%;
8510     max-width: 70%;
8511     max-height: 100%;
8512     box-sizing: border-box; }
8513   .layout-row > .flex-gt-xs-70 {
8514     flex: 1 1 70%;
8515     max-width: 70%;
8516     max-height: 100%;
8517     box-sizing: border-box; }
8518   .layout-column > .flex-gt-xs-70 {
8519     flex: 1 1 70%;
8520     max-width: 100%;
8521     max-height: 70%;
8522     box-sizing: border-box; }
8523   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8524     flex: 1 1 33.33%;
8525     max-width: 33.33%;
8526     max-height: 100%;
8527     box-sizing: border-box; }
8528   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8529     flex: 1 1 66.66%;
8530     max-width: 66.66%;
8531     max-height: 100%;
8532     box-sizing: border-box; }
8533   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8534     flex: 1 1 33.33%;
8535     max-width: 100%;
8536     max-height: 33.33%;
8537     box-sizing: border-box; }
8538   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8539     flex: 1 1 66.66%;
8540     max-width: 100%;
8541     max-height: 66.66%;
8542     box-sizing: border-box; }
8543   .layout-gt-xs-row > .flex-gt-xs-70 {
8544     flex: 1 1 70%;
8545     max-width: 70%;
8546     max-height: 100%;
8547     box-sizing: border-box; }
8548   .layout-gt-xs-column > .flex-gt-xs-70 {
8549     flex: 1 1 70%;
8550     max-width: 100%;
8551     max-height: 70%;
8552     box-sizing: border-box; }
8553   .flex-gt-xs-75 {
8554     flex: 1 1 75%;
8555     max-width: 75%;
8556     max-height: 100%;
8557     box-sizing: border-box; }
8558   .layout-row > .flex-gt-xs-75 {
8559     flex: 1 1 75%;
8560     max-width: 75%;
8561     max-height: 100%;
8562     box-sizing: border-box; }
8563   .layout-column > .flex-gt-xs-75 {
8564     flex: 1 1 75%;
8565     max-width: 100%;
8566     max-height: 75%;
8567     box-sizing: border-box; }
8568   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8569     flex: 1 1 33.33%;
8570     max-width: 33.33%;
8571     max-height: 100%;
8572     box-sizing: border-box; }
8573   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8574     flex: 1 1 66.66%;
8575     max-width: 66.66%;
8576     max-height: 100%;
8577     box-sizing: border-box; }
8578   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8579     flex: 1 1 33.33%;
8580     max-width: 100%;
8581     max-height: 33.33%;
8582     box-sizing: border-box; }
8583   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8584     flex: 1 1 66.66%;
8585     max-width: 100%;
8586     max-height: 66.66%;
8587     box-sizing: border-box; }
8588   .layout-gt-xs-row > .flex-gt-xs-75 {
8589     flex: 1 1 75%;
8590     max-width: 75%;
8591     max-height: 100%;
8592     box-sizing: border-box; }
8593   .layout-gt-xs-column > .flex-gt-xs-75 {
8594     flex: 1 1 75%;
8595     max-width: 100%;
8596     max-height: 75%;
8597     box-sizing: border-box; }
8598   .flex-gt-xs-80 {
8599     flex: 1 1 80%;
8600     max-width: 80%;
8601     max-height: 100%;
8602     box-sizing: border-box; }
8603   .layout-row > .flex-gt-xs-80 {
8604     flex: 1 1 80%;
8605     max-width: 80%;
8606     max-height: 100%;
8607     box-sizing: border-box; }
8608   .layout-column > .flex-gt-xs-80 {
8609     flex: 1 1 80%;
8610     max-width: 100%;
8611     max-height: 80%;
8612     box-sizing: border-box; }
8613   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8614     flex: 1 1 33.33%;
8615     max-width: 33.33%;
8616     max-height: 100%;
8617     box-sizing: border-box; }
8618   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8619     flex: 1 1 66.66%;
8620     max-width: 66.66%;
8621     max-height: 100%;
8622     box-sizing: border-box; }
8623   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8624     flex: 1 1 33.33%;
8625     max-width: 100%;
8626     max-height: 33.33%;
8627     box-sizing: border-box; }
8628   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8629     flex: 1 1 66.66%;
8630     max-width: 100%;
8631     max-height: 66.66%;
8632     box-sizing: border-box; }
8633   .layout-gt-xs-row > .flex-gt-xs-80 {
8634     flex: 1 1 80%;
8635     max-width: 80%;
8636     max-height: 100%;
8637     box-sizing: border-box; }
8638   .layout-gt-xs-column > .flex-gt-xs-80 {
8639     flex: 1 1 80%;
8640     max-width: 100%;
8641     max-height: 80%;
8642     box-sizing: border-box; }
8643   .flex-gt-xs-85 {
8644     flex: 1 1 85%;
8645     max-width: 85%;
8646     max-height: 100%;
8647     box-sizing: border-box; }
8648   .layout-row > .flex-gt-xs-85 {
8649     flex: 1 1 85%;
8650     max-width: 85%;
8651     max-height: 100%;
8652     box-sizing: border-box; }
8653   .layout-column > .flex-gt-xs-85 {
8654     flex: 1 1 85%;
8655     max-width: 100%;
8656     max-height: 85%;
8657     box-sizing: border-box; }
8658   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8659     flex: 1 1 33.33%;
8660     max-width: 33.33%;
8661     max-height: 100%;
8662     box-sizing: border-box; }
8663   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8664     flex: 1 1 66.66%;
8665     max-width: 66.66%;
8666     max-height: 100%;
8667     box-sizing: border-box; }
8668   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8669     flex: 1 1 33.33%;
8670     max-width: 100%;
8671     max-height: 33.33%;
8672     box-sizing: border-box; }
8673   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8674     flex: 1 1 66.66%;
8675     max-width: 100%;
8676     max-height: 66.66%;
8677     box-sizing: border-box; }
8678   .layout-gt-xs-row > .flex-gt-xs-85 {
8679     flex: 1 1 85%;
8680     max-width: 85%;
8681     max-height: 100%;
8682     box-sizing: border-box; }
8683   .layout-gt-xs-column > .flex-gt-xs-85 {
8684     flex: 1 1 85%;
8685     max-width: 100%;
8686     max-height: 85%;
8687     box-sizing: border-box; }
8688   .flex-gt-xs-90 {
8689     flex: 1 1 90%;
8690     max-width: 90%;
8691     max-height: 100%;
8692     box-sizing: border-box; }
8693   .layout-row > .flex-gt-xs-90 {
8694     flex: 1 1 90%;
8695     max-width: 90%;
8696     max-height: 100%;
8697     box-sizing: border-box; }
8698   .layout-column > .flex-gt-xs-90 {
8699     flex: 1 1 90%;
8700     max-width: 100%;
8701     max-height: 90%;
8702     box-sizing: border-box; }
8703   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8704     flex: 1 1 33.33%;
8705     max-width: 33.33%;
8706     max-height: 100%;
8707     box-sizing: border-box; }
8708   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8709     flex: 1 1 66.66%;
8710     max-width: 66.66%;
8711     max-height: 100%;
8712     box-sizing: border-box; }
8713   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8714     flex: 1 1 33.33%;
8715     max-width: 100%;
8716     max-height: 33.33%;
8717     box-sizing: border-box; }
8718   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8719     flex: 1 1 66.66%;
8720     max-width: 100%;
8721     max-height: 66.66%;
8722     box-sizing: border-box; }
8723   .layout-gt-xs-row > .flex-gt-xs-90 {
8724     flex: 1 1 90%;
8725     max-width: 90%;
8726     max-height: 100%;
8727     box-sizing: border-box; }
8728   .layout-gt-xs-column > .flex-gt-xs-90 {
8729     flex: 1 1 90%;
8730     max-width: 100%;
8731     max-height: 90%;
8732     box-sizing: border-box; }
8733   .flex-gt-xs-95 {
8734     flex: 1 1 95%;
8735     max-width: 95%;
8736     max-height: 100%;
8737     box-sizing: border-box; }
8738   .layout-row > .flex-gt-xs-95 {
8739     flex: 1 1 95%;
8740     max-width: 95%;
8741     max-height: 100%;
8742     box-sizing: border-box; }
8743   .layout-column > .flex-gt-xs-95 {
8744     flex: 1 1 95%;
8745     max-width: 100%;
8746     max-height: 95%;
8747     box-sizing: border-box; }
8748   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8749     flex: 1 1 33.33%;
8750     max-width: 33.33%;
8751     max-height: 100%;
8752     box-sizing: border-box; }
8753   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8754     flex: 1 1 66.66%;
8755     max-width: 66.66%;
8756     max-height: 100%;
8757     box-sizing: border-box; }
8758   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8759     flex: 1 1 33.33%;
8760     max-width: 100%;
8761     max-height: 33.33%;
8762     box-sizing: border-box; }
8763   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8764     flex: 1 1 66.66%;
8765     max-width: 100%;
8766     max-height: 66.66%;
8767     box-sizing: border-box; }
8768   .layout-gt-xs-row > .flex-gt-xs-95 {
8769     flex: 1 1 95%;
8770     max-width: 95%;
8771     max-height: 100%;
8772     box-sizing: border-box; }
8773   .layout-gt-xs-column > .flex-gt-xs-95 {
8774     flex: 1 1 95%;
8775     max-width: 100%;
8776     max-height: 95%;
8777     box-sizing: border-box; }
8778   .flex-gt-xs-100 {
8779     flex: 1 1 100%;
8780     max-width: 100%;
8781     max-height: 100%;
8782     box-sizing: border-box; }
8783   .layout-row > .flex-gt-xs-100 {
8784     flex: 1 1 100%;
8785     max-width: 100%;
8786     max-height: 100%;
8787     box-sizing: border-box; }
8788   .layout-column > .flex-gt-xs-100 {
8789     flex: 1 1 100%;
8790     max-width: 100%;
8791     max-height: 100%;
8792     box-sizing: border-box; }
8793   .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
8794     flex: 1 1 33.33%;
8795     max-width: 33.33%;
8796     max-height: 100%;
8797     box-sizing: border-box; }
8798   .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
8799     flex: 1 1 66.66%;
8800     max-width: 66.66%;
8801     max-height: 100%;
8802     box-sizing: border-box; }
8803   .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
8804     flex: 1 1 33.33%;
8805     max-width: 100%;
8806     max-height: 33.33%;
8807     box-sizing: border-box; }
8808   .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
8809     flex: 1 1 66.66%;
8810     max-width: 100%;
8811     max-height: 66.66%;
8812     box-sizing: border-box; }
8813   .layout-gt-xs-row > .flex-gt-xs-100 {
8814     flex: 1 1 100%;
8815     max-width: 100%;
8816     max-height: 100%;
8817     box-sizing: border-box; }
8818   .layout-gt-xs-column > .flex-gt-xs-100 {
8819     flex: 1 1 100%;
8820     max-width: 100%;
8821     max-height: 100%;
8822     box-sizing: border-box; }
8823   .layout-gt-xs-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33 {
8824     flex: 1 1 33.33%;
8825     max-width: 33.33%;
8826     max-height: 100%;
8827     box-sizing: border-box; }
8828   .layout-gt-xs-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66 {
8829     flex: 1 1 66.66%;
8830     max-width: 66.66%;
8831     max-height: 100%;
8832     box-sizing: border-box; }
8833   .layout-gt-xs-row > .flex {
8834     min-width: 0; }
8835   .layout-gt-xs-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33 {
8836     flex: 1 1 33.33%;
8837     max-width: 100%;
8838     max-height: 33.33%;
8839     box-sizing: border-box; }
8840   .layout-gt-xs-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66 {
8841     flex: 1 1 66.66%;
8842     max-width: 100%;
8843     max-height: 66.66%;
8844     box-sizing: border-box; }
8845   .layout-gt-xs-column > .flex {
8846     min-height: 0; }
8847   .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
8848     box-sizing: border-box;
8849     display: -webkit-box;
8850     display: -webkit-flex;
8851     display: -moz-box;
8852     display: -ms-flexbox;
8853     display: flex; }
8854   .layout-gt-xs-column {
8855     flex-direction: column; }
8856   .layout-gt-xs-row {
8857     flex-direction: row; } }
8858
8859 @media (min-width: 600px) and (max-width: 959px) {
8860   .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
8861     display: none; }
8862   .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
8863     display: none; }
8864   .flex-order-sm--20 {
8865     order: -20; }
8866   .flex-order-sm--19 {
8867     order: -19; }
8868   .flex-order-sm--18 {
8869     order: -18; }
8870   .flex-order-sm--17 {
8871     order: -17; }
8872   .flex-order-sm--16 {
8873     order: -16; }
8874   .flex-order-sm--15 {
8875     order: -15; }
8876   .flex-order-sm--14 {
8877     order: -14; }
8878   .flex-order-sm--13 {
8879     order: -13; }
8880   .flex-order-sm--12 {
8881     order: -12; }
8882   .flex-order-sm--11 {
8883     order: -11; }
8884   .flex-order-sm--10 {
8885     order: -10; }
8886   .flex-order-sm--9 {
8887     order: -9; }
8888   .flex-order-sm--8 {
8889     order: -8; }
8890   .flex-order-sm--7 {
8891     order: -7; }
8892   .flex-order-sm--6 {
8893     order: -6; }
8894   .flex-order-sm--5 {
8895     order: -5; }
8896   .flex-order-sm--4 {
8897     order: -4; }
8898   .flex-order-sm--3 {
8899     order: -3; }
8900   .flex-order-sm--2 {
8901     order: -2; }
8902   .flex-order-sm--1 {
8903     order: -1; }
8904   .flex-order-sm-0 {
8905     order: 0; }
8906   .flex-order-sm-1 {
8907     order: 1; }
8908   .flex-order-sm-2 {
8909     order: 2; }
8910   .flex-order-sm-3 {
8911     order: 3; }
8912   .flex-order-sm-4 {
8913     order: 4; }
8914   .flex-order-sm-5 {
8915     order: 5; }
8916   .flex-order-sm-6 {
8917     order: 6; }
8918   .flex-order-sm-7 {
8919     order: 7; }
8920   .flex-order-sm-8 {
8921     order: 8; }
8922   .flex-order-sm-9 {
8923     order: 9; }
8924   .flex-order-sm-10 {
8925     order: 10; }
8926   .flex-order-sm-11 {
8927     order: 11; }
8928   .flex-order-sm-12 {
8929     order: 12; }
8930   .flex-order-sm-13 {
8931     order: 13; }
8932   .flex-order-sm-14 {
8933     order: 14; }
8934   .flex-order-sm-15 {
8935     order: 15; }
8936   .flex-order-sm-16 {
8937     order: 16; }
8938   .flex-order-sm-17 {
8939     order: 17; }
8940   .flex-order-sm-18 {
8941     order: 18; }
8942   .flex-order-sm-19 {
8943     order: 19; }
8944   .flex-order-sm-20 {
8945     order: 20; }
8946   .offset-sm-0, .flex-offset-sm-0 {
8947     margin-left: 0; }
8948     [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0 {
8949       margin-left: auto;
8950       margin-right: 0; }
8951   .offset-sm-5, .flex-offset-sm-5 {
8952     margin-left: 5%; }
8953     [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5 {
8954       margin-left: auto;
8955       margin-right: 5%; }
8956   .offset-sm-10, .flex-offset-sm-10 {
8957     margin-left: 10%; }
8958     [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10 {
8959       margin-left: auto;
8960       margin-right: 10%; }
8961   .offset-sm-15, .flex-offset-sm-15 {
8962     margin-left: 15%; }
8963     [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15 {
8964       margin-left: auto;
8965       margin-right: 15%; }
8966   .offset-sm-20, .flex-offset-sm-20 {
8967     margin-left: 20%; }
8968     [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20 {
8969       margin-left: auto;
8970       margin-right: 20%; }
8971   .offset-sm-25, .flex-offset-sm-25 {
8972     margin-left: 25%; }
8973     [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25 {
8974       margin-left: auto;
8975       margin-right: 25%; }
8976   .offset-sm-30, .flex-offset-sm-30 {
8977     margin-left: 30%; }
8978     [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30 {
8979       margin-left: auto;
8980       margin-right: 30%; }
8981   .offset-sm-35, .flex-offset-sm-35 {
8982     margin-left: 35%; }
8983     [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35 {
8984       margin-left: auto;
8985       margin-right: 35%; }
8986   .offset-sm-40, .flex-offset-sm-40 {
8987     margin-left: 40%; }
8988     [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40 {
8989       margin-left: auto;
8990       margin-right: 40%; }
8991   .offset-sm-45, .flex-offset-sm-45 {
8992     margin-left: 45%; }
8993     [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45 {
8994       margin-left: auto;
8995       margin-right: 45%; }
8996   .offset-sm-50, .flex-offset-sm-50 {
8997     margin-left: 50%; }
8998     [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50 {
8999       margin-left: auto;
9000       margin-right: 50%; }
9001   .offset-sm-55, .flex-offset-sm-55 {
9002     margin-left: 55%; }
9003     [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55 {
9004       margin-left: auto;
9005       margin-right: 55%; }
9006   .offset-sm-60, .flex-offset-sm-60 {
9007     margin-left: 60%; }
9008     [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60 {
9009       margin-left: auto;
9010       margin-right: 60%; }
9011   .offset-sm-65, .flex-offset-sm-65 {
9012     margin-left: 65%; }
9013     [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65 {
9014       margin-left: auto;
9015       margin-right: 65%; }
9016   .offset-sm-70, .flex-offset-sm-70 {
9017     margin-left: 70%; }
9018     [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70 {
9019       margin-left: auto;
9020       margin-right: 70%; }
9021   .offset-sm-75, .flex-offset-sm-75 {
9022     margin-left: 75%; }
9023     [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75 {
9024       margin-left: auto;
9025       margin-right: 75%; }
9026   .offset-sm-80, .flex-offset-sm-80 {
9027     margin-left: 80%; }
9028     [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80 {
9029       margin-left: auto;
9030       margin-right: 80%; }
9031   .offset-sm-85, .flex-offset-sm-85 {
9032     margin-left: 85%; }
9033     [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85 {
9034       margin-left: auto;
9035       margin-right: 85%; }
9036   .offset-sm-90, .flex-offset-sm-90 {
9037     margin-left: 90%; }
9038     [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90 {
9039       margin-left: auto;
9040       margin-right: 90%; }
9041   .offset-sm-95, .flex-offset-sm-95 {
9042     margin-left: 95%; }
9043     [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95 {
9044       margin-left: auto;
9045       margin-right: 95%; }
9046   .offset-sm-33, .flex-offset-sm-33 {
9047     margin-left: calc(100% / 3); }
9048   .offset-sm-66, .flex-offset-sm-66 {
9049     margin-left: calc(200% / 3); }
9050     [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66 {
9051       margin-left: auto;
9052       margin-right: calc(200% / 3); }
9053   .layout-align-sm,
9054   .layout-align-sm-start-stretch {
9055     justify-content: flex-start;
9056     align-content: stretch;
9057     align-items: stretch; }
9058   .layout-align-sm-start,
9059   .layout-align-sm-start-start,
9060   .layout-align-sm-start-center,
9061   .layout-align-sm-start-end,
9062   .layout-align-sm-start-stretch {
9063     justify-content: flex-start; }
9064   .layout-align-sm-center,
9065   .layout-align-sm-center-start,
9066   .layout-align-sm-center-center,
9067   .layout-align-sm-center-end,
9068   .layout-align-sm-center-stretch {
9069     justify-content: center; }
9070   .layout-align-sm-end,
9071   .layout-align-sm-end-start,
9072   .layout-align-sm-end-center,
9073   .layout-align-sm-end-end,
9074   .layout-align-sm-end-stretch {
9075     justify-content: flex-end; }
9076   .layout-align-sm-space-around,
9077   .layout-align-sm-space-around-center,
9078   .layout-align-sm-space-around-start,
9079   .layout-align-sm-space-around-end,
9080   .layout-align-sm-space-around-stretch {
9081     justify-content: space-around; }
9082   .layout-align-sm-space-between,
9083   .layout-align-sm-space-between-center,
9084   .layout-align-sm-space-between-start,
9085   .layout-align-sm-space-between-end,
9086   .layout-align-sm-space-between-stretch {
9087     justify-content: space-between; }
9088   .layout-align-sm-start-start,
9089   .layout-align-sm-center-start,
9090   .layout-align-sm-end-start,
9091   .layout-align-sm-space-between-start,
9092   .layout-align-sm-space-around-start {
9093     align-items: flex-start;
9094     align-content: flex-start; }
9095   .layout-align-sm-start-center,
9096   .layout-align-sm-center-center,
9097   .layout-align-sm-end-center,
9098   .layout-align-sm-space-between-center,
9099   .layout-align-sm-space-around-center {
9100     align-items: center;
9101     align-content: center;
9102     max-width: 100%; }
9103   .layout-align-sm-start-center > *,
9104   .layout-align-sm-center-center > *,
9105   .layout-align-sm-end-center > *,
9106   .layout-align-sm-space-between-center > *,
9107   .layout-align-sm-space-around-center > * {
9108     max-width: 100%;
9109     box-sizing: border-box; }
9110   .layout-align-sm-start-end,
9111   .layout-align-sm-center-end,
9112   .layout-align-sm-end-end,
9113   .layout-align-sm-space-between-end,
9114   .layout-align-sm-space-around-end {
9115     align-items: flex-end;
9116     align-content: flex-end; }
9117   .layout-align-sm-start-stretch,
9118   .layout-align-sm-center-stretch,
9119   .layout-align-sm-end-stretch,
9120   .layout-align-sm-space-between-stretch,
9121   .layout-align-sm-space-around-stretch {
9122     align-items: stretch;
9123     align-content: stretch; }
9124   .flex-sm {
9125     flex: 1;
9126     box-sizing: border-box; }
9127   .flex-sm-grow {
9128     flex: 1 1 100%;
9129     box-sizing: border-box; }
9130   .flex-sm-initial {
9131     flex: 0 1 auto;
9132     box-sizing: border-box; }
9133   .flex-sm-auto {
9134     flex: 1 1 auto;
9135     box-sizing: border-box; }
9136   .flex-sm-none {
9137     flex: 0 0 auto;
9138     box-sizing: border-box; }
9139   .flex-sm-noshrink {
9140     flex: 1 0 auto;
9141     box-sizing: border-box; }
9142   .flex-sm-nogrow {
9143     flex: 0 1 auto;
9144     box-sizing: border-box; }
9145   .flex-sm-0 {
9146     flex: 1 1 0%;
9147     max-width: 0%;
9148     max-height: 100%;
9149     box-sizing: border-box; }
9150   .layout-row > .flex-sm-0 {
9151     flex: 1 1 0%;
9152     max-width: 0%;
9153     max-height: 100%;
9154     box-sizing: border-box;
9155     min-width: 0; }
9156   .layout-column > .flex-sm-0 {
9157     flex: 1 1 0%;
9158     max-width: 100%;
9159     max-height: 0%;
9160     box-sizing: border-box; }
9161   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9162     flex: 1 1 33.33%;
9163     max-width: 33.33%;
9164     max-height: 100%;
9165     box-sizing: border-box; }
9166   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9167     flex: 1 1 66.66%;
9168     max-width: 66.66%;
9169     max-height: 100%;
9170     box-sizing: border-box; }
9171   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9172     flex: 1 1 33.33%;
9173     max-width: 100%;
9174     max-height: 33.33%;
9175     box-sizing: border-box; }
9176   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9177     flex: 1 1 66.66%;
9178     max-width: 100%;
9179     max-height: 66.66%;
9180     box-sizing: border-box; }
9181   .layout-sm-row > .flex-sm-0 {
9182     flex: 1 1 0%;
9183     max-width: 0%;
9184     max-height: 100%;
9185     box-sizing: border-box;
9186     min-width: 0; }
9187   .layout-sm-column > .flex-sm-0 {
9188     flex: 1 1 0%;
9189     max-width: 100%;
9190     max-height: 0%;
9191     box-sizing: border-box;
9192     min-height: 0; }
9193   .flex-sm-5 {
9194     flex: 1 1 5%;
9195     max-width: 5%;
9196     max-height: 100%;
9197     box-sizing: border-box; }
9198   .layout-row > .flex-sm-5 {
9199     flex: 1 1 5%;
9200     max-width: 5%;
9201     max-height: 100%;
9202     box-sizing: border-box; }
9203   .layout-column > .flex-sm-5 {
9204     flex: 1 1 5%;
9205     max-width: 100%;
9206     max-height: 5%;
9207     box-sizing: border-box; }
9208   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9209     flex: 1 1 33.33%;
9210     max-width: 33.33%;
9211     max-height: 100%;
9212     box-sizing: border-box; }
9213   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9214     flex: 1 1 66.66%;
9215     max-width: 66.66%;
9216     max-height: 100%;
9217     box-sizing: border-box; }
9218   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9219     flex: 1 1 33.33%;
9220     max-width: 100%;
9221     max-height: 33.33%;
9222     box-sizing: border-box; }
9223   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9224     flex: 1 1 66.66%;
9225     max-width: 100%;
9226     max-height: 66.66%;
9227     box-sizing: border-box; }
9228   .layout-sm-row > .flex-sm-5 {
9229     flex: 1 1 5%;
9230     max-width: 5%;
9231     max-height: 100%;
9232     box-sizing: border-box; }
9233   .layout-sm-column > .flex-sm-5 {
9234     flex: 1 1 5%;
9235     max-width: 100%;
9236     max-height: 5%;
9237     box-sizing: border-box; }
9238   .flex-sm-10 {
9239     flex: 1 1 10%;
9240     max-width: 10%;
9241     max-height: 100%;
9242     box-sizing: border-box; }
9243   .layout-row > .flex-sm-10 {
9244     flex: 1 1 10%;
9245     max-width: 10%;
9246     max-height: 100%;
9247     box-sizing: border-box; }
9248   .layout-column > .flex-sm-10 {
9249     flex: 1 1 10%;
9250     max-width: 100%;
9251     max-height: 10%;
9252     box-sizing: border-box; }
9253   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9254     flex: 1 1 33.33%;
9255     max-width: 33.33%;
9256     max-height: 100%;
9257     box-sizing: border-box; }
9258   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9259     flex: 1 1 66.66%;
9260     max-width: 66.66%;
9261     max-height: 100%;
9262     box-sizing: border-box; }
9263   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9264     flex: 1 1 33.33%;
9265     max-width: 100%;
9266     max-height: 33.33%;
9267     box-sizing: border-box; }
9268   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9269     flex: 1 1 66.66%;
9270     max-width: 100%;
9271     max-height: 66.66%;
9272     box-sizing: border-box; }
9273   .layout-sm-row > .flex-sm-10 {
9274     flex: 1 1 10%;
9275     max-width: 10%;
9276     max-height: 100%;
9277     box-sizing: border-box; }
9278   .layout-sm-column > .flex-sm-10 {
9279     flex: 1 1 10%;
9280     max-width: 100%;
9281     max-height: 10%;
9282     box-sizing: border-box; }
9283   .flex-sm-15 {
9284     flex: 1 1 15%;
9285     max-width: 15%;
9286     max-height: 100%;
9287     box-sizing: border-box; }
9288   .layout-row > .flex-sm-15 {
9289     flex: 1 1 15%;
9290     max-width: 15%;
9291     max-height: 100%;
9292     box-sizing: border-box; }
9293   .layout-column > .flex-sm-15 {
9294     flex: 1 1 15%;
9295     max-width: 100%;
9296     max-height: 15%;
9297     box-sizing: border-box; }
9298   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9299     flex: 1 1 33.33%;
9300     max-width: 33.33%;
9301     max-height: 100%;
9302     box-sizing: border-box; }
9303   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9304     flex: 1 1 66.66%;
9305     max-width: 66.66%;
9306     max-height: 100%;
9307     box-sizing: border-box; }
9308   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9309     flex: 1 1 33.33%;
9310     max-width: 100%;
9311     max-height: 33.33%;
9312     box-sizing: border-box; }
9313   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9314     flex: 1 1 66.66%;
9315     max-width: 100%;
9316     max-height: 66.66%;
9317     box-sizing: border-box; }
9318   .layout-sm-row > .flex-sm-15 {
9319     flex: 1 1 15%;
9320     max-width: 15%;
9321     max-height: 100%;
9322     box-sizing: border-box; }
9323   .layout-sm-column > .flex-sm-15 {
9324     flex: 1 1 15%;
9325     max-width: 100%;
9326     max-height: 15%;
9327     box-sizing: border-box; }
9328   .flex-sm-20 {
9329     flex: 1 1 20%;
9330     max-width: 20%;
9331     max-height: 100%;
9332     box-sizing: border-box; }
9333   .layout-row > .flex-sm-20 {
9334     flex: 1 1 20%;
9335     max-width: 20%;
9336     max-height: 100%;
9337     box-sizing: border-box; }
9338   .layout-column > .flex-sm-20 {
9339     flex: 1 1 20%;
9340     max-width: 100%;
9341     max-height: 20%;
9342     box-sizing: border-box; }
9343   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9344     flex: 1 1 33.33%;
9345     max-width: 33.33%;
9346     max-height: 100%;
9347     box-sizing: border-box; }
9348   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9349     flex: 1 1 66.66%;
9350     max-width: 66.66%;
9351     max-height: 100%;
9352     box-sizing: border-box; }
9353   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9354     flex: 1 1 33.33%;
9355     max-width: 100%;
9356     max-height: 33.33%;
9357     box-sizing: border-box; }
9358   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9359     flex: 1 1 66.66%;
9360     max-width: 100%;
9361     max-height: 66.66%;
9362     box-sizing: border-box; }
9363   .layout-sm-row > .flex-sm-20 {
9364     flex: 1 1 20%;
9365     max-width: 20%;
9366     max-height: 100%;
9367     box-sizing: border-box; }
9368   .layout-sm-column > .flex-sm-20 {
9369     flex: 1 1 20%;
9370     max-width: 100%;
9371     max-height: 20%;
9372     box-sizing: border-box; }
9373   .flex-sm-25 {
9374     flex: 1 1 25%;
9375     max-width: 25%;
9376     max-height: 100%;
9377     box-sizing: border-box; }
9378   .layout-row > .flex-sm-25 {
9379     flex: 1 1 25%;
9380     max-width: 25%;
9381     max-height: 100%;
9382     box-sizing: border-box; }
9383   .layout-column > .flex-sm-25 {
9384     flex: 1 1 25%;
9385     max-width: 100%;
9386     max-height: 25%;
9387     box-sizing: border-box; }
9388   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9389     flex: 1 1 33.33%;
9390     max-width: 33.33%;
9391     max-height: 100%;
9392     box-sizing: border-box; }
9393   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9394     flex: 1 1 66.66%;
9395     max-width: 66.66%;
9396     max-height: 100%;
9397     box-sizing: border-box; }
9398   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9399     flex: 1 1 33.33%;
9400     max-width: 100%;
9401     max-height: 33.33%;
9402     box-sizing: border-box; }
9403   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9404     flex: 1 1 66.66%;
9405     max-width: 100%;
9406     max-height: 66.66%;
9407     box-sizing: border-box; }
9408   .layout-sm-row > .flex-sm-25 {
9409     flex: 1 1 25%;
9410     max-width: 25%;
9411     max-height: 100%;
9412     box-sizing: border-box; }
9413   .layout-sm-column > .flex-sm-25 {
9414     flex: 1 1 25%;
9415     max-width: 100%;
9416     max-height: 25%;
9417     box-sizing: border-box; }
9418   .flex-sm-30 {
9419     flex: 1 1 30%;
9420     max-width: 30%;
9421     max-height: 100%;
9422     box-sizing: border-box; }
9423   .layout-row > .flex-sm-30 {
9424     flex: 1 1 30%;
9425     max-width: 30%;
9426     max-height: 100%;
9427     box-sizing: border-box; }
9428   .layout-column > .flex-sm-30 {
9429     flex: 1 1 30%;
9430     max-width: 100%;
9431     max-height: 30%;
9432     box-sizing: border-box; }
9433   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9434     flex: 1 1 33.33%;
9435     max-width: 33.33%;
9436     max-height: 100%;
9437     box-sizing: border-box; }
9438   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9439     flex: 1 1 66.66%;
9440     max-width: 66.66%;
9441     max-height: 100%;
9442     box-sizing: border-box; }
9443   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9444     flex: 1 1 33.33%;
9445     max-width: 100%;
9446     max-height: 33.33%;
9447     box-sizing: border-box; }
9448   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9449     flex: 1 1 66.66%;
9450     max-width: 100%;
9451     max-height: 66.66%;
9452     box-sizing: border-box; }
9453   .layout-sm-row > .flex-sm-30 {
9454     flex: 1 1 30%;
9455     max-width: 30%;
9456     max-height: 100%;
9457     box-sizing: border-box; }
9458   .layout-sm-column > .flex-sm-30 {
9459     flex: 1 1 30%;
9460     max-width: 100%;
9461     max-height: 30%;
9462     box-sizing: border-box; }
9463   .flex-sm-35 {
9464     flex: 1 1 35%;
9465     max-width: 35%;
9466     max-height: 100%;
9467     box-sizing: border-box; }
9468   .layout-row > .flex-sm-35 {
9469     flex: 1 1 35%;
9470     max-width: 35%;
9471     max-height: 100%;
9472     box-sizing: border-box; }
9473   .layout-column > .flex-sm-35 {
9474     flex: 1 1 35%;
9475     max-width: 100%;
9476     max-height: 35%;
9477     box-sizing: border-box; }
9478   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9479     flex: 1 1 33.33%;
9480     max-width: 33.33%;
9481     max-height: 100%;
9482     box-sizing: border-box; }
9483   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9484     flex: 1 1 66.66%;
9485     max-width: 66.66%;
9486     max-height: 100%;
9487     box-sizing: border-box; }
9488   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9489     flex: 1 1 33.33%;
9490     max-width: 100%;
9491     max-height: 33.33%;
9492     box-sizing: border-box; }
9493   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9494     flex: 1 1 66.66%;
9495     max-width: 100%;
9496     max-height: 66.66%;
9497     box-sizing: border-box; }
9498   .layout-sm-row > .flex-sm-35 {
9499     flex: 1 1 35%;
9500     max-width: 35%;
9501     max-height: 100%;
9502     box-sizing: border-box; }
9503   .layout-sm-column > .flex-sm-35 {
9504     flex: 1 1 35%;
9505     max-width: 100%;
9506     max-height: 35%;
9507     box-sizing: border-box; }
9508   .flex-sm-40 {
9509     flex: 1 1 40%;
9510     max-width: 40%;
9511     max-height: 100%;
9512     box-sizing: border-box; }
9513   .layout-row > .flex-sm-40 {
9514     flex: 1 1 40%;
9515     max-width: 40%;
9516     max-height: 100%;
9517     box-sizing: border-box; }
9518   .layout-column > .flex-sm-40 {
9519     flex: 1 1 40%;
9520     max-width: 100%;
9521     max-height: 40%;
9522     box-sizing: border-box; }
9523   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9524     flex: 1 1 33.33%;
9525     max-width: 33.33%;
9526     max-height: 100%;
9527     box-sizing: border-box; }
9528   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9529     flex: 1 1 66.66%;
9530     max-width: 66.66%;
9531     max-height: 100%;
9532     box-sizing: border-box; }
9533   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9534     flex: 1 1 33.33%;
9535     max-width: 100%;
9536     max-height: 33.33%;
9537     box-sizing: border-box; }
9538   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9539     flex: 1 1 66.66%;
9540     max-width: 100%;
9541     max-height: 66.66%;
9542     box-sizing: border-box; }
9543   .layout-sm-row > .flex-sm-40 {
9544     flex: 1 1 40%;
9545     max-width: 40%;
9546     max-height: 100%;
9547     box-sizing: border-box; }
9548   .layout-sm-column > .flex-sm-40 {
9549     flex: 1 1 40%;
9550     max-width: 100%;
9551     max-height: 40%;
9552     box-sizing: border-box; }
9553   .flex-sm-45 {
9554     flex: 1 1 45%;
9555     max-width: 45%;
9556     max-height: 100%;
9557     box-sizing: border-box; }
9558   .layout-row > .flex-sm-45 {
9559     flex: 1 1 45%;
9560     max-width: 45%;
9561     max-height: 100%;
9562     box-sizing: border-box; }
9563   .layout-column > .flex-sm-45 {
9564     flex: 1 1 45%;
9565     max-width: 100%;
9566     max-height: 45%;
9567     box-sizing: border-box; }
9568   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9569     flex: 1 1 33.33%;
9570     max-width: 33.33%;
9571     max-height: 100%;
9572     box-sizing: border-box; }
9573   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9574     flex: 1 1 66.66%;
9575     max-width: 66.66%;
9576     max-height: 100%;
9577     box-sizing: border-box; }
9578   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9579     flex: 1 1 33.33%;
9580     max-width: 100%;
9581     max-height: 33.33%;
9582     box-sizing: border-box; }
9583   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9584     flex: 1 1 66.66%;
9585     max-width: 100%;
9586     max-height: 66.66%;
9587     box-sizing: border-box; }
9588   .layout-sm-row > .flex-sm-45 {
9589     flex: 1 1 45%;
9590     max-width: 45%;
9591     max-height: 100%;
9592     box-sizing: border-box; }
9593   .layout-sm-column > .flex-sm-45 {
9594     flex: 1 1 45%;
9595     max-width: 100%;
9596     max-height: 45%;
9597     box-sizing: border-box; }
9598   .flex-sm-50 {
9599     flex: 1 1 50%;
9600     max-width: 50%;
9601     max-height: 100%;
9602     box-sizing: border-box; }
9603   .layout-row > .flex-sm-50 {
9604     flex: 1 1 50%;
9605     max-width: 50%;
9606     max-height: 100%;
9607     box-sizing: border-box; }
9608   .layout-column > .flex-sm-50 {
9609     flex: 1 1 50%;
9610     max-width: 100%;
9611     max-height: 50%;
9612     box-sizing: border-box; }
9613   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9614     flex: 1 1 33.33%;
9615     max-width: 33.33%;
9616     max-height: 100%;
9617     box-sizing: border-box; }
9618   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9619     flex: 1 1 66.66%;
9620     max-width: 66.66%;
9621     max-height: 100%;
9622     box-sizing: border-box; }
9623   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9624     flex: 1 1 33.33%;
9625     max-width: 100%;
9626     max-height: 33.33%;
9627     box-sizing: border-box; }
9628   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9629     flex: 1 1 66.66%;
9630     max-width: 100%;
9631     max-height: 66.66%;
9632     box-sizing: border-box; }
9633   .layout-sm-row > .flex-sm-50 {
9634     flex: 1 1 50%;
9635     max-width: 50%;
9636     max-height: 100%;
9637     box-sizing: border-box; }
9638   .layout-sm-column > .flex-sm-50 {
9639     flex: 1 1 50%;
9640     max-width: 100%;
9641     max-height: 50%;
9642     box-sizing: border-box; }
9643   .flex-sm-55 {
9644     flex: 1 1 55%;
9645     max-width: 55%;
9646     max-height: 100%;
9647     box-sizing: border-box; }
9648   .layout-row > .flex-sm-55 {
9649     flex: 1 1 55%;
9650     max-width: 55%;
9651     max-height: 100%;
9652     box-sizing: border-box; }
9653   .layout-column > .flex-sm-55 {
9654     flex: 1 1 55%;
9655     max-width: 100%;
9656     max-height: 55%;
9657     box-sizing: border-box; }
9658   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9659     flex: 1 1 33.33%;
9660     max-width: 33.33%;
9661     max-height: 100%;
9662     box-sizing: border-box; }
9663   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9664     flex: 1 1 66.66%;
9665     max-width: 66.66%;
9666     max-height: 100%;
9667     box-sizing: border-box; }
9668   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9669     flex: 1 1 33.33%;
9670     max-width: 100%;
9671     max-height: 33.33%;
9672     box-sizing: border-box; }
9673   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9674     flex: 1 1 66.66%;
9675     max-width: 100%;
9676     max-height: 66.66%;
9677     box-sizing: border-box; }
9678   .layout-sm-row > .flex-sm-55 {
9679     flex: 1 1 55%;
9680     max-width: 55%;
9681     max-height: 100%;
9682     box-sizing: border-box; }
9683   .layout-sm-column > .flex-sm-55 {
9684     flex: 1 1 55%;
9685     max-width: 100%;
9686     max-height: 55%;
9687     box-sizing: border-box; }
9688   .flex-sm-60 {
9689     flex: 1 1 60%;
9690     max-width: 60%;
9691     max-height: 100%;
9692     box-sizing: border-box; }
9693   .layout-row > .flex-sm-60 {
9694     flex: 1 1 60%;
9695     max-width: 60%;
9696     max-height: 100%;
9697     box-sizing: border-box; }
9698   .layout-column > .flex-sm-60 {
9699     flex: 1 1 60%;
9700     max-width: 100%;
9701     max-height: 60%;
9702     box-sizing: border-box; }
9703   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9704     flex: 1 1 33.33%;
9705     max-width: 33.33%;
9706     max-height: 100%;
9707     box-sizing: border-box; }
9708   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9709     flex: 1 1 66.66%;
9710     max-width: 66.66%;
9711     max-height: 100%;
9712     box-sizing: border-box; }
9713   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9714     flex: 1 1 33.33%;
9715     max-width: 100%;
9716     max-height: 33.33%;
9717     box-sizing: border-box; }
9718   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9719     flex: 1 1 66.66%;
9720     max-width: 100%;
9721     max-height: 66.66%;
9722     box-sizing: border-box; }
9723   .layout-sm-row > .flex-sm-60 {
9724     flex: 1 1 60%;
9725     max-width: 60%;
9726     max-height: 100%;
9727     box-sizing: border-box; }
9728   .layout-sm-column > .flex-sm-60 {
9729     flex: 1 1 60%;
9730     max-width: 100%;
9731     max-height: 60%;
9732     box-sizing: border-box; }
9733   .flex-sm-65 {
9734     flex: 1 1 65%;
9735     max-width: 65%;
9736     max-height: 100%;
9737     box-sizing: border-box; }
9738   .layout-row > .flex-sm-65 {
9739     flex: 1 1 65%;
9740     max-width: 65%;
9741     max-height: 100%;
9742     box-sizing: border-box; }
9743   .layout-column > .flex-sm-65 {
9744     flex: 1 1 65%;
9745     max-width: 100%;
9746     max-height: 65%;
9747     box-sizing: border-box; }
9748   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9749     flex: 1 1 33.33%;
9750     max-width: 33.33%;
9751     max-height: 100%;
9752     box-sizing: border-box; }
9753   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9754     flex: 1 1 66.66%;
9755     max-width: 66.66%;
9756     max-height: 100%;
9757     box-sizing: border-box; }
9758   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9759     flex: 1 1 33.33%;
9760     max-width: 100%;
9761     max-height: 33.33%;
9762     box-sizing: border-box; }
9763   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9764     flex: 1 1 66.66%;
9765     max-width: 100%;
9766     max-height: 66.66%;
9767     box-sizing: border-box; }
9768   .layout-sm-row > .flex-sm-65 {
9769     flex: 1 1 65%;
9770     max-width: 65%;
9771     max-height: 100%;
9772     box-sizing: border-box; }
9773   .layout-sm-column > .flex-sm-65 {
9774     flex: 1 1 65%;
9775     max-width: 100%;
9776     max-height: 65%;
9777     box-sizing: border-box; }
9778   .flex-sm-70 {
9779     flex: 1 1 70%;
9780     max-width: 70%;
9781     max-height: 100%;
9782     box-sizing: border-box; }
9783   .layout-row > .flex-sm-70 {
9784     flex: 1 1 70%;
9785     max-width: 70%;
9786     max-height: 100%;
9787     box-sizing: border-box; }
9788   .layout-column > .flex-sm-70 {
9789     flex: 1 1 70%;
9790     max-width: 100%;
9791     max-height: 70%;
9792     box-sizing: border-box; }
9793   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9794     flex: 1 1 33.33%;
9795     max-width: 33.33%;
9796     max-height: 100%;
9797     box-sizing: border-box; }
9798   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9799     flex: 1 1 66.66%;
9800     max-width: 66.66%;
9801     max-height: 100%;
9802     box-sizing: border-box; }
9803   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9804     flex: 1 1 33.33%;
9805     max-width: 100%;
9806     max-height: 33.33%;
9807     box-sizing: border-box; }
9808   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9809     flex: 1 1 66.66%;
9810     max-width: 100%;
9811     max-height: 66.66%;
9812     box-sizing: border-box; }
9813   .layout-sm-row > .flex-sm-70 {
9814     flex: 1 1 70%;
9815     max-width: 70%;
9816     max-height: 100%;
9817     box-sizing: border-box; }
9818   .layout-sm-column > .flex-sm-70 {
9819     flex: 1 1 70%;
9820     max-width: 100%;
9821     max-height: 70%;
9822     box-sizing: border-box; }
9823   .flex-sm-75 {
9824     flex: 1 1 75%;
9825     max-width: 75%;
9826     max-height: 100%;
9827     box-sizing: border-box; }
9828   .layout-row > .flex-sm-75 {
9829     flex: 1 1 75%;
9830     max-width: 75%;
9831     max-height: 100%;
9832     box-sizing: border-box; }
9833   .layout-column > .flex-sm-75 {
9834     flex: 1 1 75%;
9835     max-width: 100%;
9836     max-height: 75%;
9837     box-sizing: border-box; }
9838   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9839     flex: 1 1 33.33%;
9840     max-width: 33.33%;
9841     max-height: 100%;
9842     box-sizing: border-box; }
9843   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9844     flex: 1 1 66.66%;
9845     max-width: 66.66%;
9846     max-height: 100%;
9847     box-sizing: border-box; }
9848   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9849     flex: 1 1 33.33%;
9850     max-width: 100%;
9851     max-height: 33.33%;
9852     box-sizing: border-box; }
9853   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9854     flex: 1 1 66.66%;
9855     max-width: 100%;
9856     max-height: 66.66%;
9857     box-sizing: border-box; }
9858   .layout-sm-row > .flex-sm-75 {
9859     flex: 1 1 75%;
9860     max-width: 75%;
9861     max-height: 100%;
9862     box-sizing: border-box; }
9863   .layout-sm-column > .flex-sm-75 {
9864     flex: 1 1 75%;
9865     max-width: 100%;
9866     max-height: 75%;
9867     box-sizing: border-box; }
9868   .flex-sm-80 {
9869     flex: 1 1 80%;
9870     max-width: 80%;
9871     max-height: 100%;
9872     box-sizing: border-box; }
9873   .layout-row > .flex-sm-80 {
9874     flex: 1 1 80%;
9875     max-width: 80%;
9876     max-height: 100%;
9877     box-sizing: border-box; }
9878   .layout-column > .flex-sm-80 {
9879     flex: 1 1 80%;
9880     max-width: 100%;
9881     max-height: 80%;
9882     box-sizing: border-box; }
9883   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9884     flex: 1 1 33.33%;
9885     max-width: 33.33%;
9886     max-height: 100%;
9887     box-sizing: border-box; }
9888   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9889     flex: 1 1 66.66%;
9890     max-width: 66.66%;
9891     max-height: 100%;
9892     box-sizing: border-box; }
9893   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9894     flex: 1 1 33.33%;
9895     max-width: 100%;
9896     max-height: 33.33%;
9897     box-sizing: border-box; }
9898   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9899     flex: 1 1 66.66%;
9900     max-width: 100%;
9901     max-height: 66.66%;
9902     box-sizing: border-box; }
9903   .layout-sm-row > .flex-sm-80 {
9904     flex: 1 1 80%;
9905     max-width: 80%;
9906     max-height: 100%;
9907     box-sizing: border-box; }
9908   .layout-sm-column > .flex-sm-80 {
9909     flex: 1 1 80%;
9910     max-width: 100%;
9911     max-height: 80%;
9912     box-sizing: border-box; }
9913   .flex-sm-85 {
9914     flex: 1 1 85%;
9915     max-width: 85%;
9916     max-height: 100%;
9917     box-sizing: border-box; }
9918   .layout-row > .flex-sm-85 {
9919     flex: 1 1 85%;
9920     max-width: 85%;
9921     max-height: 100%;
9922     box-sizing: border-box; }
9923   .layout-column > .flex-sm-85 {
9924     flex: 1 1 85%;
9925     max-width: 100%;
9926     max-height: 85%;
9927     box-sizing: border-box; }
9928   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9929     flex: 1 1 33.33%;
9930     max-width: 33.33%;
9931     max-height: 100%;
9932     box-sizing: border-box; }
9933   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9934     flex: 1 1 66.66%;
9935     max-width: 66.66%;
9936     max-height: 100%;
9937     box-sizing: border-box; }
9938   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9939     flex: 1 1 33.33%;
9940     max-width: 100%;
9941     max-height: 33.33%;
9942     box-sizing: border-box; }
9943   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9944     flex: 1 1 66.66%;
9945     max-width: 100%;
9946     max-height: 66.66%;
9947     box-sizing: border-box; }
9948   .layout-sm-row > .flex-sm-85 {
9949     flex: 1 1 85%;
9950     max-width: 85%;
9951     max-height: 100%;
9952     box-sizing: border-box; }
9953   .layout-sm-column > .flex-sm-85 {
9954     flex: 1 1 85%;
9955     max-width: 100%;
9956     max-height: 85%;
9957     box-sizing: border-box; }
9958   .flex-sm-90 {
9959     flex: 1 1 90%;
9960     max-width: 90%;
9961     max-height: 100%;
9962     box-sizing: border-box; }
9963   .layout-row > .flex-sm-90 {
9964     flex: 1 1 90%;
9965     max-width: 90%;
9966     max-height: 100%;
9967     box-sizing: border-box; }
9968   .layout-column > .flex-sm-90 {
9969     flex: 1 1 90%;
9970     max-width: 100%;
9971     max-height: 90%;
9972     box-sizing: border-box; }
9973   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
9974     flex: 1 1 33.33%;
9975     max-width: 33.33%;
9976     max-height: 100%;
9977     box-sizing: border-box; }
9978   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
9979     flex: 1 1 66.66%;
9980     max-width: 66.66%;
9981     max-height: 100%;
9982     box-sizing: border-box; }
9983   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
9984     flex: 1 1 33.33%;
9985     max-width: 100%;
9986     max-height: 33.33%;
9987     box-sizing: border-box; }
9988   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
9989     flex: 1 1 66.66%;
9990     max-width: 100%;
9991     max-height: 66.66%;
9992     box-sizing: border-box; }
9993   .layout-sm-row > .flex-sm-90 {
9994     flex: 1 1 90%;
9995     max-width: 90%;
9996     max-height: 100%;
9997     box-sizing: border-box; }
9998   .layout-sm-column > .flex-sm-90 {
9999     flex: 1 1 90%;
10000     max-width: 100%;
10001     max-height: 90%;
10002     box-sizing: border-box; }
10003   .flex-sm-95 {
10004     flex: 1 1 95%;
10005     max-width: 95%;
10006     max-height: 100%;
10007     box-sizing: border-box; }
10008   .layout-row > .flex-sm-95 {
10009     flex: 1 1 95%;
10010     max-width: 95%;
10011     max-height: 100%;
10012     box-sizing: border-box; }
10013   .layout-column > .flex-sm-95 {
10014     flex: 1 1 95%;
10015     max-width: 100%;
10016     max-height: 95%;
10017     box-sizing: border-box; }
10018   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
10019     flex: 1 1 33.33%;
10020     max-width: 33.33%;
10021     max-height: 100%;
10022     box-sizing: border-box; }
10023   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
10024     flex: 1 1 66.66%;
10025     max-width: 66.66%;
10026     max-height: 100%;
10027     box-sizing: border-box; }
10028   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
10029     flex: 1 1 33.33%;
10030     max-width: 100%;
10031     max-height: 33.33%;
10032     box-sizing: border-box; }
10033   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
10034     flex: 1 1 66.66%;
10035     max-width: 100%;
10036     max-height: 66.66%;
10037     box-sizing: border-box; }
10038   .layout-sm-row > .flex-sm-95 {
10039     flex: 1 1 95%;
10040     max-width: 95%;
10041     max-height: 100%;
10042     box-sizing: border-box; }
10043   .layout-sm-column > .flex-sm-95 {
10044     flex: 1 1 95%;
10045     max-width: 100%;
10046     max-height: 95%;
10047     box-sizing: border-box; }
10048   .flex-sm-100 {
10049     flex: 1 1 100%;
10050     max-width: 100%;
10051     max-height: 100%;
10052     box-sizing: border-box; }
10053   .layout-row > .flex-sm-100 {
10054     flex: 1 1 100%;
10055     max-width: 100%;
10056     max-height: 100%;
10057     box-sizing: border-box; }
10058   .layout-column > .flex-sm-100 {
10059     flex: 1 1 100%;
10060     max-width: 100%;
10061     max-height: 100%;
10062     box-sizing: border-box; }
10063   .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
10064     flex: 1 1 33.33%;
10065     max-width: 33.33%;
10066     max-height: 100%;
10067     box-sizing: border-box; }
10068   .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
10069     flex: 1 1 66.66%;
10070     max-width: 66.66%;
10071     max-height: 100%;
10072     box-sizing: border-box; }
10073   .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
10074     flex: 1 1 33.33%;
10075     max-width: 100%;
10076     max-height: 33.33%;
10077     box-sizing: border-box; }
10078   .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
10079     flex: 1 1 66.66%;
10080     max-width: 100%;
10081     max-height: 66.66%;
10082     box-sizing: border-box; }
10083   .layout-sm-row > .flex-sm-100 {
10084     flex: 1 1 100%;
10085     max-width: 100%;
10086     max-height: 100%;
10087     box-sizing: border-box; }
10088   .layout-sm-column > .flex-sm-100 {
10089     flex: 1 1 100%;
10090     max-width: 100%;
10091     max-height: 100%;
10092     box-sizing: border-box; }
10093   .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
10094     flex: 1 1 33.33%;
10095     max-width: 33.33%;
10096     max-height: 100%;
10097     box-sizing: border-box; }
10098   .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
10099     flex: 1 1 66.66%;
10100     max-width: 66.66%;
10101     max-height: 100%;
10102     box-sizing: border-box; }
10103   .layout-sm-row > .flex {
10104     min-width: 0; }
10105   .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
10106     flex: 1 1 33.33%;
10107     max-width: 100%;
10108     max-height: 33.33%;
10109     box-sizing: border-box; }
10110   .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
10111     flex: 1 1 66.66%;
10112     max-width: 100%;
10113     max-height: 66.66%;
10114     box-sizing: border-box; }
10115   .layout-sm-column > .flex {
10116     min-height: 0; }
10117   .layout-sm, .layout-sm-column, .layout-sm-row {
10118     box-sizing: border-box;
10119     display: -webkit-box;
10120     display: -webkit-flex;
10121     display: -moz-box;
10122     display: -ms-flexbox;
10123     display: flex; }
10124   .layout-sm-column {
10125     flex-direction: column; }
10126   .layout-sm-row {
10127     flex-direction: row; } }
10128
10129 @media (min-width: 960px) {
10130   .flex-order-gt-sm--20 {
10131     order: -20; }
10132   .flex-order-gt-sm--19 {
10133     order: -19; }
10134   .flex-order-gt-sm--18 {
10135     order: -18; }
10136   .flex-order-gt-sm--17 {
10137     order: -17; }
10138   .flex-order-gt-sm--16 {
10139     order: -16; }
10140   .flex-order-gt-sm--15 {
10141     order: -15; }
10142   .flex-order-gt-sm--14 {
10143     order: -14; }
10144   .flex-order-gt-sm--13 {
10145     order: -13; }
10146   .flex-order-gt-sm--12 {
10147     order: -12; }
10148   .flex-order-gt-sm--11 {
10149     order: -11; }
10150   .flex-order-gt-sm--10 {
10151     order: -10; }
10152   .flex-order-gt-sm--9 {
10153     order: -9; }
10154   .flex-order-gt-sm--8 {
10155     order: -8; }
10156   .flex-order-gt-sm--7 {
10157     order: -7; }
10158   .flex-order-gt-sm--6 {
10159     order: -6; }
10160   .flex-order-gt-sm--5 {
10161     order: -5; }
10162   .flex-order-gt-sm--4 {
10163     order: -4; }
10164   .flex-order-gt-sm--3 {
10165     order: -3; }
10166   .flex-order-gt-sm--2 {
10167     order: -2; }
10168   .flex-order-gt-sm--1 {
10169     order: -1; }
10170   .flex-order-gt-sm-0 {
10171     order: 0; }
10172   .flex-order-gt-sm-1 {
10173     order: 1; }
10174   .flex-order-gt-sm-2 {
10175     order: 2; }
10176   .flex-order-gt-sm-3 {
10177     order: 3; }
10178   .flex-order-gt-sm-4 {
10179     order: 4; }
10180   .flex-order-gt-sm-5 {
10181     order: 5; }
10182   .flex-order-gt-sm-6 {
10183     order: 6; }
10184   .flex-order-gt-sm-7 {
10185     order: 7; }
10186   .flex-order-gt-sm-8 {
10187     order: 8; }
10188   .flex-order-gt-sm-9 {
10189     order: 9; }
10190   .flex-order-gt-sm-10 {
10191     order: 10; }
10192   .flex-order-gt-sm-11 {
10193     order: 11; }
10194   .flex-order-gt-sm-12 {
10195     order: 12; }
10196   .flex-order-gt-sm-13 {
10197     order: 13; }
10198   .flex-order-gt-sm-14 {
10199     order: 14; }
10200   .flex-order-gt-sm-15 {
10201     order: 15; }
10202   .flex-order-gt-sm-16 {
10203     order: 16; }
10204   .flex-order-gt-sm-17 {
10205     order: 17; }
10206   .flex-order-gt-sm-18 {
10207     order: 18; }
10208   .flex-order-gt-sm-19 {
10209     order: 19; }
10210   .flex-order-gt-sm-20 {
10211     order: 20; }
10212   .offset-gt-sm-0, .flex-offset-gt-sm-0 {
10213     margin-left: 0; }
10214     [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0 {
10215       margin-left: auto;
10216       margin-right: 0; }
10217   .offset-gt-sm-5, .flex-offset-gt-sm-5 {
10218     margin-left: 5%; }
10219     [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5 {
10220       margin-left: auto;
10221       margin-right: 5%; }
10222   .offset-gt-sm-10, .flex-offset-gt-sm-10 {
10223     margin-left: 10%; }
10224     [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10 {
10225       margin-left: auto;
10226       margin-right: 10%; }
10227   .offset-gt-sm-15, .flex-offset-gt-sm-15 {
10228     margin-left: 15%; }
10229     [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15 {
10230       margin-left: auto;
10231       margin-right: 15%; }
10232   .offset-gt-sm-20, .flex-offset-gt-sm-20 {
10233     margin-left: 20%; }
10234     [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20 {
10235       margin-left: auto;
10236       margin-right: 20%; }
10237   .offset-gt-sm-25, .flex-offset-gt-sm-25 {
10238     margin-left: 25%; }
10239     [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25 {
10240       margin-left: auto;
10241       margin-right: 25%; }
10242   .offset-gt-sm-30, .flex-offset-gt-sm-30 {
10243     margin-left: 30%; }
10244     [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30 {
10245       margin-left: auto;
10246       margin-right: 30%; }
10247   .offset-gt-sm-35, .flex-offset-gt-sm-35 {
10248     margin-left: 35%; }
10249     [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35 {
10250       margin-left: auto;
10251       margin-right: 35%; }
10252   .offset-gt-sm-40, .flex-offset-gt-sm-40 {
10253     margin-left: 40%; }
10254     [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40 {
10255       margin-left: auto;
10256       margin-right: 40%; }
10257   .offset-gt-sm-45, .flex-offset-gt-sm-45 {
10258     margin-left: 45%; }
10259     [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45 {
10260       margin-left: auto;
10261       margin-right: 45%; }
10262   .offset-gt-sm-50, .flex-offset-gt-sm-50 {
10263     margin-left: 50%; }
10264     [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50 {
10265       margin-left: auto;
10266       margin-right: 50%; }
10267   .offset-gt-sm-55, .flex-offset-gt-sm-55 {
10268     margin-left: 55%; }
10269     [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55 {
10270       margin-left: auto;
10271       margin-right: 55%; }
10272   .offset-gt-sm-60, .flex-offset-gt-sm-60 {
10273     margin-left: 60%; }
10274     [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60 {
10275       margin-left: auto;
10276       margin-right: 60%; }
10277   .offset-gt-sm-65, .flex-offset-gt-sm-65 {
10278     margin-left: 65%; }
10279     [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65 {
10280       margin-left: auto;
10281       margin-right: 65%; }
10282   .offset-gt-sm-70, .flex-offset-gt-sm-70 {
10283     margin-left: 70%; }
10284     [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70 {
10285       margin-left: auto;
10286       margin-right: 70%; }
10287   .offset-gt-sm-75, .flex-offset-gt-sm-75 {
10288     margin-left: 75%; }
10289     [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75 {
10290       margin-left: auto;
10291       margin-right: 75%; }
10292   .offset-gt-sm-80, .flex-offset-gt-sm-80 {
10293     margin-left: 80%; }
10294     [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80 {
10295       margin-left: auto;
10296       margin-right: 80%; }
10297   .offset-gt-sm-85, .flex-offset-gt-sm-85 {
10298     margin-left: 85%; }
10299     [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85 {
10300       margin-left: auto;
10301       margin-right: 85%; }
10302   .offset-gt-sm-90, .flex-offset-gt-sm-90 {
10303     margin-left: 90%; }
10304     [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90 {
10305       margin-left: auto;
10306       margin-right: 90%; }
10307   .offset-gt-sm-95, .flex-offset-gt-sm-95 {
10308     margin-left: 95%; }
10309     [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95 {
10310       margin-left: auto;
10311       margin-right: 95%; }
10312   .offset-gt-sm-33, .flex-offset-gt-sm-33 {
10313     margin-left: calc(100% / 3); }
10314   .offset-gt-sm-66, .flex-offset-gt-sm-66 {
10315     margin-left: calc(200% / 3); }
10316     [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66 {
10317       margin-left: auto;
10318       margin-right: calc(200% / 3); }
10319   .layout-align-gt-sm,
10320   .layout-align-gt-sm-start-stretch {
10321     justify-content: flex-start;
10322     align-content: stretch;
10323     align-items: stretch; }
10324   .layout-align-gt-sm-start,
10325   .layout-align-gt-sm-start-start,
10326   .layout-align-gt-sm-start-center,
10327   .layout-align-gt-sm-start-end,
10328   .layout-align-gt-sm-start-stretch {
10329     justify-content: flex-start; }
10330   .layout-align-gt-sm-center,
10331   .layout-align-gt-sm-center-start,
10332   .layout-align-gt-sm-center-center,
10333   .layout-align-gt-sm-center-end,
10334   .layout-align-gt-sm-center-stretch {
10335     justify-content: center; }
10336   .layout-align-gt-sm-end,
10337   .layout-align-gt-sm-end-start,
10338   .layout-align-gt-sm-end-center,
10339   .layout-align-gt-sm-end-end,
10340   .layout-align-gt-sm-end-stretch {
10341     justify-content: flex-end; }
10342   .layout-align-gt-sm-space-around,
10343   .layout-align-gt-sm-space-around-center,
10344   .layout-align-gt-sm-space-around-start,
10345   .layout-align-gt-sm-space-around-end,
10346   .layout-align-gt-sm-space-around-stretch {
10347     justify-content: space-around; }
10348   .layout-align-gt-sm-space-between,
10349   .layout-align-gt-sm-space-between-center,
10350   .layout-align-gt-sm-space-between-start,
10351   .layout-align-gt-sm-space-between-end,
10352   .layout-align-gt-sm-space-between-stretch {
10353     justify-content: space-between; }
10354   .layout-align-gt-sm-start-start,
10355   .layout-align-gt-sm-center-start,
10356   .layout-align-gt-sm-end-start,
10357   .layout-align-gt-sm-space-between-start,
10358   .layout-align-gt-sm-space-around-start {
10359     align-items: flex-start;
10360     align-content: flex-start; }
10361   .layout-align-gt-sm-start-center,
10362   .layout-align-gt-sm-center-center,
10363   .layout-align-gt-sm-end-center,
10364   .layout-align-gt-sm-space-between-center,
10365   .layout-align-gt-sm-space-around-center {
10366     align-items: center;
10367     align-content: center;
10368     max-width: 100%; }
10369   .layout-align-gt-sm-start-center > *,
10370   .layout-align-gt-sm-center-center > *,
10371   .layout-align-gt-sm-end-center > *,
10372   .layout-align-gt-sm-space-between-center > *,
10373   .layout-align-gt-sm-space-around-center > * {
10374     max-width: 100%;
10375     box-sizing: border-box; }
10376   .layout-align-gt-sm-start-end,
10377   .layout-align-gt-sm-center-end,
10378   .layout-align-gt-sm-end-end,
10379   .layout-align-gt-sm-space-between-end,
10380   .layout-align-gt-sm-space-around-end {
10381     align-items: flex-end;
10382     align-content: flex-end; }
10383   .layout-align-gt-sm-start-stretch,
10384   .layout-align-gt-sm-center-stretch,
10385   .layout-align-gt-sm-end-stretch,
10386   .layout-align-gt-sm-space-between-stretch,
10387   .layout-align-gt-sm-space-around-stretch {
10388     align-items: stretch;
10389     align-content: stretch; }
10390   .flex-gt-sm {
10391     flex: 1;
10392     box-sizing: border-box; }
10393   .flex-gt-sm-grow {
10394     flex: 1 1 100%;
10395     box-sizing: border-box; }
10396   .flex-gt-sm-initial {
10397     flex: 0 1 auto;
10398     box-sizing: border-box; }
10399   .flex-gt-sm-auto {
10400     flex: 1 1 auto;
10401     box-sizing: border-box; }
10402   .flex-gt-sm-none {
10403     flex: 0 0 auto;
10404     box-sizing: border-box; }
10405   .flex-gt-sm-noshrink {
10406     flex: 1 0 auto;
10407     box-sizing: border-box; }
10408   .flex-gt-sm-nogrow {
10409     flex: 0 1 auto;
10410     box-sizing: border-box; }
10411   .flex-gt-sm-0 {
10412     flex: 1 1 0%;
10413     max-width: 0%;
10414     max-height: 100%;
10415     box-sizing: border-box; }
10416   .layout-row > .flex-gt-sm-0 {
10417     flex: 1 1 0%;
10418     max-width: 0%;
10419     max-height: 100%;
10420     box-sizing: border-box;
10421     min-width: 0; }
10422   .layout-column > .flex-gt-sm-0 {
10423     flex: 1 1 0%;
10424     max-width: 100%;
10425     max-height: 0%;
10426     box-sizing: border-box; }
10427   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10428     flex: 1 1 33.33%;
10429     max-width: 33.33%;
10430     max-height: 100%;
10431     box-sizing: border-box; }
10432   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10433     flex: 1 1 66.66%;
10434     max-width: 66.66%;
10435     max-height: 100%;
10436     box-sizing: border-box; }
10437   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10438     flex: 1 1 33.33%;
10439     max-width: 100%;
10440     max-height: 33.33%;
10441     box-sizing: border-box; }
10442   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10443     flex: 1 1 66.66%;
10444     max-width: 100%;
10445     max-height: 66.66%;
10446     box-sizing: border-box; }
10447   .layout-gt-sm-row > .flex-gt-sm-0 {
10448     flex: 1 1 0%;
10449     max-width: 0%;
10450     max-height: 100%;
10451     box-sizing: border-box;
10452     min-width: 0; }
10453   .layout-gt-sm-column > .flex-gt-sm-0 {
10454     flex: 1 1 0%;
10455     max-width: 100%;
10456     max-height: 0%;
10457     box-sizing: border-box;
10458     min-height: 0; }
10459   .flex-gt-sm-5 {
10460     flex: 1 1 5%;
10461     max-width: 5%;
10462     max-height: 100%;
10463     box-sizing: border-box; }
10464   .layout-row > .flex-gt-sm-5 {
10465     flex: 1 1 5%;
10466     max-width: 5%;
10467     max-height: 100%;
10468     box-sizing: border-box; }
10469   .layout-column > .flex-gt-sm-5 {
10470     flex: 1 1 5%;
10471     max-width: 100%;
10472     max-height: 5%;
10473     box-sizing: border-box; }
10474   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10475     flex: 1 1 33.33%;
10476     max-width: 33.33%;
10477     max-height: 100%;
10478     box-sizing: border-box; }
10479   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10480     flex: 1 1 66.66%;
10481     max-width: 66.66%;
10482     max-height: 100%;
10483     box-sizing: border-box; }
10484   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10485     flex: 1 1 33.33%;
10486     max-width: 100%;
10487     max-height: 33.33%;
10488     box-sizing: border-box; }
10489   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10490     flex: 1 1 66.66%;
10491     max-width: 100%;
10492     max-height: 66.66%;
10493     box-sizing: border-box; }
10494   .layout-gt-sm-row > .flex-gt-sm-5 {
10495     flex: 1 1 5%;
10496     max-width: 5%;
10497     max-height: 100%;
10498     box-sizing: border-box; }
10499   .layout-gt-sm-column > .flex-gt-sm-5 {
10500     flex: 1 1 5%;
10501     max-width: 100%;
10502     max-height: 5%;
10503     box-sizing: border-box; }
10504   .flex-gt-sm-10 {
10505     flex: 1 1 10%;
10506     max-width: 10%;
10507     max-height: 100%;
10508     box-sizing: border-box; }
10509   .layout-row > .flex-gt-sm-10 {
10510     flex: 1 1 10%;
10511     max-width: 10%;
10512     max-height: 100%;
10513     box-sizing: border-box; }
10514   .layout-column > .flex-gt-sm-10 {
10515     flex: 1 1 10%;
10516     max-width: 100%;
10517     max-height: 10%;
10518     box-sizing: border-box; }
10519   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10520     flex: 1 1 33.33%;
10521     max-width: 33.33%;
10522     max-height: 100%;
10523     box-sizing: border-box; }
10524   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10525     flex: 1 1 66.66%;
10526     max-width: 66.66%;
10527     max-height: 100%;
10528     box-sizing: border-box; }
10529   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10530     flex: 1 1 33.33%;
10531     max-width: 100%;
10532     max-height: 33.33%;
10533     box-sizing: border-box; }
10534   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10535     flex: 1 1 66.66%;
10536     max-width: 100%;
10537     max-height: 66.66%;
10538     box-sizing: border-box; }
10539   .layout-gt-sm-row > .flex-gt-sm-10 {
10540     flex: 1 1 10%;
10541     max-width: 10%;
10542     max-height: 100%;
10543     box-sizing: border-box; }
10544   .layout-gt-sm-column > .flex-gt-sm-10 {
10545     flex: 1 1 10%;
10546     max-width: 100%;
10547     max-height: 10%;
10548     box-sizing: border-box; }
10549   .flex-gt-sm-15 {
10550     flex: 1 1 15%;
10551     max-width: 15%;
10552     max-height: 100%;
10553     box-sizing: border-box; }
10554   .layout-row > .flex-gt-sm-15 {
10555     flex: 1 1 15%;
10556     max-width: 15%;
10557     max-height: 100%;
10558     box-sizing: border-box; }
10559   .layout-column > .flex-gt-sm-15 {
10560     flex: 1 1 15%;
10561     max-width: 100%;
10562     max-height: 15%;
10563     box-sizing: border-box; }
10564   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10565     flex: 1 1 33.33%;
10566     max-width: 33.33%;
10567     max-height: 100%;
10568     box-sizing: border-box; }
10569   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10570     flex: 1 1 66.66%;
10571     max-width: 66.66%;
10572     max-height: 100%;
10573     box-sizing: border-box; }
10574   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10575     flex: 1 1 33.33%;
10576     max-width: 100%;
10577     max-height: 33.33%;
10578     box-sizing: border-box; }
10579   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10580     flex: 1 1 66.66%;
10581     max-width: 100%;
10582     max-height: 66.66%;
10583     box-sizing: border-box; }
10584   .layout-gt-sm-row > .flex-gt-sm-15 {
10585     flex: 1 1 15%;
10586     max-width: 15%;
10587     max-height: 100%;
10588     box-sizing: border-box; }
10589   .layout-gt-sm-column > .flex-gt-sm-15 {
10590     flex: 1 1 15%;
10591     max-width: 100%;
10592     max-height: 15%;
10593     box-sizing: border-box; }
10594   .flex-gt-sm-20 {
10595     flex: 1 1 20%;
10596     max-width: 20%;
10597     max-height: 100%;
10598     box-sizing: border-box; }
10599   .layout-row > .flex-gt-sm-20 {
10600     flex: 1 1 20%;
10601     max-width: 20%;
10602     max-height: 100%;
10603     box-sizing: border-box; }
10604   .layout-column > .flex-gt-sm-20 {
10605     flex: 1 1 20%;
10606     max-width: 100%;
10607     max-height: 20%;
10608     box-sizing: border-box; }
10609   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10610     flex: 1 1 33.33%;
10611     max-width: 33.33%;
10612     max-height: 100%;
10613     box-sizing: border-box; }
10614   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10615     flex: 1 1 66.66%;
10616     max-width: 66.66%;
10617     max-height: 100%;
10618     box-sizing: border-box; }
10619   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10620     flex: 1 1 33.33%;
10621     max-width: 100%;
10622     max-height: 33.33%;
10623     box-sizing: border-box; }
10624   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10625     flex: 1 1 66.66%;
10626     max-width: 100%;
10627     max-height: 66.66%;
10628     box-sizing: border-box; }
10629   .layout-gt-sm-row > .flex-gt-sm-20 {
10630     flex: 1 1 20%;
10631     max-width: 20%;
10632     max-height: 100%;
10633     box-sizing: border-box; }
10634   .layout-gt-sm-column > .flex-gt-sm-20 {
10635     flex: 1 1 20%;
10636     max-width: 100%;
10637     max-height: 20%;
10638     box-sizing: border-box; }
10639   .flex-gt-sm-25 {
10640     flex: 1 1 25%;
10641     max-width: 25%;
10642     max-height: 100%;
10643     box-sizing: border-box; }
10644   .layout-row > .flex-gt-sm-25 {
10645     flex: 1 1 25%;
10646     max-width: 25%;
10647     max-height: 100%;
10648     box-sizing: border-box; }
10649   .layout-column > .flex-gt-sm-25 {
10650     flex: 1 1 25%;
10651     max-width: 100%;
10652     max-height: 25%;
10653     box-sizing: border-box; }
10654   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10655     flex: 1 1 33.33%;
10656     max-width: 33.33%;
10657     max-height: 100%;
10658     box-sizing: border-box; }
10659   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10660     flex: 1 1 66.66%;
10661     max-width: 66.66%;
10662     max-height: 100%;
10663     box-sizing: border-box; }
10664   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10665     flex: 1 1 33.33%;
10666     max-width: 100%;
10667     max-height: 33.33%;
10668     box-sizing: border-box; }
10669   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10670     flex: 1 1 66.66%;
10671     max-width: 100%;
10672     max-height: 66.66%;
10673     box-sizing: border-box; }
10674   .layout-gt-sm-row > .flex-gt-sm-25 {
10675     flex: 1 1 25%;
10676     max-width: 25%;
10677     max-height: 100%;
10678     box-sizing: border-box; }
10679   .layout-gt-sm-column > .flex-gt-sm-25 {
10680     flex: 1 1 25%;
10681     max-width: 100%;
10682     max-height: 25%;
10683     box-sizing: border-box; }
10684   .flex-gt-sm-30 {
10685     flex: 1 1 30%;
10686     max-width: 30%;
10687     max-height: 100%;
10688     box-sizing: border-box; }
10689   .layout-row > .flex-gt-sm-30 {
10690     flex: 1 1 30%;
10691     max-width: 30%;
10692     max-height: 100%;
10693     box-sizing: border-box; }
10694   .layout-column > .flex-gt-sm-30 {
10695     flex: 1 1 30%;
10696     max-width: 100%;
10697     max-height: 30%;
10698     box-sizing: border-box; }
10699   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10700     flex: 1 1 33.33%;
10701     max-width: 33.33%;
10702     max-height: 100%;
10703     box-sizing: border-box; }
10704   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10705     flex: 1 1 66.66%;
10706     max-width: 66.66%;
10707     max-height: 100%;
10708     box-sizing: border-box; }
10709   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10710     flex: 1 1 33.33%;
10711     max-width: 100%;
10712     max-height: 33.33%;
10713     box-sizing: border-box; }
10714   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10715     flex: 1 1 66.66%;
10716     max-width: 100%;
10717     max-height: 66.66%;
10718     box-sizing: border-box; }
10719   .layout-gt-sm-row > .flex-gt-sm-30 {
10720     flex: 1 1 30%;
10721     max-width: 30%;
10722     max-height: 100%;
10723     box-sizing: border-box; }
10724   .layout-gt-sm-column > .flex-gt-sm-30 {
10725     flex: 1 1 30%;
10726     max-width: 100%;
10727     max-height: 30%;
10728     box-sizing: border-box; }
10729   .flex-gt-sm-35 {
10730     flex: 1 1 35%;
10731     max-width: 35%;
10732     max-height: 100%;
10733     box-sizing: border-box; }
10734   .layout-row > .flex-gt-sm-35 {
10735     flex: 1 1 35%;
10736     max-width: 35%;
10737     max-height: 100%;
10738     box-sizing: border-box; }
10739   .layout-column > .flex-gt-sm-35 {
10740     flex: 1 1 35%;
10741     max-width: 100%;
10742     max-height: 35%;
10743     box-sizing: border-box; }
10744   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10745     flex: 1 1 33.33%;
10746     max-width: 33.33%;
10747     max-height: 100%;
10748     box-sizing: border-box; }
10749   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10750     flex: 1 1 66.66%;
10751     max-width: 66.66%;
10752     max-height: 100%;
10753     box-sizing: border-box; }
10754   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10755     flex: 1 1 33.33%;
10756     max-width: 100%;
10757     max-height: 33.33%;
10758     box-sizing: border-box; }
10759   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10760     flex: 1 1 66.66%;
10761     max-width: 100%;
10762     max-height: 66.66%;
10763     box-sizing: border-box; }
10764   .layout-gt-sm-row > .flex-gt-sm-35 {
10765     flex: 1 1 35%;
10766     max-width: 35%;
10767     max-height: 100%;
10768     box-sizing: border-box; }
10769   .layout-gt-sm-column > .flex-gt-sm-35 {
10770     flex: 1 1 35%;
10771     max-width: 100%;
10772     max-height: 35%;
10773     box-sizing: border-box; }
10774   .flex-gt-sm-40 {
10775     flex: 1 1 40%;
10776     max-width: 40%;
10777     max-height: 100%;
10778     box-sizing: border-box; }
10779   .layout-row > .flex-gt-sm-40 {
10780     flex: 1 1 40%;
10781     max-width: 40%;
10782     max-height: 100%;
10783     box-sizing: border-box; }
10784   .layout-column > .flex-gt-sm-40 {
10785     flex: 1 1 40%;
10786     max-width: 100%;
10787     max-height: 40%;
10788     box-sizing: border-box; }
10789   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10790     flex: 1 1 33.33%;
10791     max-width: 33.33%;
10792     max-height: 100%;
10793     box-sizing: border-box; }
10794   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10795     flex: 1 1 66.66%;
10796     max-width: 66.66%;
10797     max-height: 100%;
10798     box-sizing: border-box; }
10799   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10800     flex: 1 1 33.33%;
10801     max-width: 100%;
10802     max-height: 33.33%;
10803     box-sizing: border-box; }
10804   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10805     flex: 1 1 66.66%;
10806     max-width: 100%;
10807     max-height: 66.66%;
10808     box-sizing: border-box; }
10809   .layout-gt-sm-row > .flex-gt-sm-40 {
10810     flex: 1 1 40%;
10811     max-width: 40%;
10812     max-height: 100%;
10813     box-sizing: border-box; }
10814   .layout-gt-sm-column > .flex-gt-sm-40 {
10815     flex: 1 1 40%;
10816     max-width: 100%;
10817     max-height: 40%;
10818     box-sizing: border-box; }
10819   .flex-gt-sm-45 {
10820     flex: 1 1 45%;
10821     max-width: 45%;
10822     max-height: 100%;
10823     box-sizing: border-box; }
10824   .layout-row > .flex-gt-sm-45 {
10825     flex: 1 1 45%;
10826     max-width: 45%;
10827     max-height: 100%;
10828     box-sizing: border-box; }
10829   .layout-column > .flex-gt-sm-45 {
10830     flex: 1 1 45%;
10831     max-width: 100%;
10832     max-height: 45%;
10833     box-sizing: border-box; }
10834   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10835     flex: 1 1 33.33%;
10836     max-width: 33.33%;
10837     max-height: 100%;
10838     box-sizing: border-box; }
10839   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10840     flex: 1 1 66.66%;
10841     max-width: 66.66%;
10842     max-height: 100%;
10843     box-sizing: border-box; }
10844   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10845     flex: 1 1 33.33%;
10846     max-width: 100%;
10847     max-height: 33.33%;
10848     box-sizing: border-box; }
10849   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10850     flex: 1 1 66.66%;
10851     max-width: 100%;
10852     max-height: 66.66%;
10853     box-sizing: border-box; }
10854   .layout-gt-sm-row > .flex-gt-sm-45 {
10855     flex: 1 1 45%;
10856     max-width: 45%;
10857     max-height: 100%;
10858     box-sizing: border-box; }
10859   .layout-gt-sm-column > .flex-gt-sm-45 {
10860     flex: 1 1 45%;
10861     max-width: 100%;
10862     max-height: 45%;
10863     box-sizing: border-box; }
10864   .flex-gt-sm-50 {
10865     flex: 1 1 50%;
10866     max-width: 50%;
10867     max-height: 100%;
10868     box-sizing: border-box; }
10869   .layout-row > .flex-gt-sm-50 {
10870     flex: 1 1 50%;
10871     max-width: 50%;
10872     max-height: 100%;
10873     box-sizing: border-box; }
10874   .layout-column > .flex-gt-sm-50 {
10875     flex: 1 1 50%;
10876     max-width: 100%;
10877     max-height: 50%;
10878     box-sizing: border-box; }
10879   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10880     flex: 1 1 33.33%;
10881     max-width: 33.33%;
10882     max-height: 100%;
10883     box-sizing: border-box; }
10884   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10885     flex: 1 1 66.66%;
10886     max-width: 66.66%;
10887     max-height: 100%;
10888     box-sizing: border-box; }
10889   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10890     flex: 1 1 33.33%;
10891     max-width: 100%;
10892     max-height: 33.33%;
10893     box-sizing: border-box; }
10894   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10895     flex: 1 1 66.66%;
10896     max-width: 100%;
10897     max-height: 66.66%;
10898     box-sizing: border-box; }
10899   .layout-gt-sm-row > .flex-gt-sm-50 {
10900     flex: 1 1 50%;
10901     max-width: 50%;
10902     max-height: 100%;
10903     box-sizing: border-box; }
10904   .layout-gt-sm-column > .flex-gt-sm-50 {
10905     flex: 1 1 50%;
10906     max-width: 100%;
10907     max-height: 50%;
10908     box-sizing: border-box; }
10909   .flex-gt-sm-55 {
10910     flex: 1 1 55%;
10911     max-width: 55%;
10912     max-height: 100%;
10913     box-sizing: border-box; }
10914   .layout-row > .flex-gt-sm-55 {
10915     flex: 1 1 55%;
10916     max-width: 55%;
10917     max-height: 100%;
10918     box-sizing: border-box; }
10919   .layout-column > .flex-gt-sm-55 {
10920     flex: 1 1 55%;
10921     max-width: 100%;
10922     max-height: 55%;
10923     box-sizing: border-box; }
10924   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10925     flex: 1 1 33.33%;
10926     max-width: 33.33%;
10927     max-height: 100%;
10928     box-sizing: border-box; }
10929   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10930     flex: 1 1 66.66%;
10931     max-width: 66.66%;
10932     max-height: 100%;
10933     box-sizing: border-box; }
10934   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10935     flex: 1 1 33.33%;
10936     max-width: 100%;
10937     max-height: 33.33%;
10938     box-sizing: border-box; }
10939   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10940     flex: 1 1 66.66%;
10941     max-width: 100%;
10942     max-height: 66.66%;
10943     box-sizing: border-box; }
10944   .layout-gt-sm-row > .flex-gt-sm-55 {
10945     flex: 1 1 55%;
10946     max-width: 55%;
10947     max-height: 100%;
10948     box-sizing: border-box; }
10949   .layout-gt-sm-column > .flex-gt-sm-55 {
10950     flex: 1 1 55%;
10951     max-width: 100%;
10952     max-height: 55%;
10953     box-sizing: border-box; }
10954   .flex-gt-sm-60 {
10955     flex: 1 1 60%;
10956     max-width: 60%;
10957     max-height: 100%;
10958     box-sizing: border-box; }
10959   .layout-row > .flex-gt-sm-60 {
10960     flex: 1 1 60%;
10961     max-width: 60%;
10962     max-height: 100%;
10963     box-sizing: border-box; }
10964   .layout-column > .flex-gt-sm-60 {
10965     flex: 1 1 60%;
10966     max-width: 100%;
10967     max-height: 60%;
10968     box-sizing: border-box; }
10969   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
10970     flex: 1 1 33.33%;
10971     max-width: 33.33%;
10972     max-height: 100%;
10973     box-sizing: border-box; }
10974   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
10975     flex: 1 1 66.66%;
10976     max-width: 66.66%;
10977     max-height: 100%;
10978     box-sizing: border-box; }
10979   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
10980     flex: 1 1 33.33%;
10981     max-width: 100%;
10982     max-height: 33.33%;
10983     box-sizing: border-box; }
10984   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
10985     flex: 1 1 66.66%;
10986     max-width: 100%;
10987     max-height: 66.66%;
10988     box-sizing: border-box; }
10989   .layout-gt-sm-row > .flex-gt-sm-60 {
10990     flex: 1 1 60%;
10991     max-width: 60%;
10992     max-height: 100%;
10993     box-sizing: border-box; }
10994   .layout-gt-sm-column > .flex-gt-sm-60 {
10995     flex: 1 1 60%;
10996     max-width: 100%;
10997     max-height: 60%;
10998     box-sizing: border-box; }
10999   .flex-gt-sm-65 {
11000     flex: 1 1 65%;
11001     max-width: 65%;
11002     max-height: 100%;
11003     box-sizing: border-box; }
11004   .layout-row > .flex-gt-sm-65 {
11005     flex: 1 1 65%;
11006     max-width: 65%;
11007     max-height: 100%;
11008     box-sizing: border-box; }
11009   .layout-column > .flex-gt-sm-65 {
11010     flex: 1 1 65%;
11011     max-width: 100%;
11012     max-height: 65%;
11013     box-sizing: border-box; }
11014   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11015     flex: 1 1 33.33%;
11016     max-width: 33.33%;
11017     max-height: 100%;
11018     box-sizing: border-box; }
11019   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11020     flex: 1 1 66.66%;
11021     max-width: 66.66%;
11022     max-height: 100%;
11023     box-sizing: border-box; }
11024   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11025     flex: 1 1 33.33%;
11026     max-width: 100%;
11027     max-height: 33.33%;
11028     box-sizing: border-box; }
11029   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11030     flex: 1 1 66.66%;
11031     max-width: 100%;
11032     max-height: 66.66%;
11033     box-sizing: border-box; }
11034   .layout-gt-sm-row > .flex-gt-sm-65 {
11035     flex: 1 1 65%;
11036     max-width: 65%;
11037     max-height: 100%;
11038     box-sizing: border-box; }
11039   .layout-gt-sm-column > .flex-gt-sm-65 {
11040     flex: 1 1 65%;
11041     max-width: 100%;
11042     max-height: 65%;
11043     box-sizing: border-box; }
11044   .flex-gt-sm-70 {
11045     flex: 1 1 70%;
11046     max-width: 70%;
11047     max-height: 100%;
11048     box-sizing: border-box; }
11049   .layout-row > .flex-gt-sm-70 {
11050     flex: 1 1 70%;
11051     max-width: 70%;
11052     max-height: 100%;
11053     box-sizing: border-box; }
11054   .layout-column > .flex-gt-sm-70 {
11055     flex: 1 1 70%;
11056     max-width: 100%;
11057     max-height: 70%;
11058     box-sizing: border-box; }
11059   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11060     flex: 1 1 33.33%;
11061     max-width: 33.33%;
11062     max-height: 100%;
11063     box-sizing: border-box; }
11064   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11065     flex: 1 1 66.66%;
11066     max-width: 66.66%;
11067     max-height: 100%;
11068     box-sizing: border-box; }
11069   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11070     flex: 1 1 33.33%;
11071     max-width: 100%;
11072     max-height: 33.33%;
11073     box-sizing: border-box; }
11074   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11075     flex: 1 1 66.66%;
11076     max-width: 100%;
11077     max-height: 66.66%;
11078     box-sizing: border-box; }
11079   .layout-gt-sm-row > .flex-gt-sm-70 {
11080     flex: 1 1 70%;
11081     max-width: 70%;
11082     max-height: 100%;
11083     box-sizing: border-box; }
11084   .layout-gt-sm-column > .flex-gt-sm-70 {
11085     flex: 1 1 70%;
11086     max-width: 100%;
11087     max-height: 70%;
11088     box-sizing: border-box; }
11089   .flex-gt-sm-75 {
11090     flex: 1 1 75%;
11091     max-width: 75%;
11092     max-height: 100%;
11093     box-sizing: border-box; }
11094   .layout-row > .flex-gt-sm-75 {
11095     flex: 1 1 75%;
11096     max-width: 75%;
11097     max-height: 100%;
11098     box-sizing: border-box; }
11099   .layout-column > .flex-gt-sm-75 {
11100     flex: 1 1 75%;
11101     max-width: 100%;
11102     max-height: 75%;
11103     box-sizing: border-box; }
11104   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11105     flex: 1 1 33.33%;
11106     max-width: 33.33%;
11107     max-height: 100%;
11108     box-sizing: border-box; }
11109   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11110     flex: 1 1 66.66%;
11111     max-width: 66.66%;
11112     max-height: 100%;
11113     box-sizing: border-box; }
11114   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11115     flex: 1 1 33.33%;
11116     max-width: 100%;
11117     max-height: 33.33%;
11118     box-sizing: border-box; }
11119   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11120     flex: 1 1 66.66%;
11121     max-width: 100%;
11122     max-height: 66.66%;
11123     box-sizing: border-box; }
11124   .layout-gt-sm-row > .flex-gt-sm-75 {
11125     flex: 1 1 75%;
11126     max-width: 75%;
11127     max-height: 100%;
11128     box-sizing: border-box; }
11129   .layout-gt-sm-column > .flex-gt-sm-75 {
11130     flex: 1 1 75%;
11131     max-width: 100%;
11132     max-height: 75%;
11133     box-sizing: border-box; }
11134   .flex-gt-sm-80 {
11135     flex: 1 1 80%;
11136     max-width: 80%;
11137     max-height: 100%;
11138     box-sizing: border-box; }
11139   .layout-row > .flex-gt-sm-80 {
11140     flex: 1 1 80%;
11141     max-width: 80%;
11142     max-height: 100%;
11143     box-sizing: border-box; }
11144   .layout-column > .flex-gt-sm-80 {
11145     flex: 1 1 80%;
11146     max-width: 100%;
11147     max-height: 80%;
11148     box-sizing: border-box; }
11149   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11150     flex: 1 1 33.33%;
11151     max-width: 33.33%;
11152     max-height: 100%;
11153     box-sizing: border-box; }
11154   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11155     flex: 1 1 66.66%;
11156     max-width: 66.66%;
11157     max-height: 100%;
11158     box-sizing: border-box; }
11159   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11160     flex: 1 1 33.33%;
11161     max-width: 100%;
11162     max-height: 33.33%;
11163     box-sizing: border-box; }
11164   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11165     flex: 1 1 66.66%;
11166     max-width: 100%;
11167     max-height: 66.66%;
11168     box-sizing: border-box; }
11169   .layout-gt-sm-row > .flex-gt-sm-80 {
11170     flex: 1 1 80%;
11171     max-width: 80%;
11172     max-height: 100%;
11173     box-sizing: border-box; }
11174   .layout-gt-sm-column > .flex-gt-sm-80 {
11175     flex: 1 1 80%;
11176     max-width: 100%;
11177     max-height: 80%;
11178     box-sizing: border-box; }
11179   .flex-gt-sm-85 {
11180     flex: 1 1 85%;
11181     max-width: 85%;
11182     max-height: 100%;
11183     box-sizing: border-box; }
11184   .layout-row > .flex-gt-sm-85 {
11185     flex: 1 1 85%;
11186     max-width: 85%;
11187     max-height: 100%;
11188     box-sizing: border-box; }
11189   .layout-column > .flex-gt-sm-85 {
11190     flex: 1 1 85%;
11191     max-width: 100%;
11192     max-height: 85%;
11193     box-sizing: border-box; }
11194   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11195     flex: 1 1 33.33%;
11196     max-width: 33.33%;
11197     max-height: 100%;
11198     box-sizing: border-box; }
11199   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11200     flex: 1 1 66.66%;
11201     max-width: 66.66%;
11202     max-height: 100%;
11203     box-sizing: border-box; }
11204   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11205     flex: 1 1 33.33%;
11206     max-width: 100%;
11207     max-height: 33.33%;
11208     box-sizing: border-box; }
11209   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11210     flex: 1 1 66.66%;
11211     max-width: 100%;
11212     max-height: 66.66%;
11213     box-sizing: border-box; }
11214   .layout-gt-sm-row > .flex-gt-sm-85 {
11215     flex: 1 1 85%;
11216     max-width: 85%;
11217     max-height: 100%;
11218     box-sizing: border-box; }
11219   .layout-gt-sm-column > .flex-gt-sm-85 {
11220     flex: 1 1 85%;
11221     max-width: 100%;
11222     max-height: 85%;
11223     box-sizing: border-box; }
11224   .flex-gt-sm-90 {
11225     flex: 1 1 90%;
11226     max-width: 90%;
11227     max-height: 100%;
11228     box-sizing: border-box; }
11229   .layout-row > .flex-gt-sm-90 {
11230     flex: 1 1 90%;
11231     max-width: 90%;
11232     max-height: 100%;
11233     box-sizing: border-box; }
11234   .layout-column > .flex-gt-sm-90 {
11235     flex: 1 1 90%;
11236     max-width: 100%;
11237     max-height: 90%;
11238     box-sizing: border-box; }
11239   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11240     flex: 1 1 33.33%;
11241     max-width: 33.33%;
11242     max-height: 100%;
11243     box-sizing: border-box; }
11244   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11245     flex: 1 1 66.66%;
11246     max-width: 66.66%;
11247     max-height: 100%;
11248     box-sizing: border-box; }
11249   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11250     flex: 1 1 33.33%;
11251     max-width: 100%;
11252     max-height: 33.33%;
11253     box-sizing: border-box; }
11254   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11255     flex: 1 1 66.66%;
11256     max-width: 100%;
11257     max-height: 66.66%;
11258     box-sizing: border-box; }
11259   .layout-gt-sm-row > .flex-gt-sm-90 {
11260     flex: 1 1 90%;
11261     max-width: 90%;
11262     max-height: 100%;
11263     box-sizing: border-box; }
11264   .layout-gt-sm-column > .flex-gt-sm-90 {
11265     flex: 1 1 90%;
11266     max-width: 100%;
11267     max-height: 90%;
11268     box-sizing: border-box; }
11269   .flex-gt-sm-95 {
11270     flex: 1 1 95%;
11271     max-width: 95%;
11272     max-height: 100%;
11273     box-sizing: border-box; }
11274   .layout-row > .flex-gt-sm-95 {
11275     flex: 1 1 95%;
11276     max-width: 95%;
11277     max-height: 100%;
11278     box-sizing: border-box; }
11279   .layout-column > .flex-gt-sm-95 {
11280     flex: 1 1 95%;
11281     max-width: 100%;
11282     max-height: 95%;
11283     box-sizing: border-box; }
11284   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11285     flex: 1 1 33.33%;
11286     max-width: 33.33%;
11287     max-height: 100%;
11288     box-sizing: border-box; }
11289   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11290     flex: 1 1 66.66%;
11291     max-width: 66.66%;
11292     max-height: 100%;
11293     box-sizing: border-box; }
11294   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11295     flex: 1 1 33.33%;
11296     max-width: 100%;
11297     max-height: 33.33%;
11298     box-sizing: border-box; }
11299   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11300     flex: 1 1 66.66%;
11301     max-width: 100%;
11302     max-height: 66.66%;
11303     box-sizing: border-box; }
11304   .layout-gt-sm-row > .flex-gt-sm-95 {
11305     flex: 1 1 95%;
11306     max-width: 95%;
11307     max-height: 100%;
11308     box-sizing: border-box; }
11309   .layout-gt-sm-column > .flex-gt-sm-95 {
11310     flex: 1 1 95%;
11311     max-width: 100%;
11312     max-height: 95%;
11313     box-sizing: border-box; }
11314   .flex-gt-sm-100 {
11315     flex: 1 1 100%;
11316     max-width: 100%;
11317     max-height: 100%;
11318     box-sizing: border-box; }
11319   .layout-row > .flex-gt-sm-100 {
11320     flex: 1 1 100%;
11321     max-width: 100%;
11322     max-height: 100%;
11323     box-sizing: border-box; }
11324   .layout-column > .flex-gt-sm-100 {
11325     flex: 1 1 100%;
11326     max-width: 100%;
11327     max-height: 100%;
11328     box-sizing: border-box; }
11329   .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
11330     flex: 1 1 33.33%;
11331     max-width: 33.33%;
11332     max-height: 100%;
11333     box-sizing: border-box; }
11334   .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
11335     flex: 1 1 66.66%;
11336     max-width: 66.66%;
11337     max-height: 100%;
11338     box-sizing: border-box; }
11339   .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
11340     flex: 1 1 33.33%;
11341     max-width: 100%;
11342     max-height: 33.33%;
11343     box-sizing: border-box; }
11344   .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
11345     flex: 1 1 66.66%;
11346     max-width: 100%;
11347     max-height: 66.66%;
11348     box-sizing: border-box; }
11349   .layout-gt-sm-row > .flex-gt-sm-100 {
11350     flex: 1 1 100%;
11351     max-width: 100%;
11352     max-height: 100%;
11353     box-sizing: border-box; }
11354   .layout-gt-sm-column > .flex-gt-sm-100 {
11355     flex: 1 1 100%;
11356     max-width: 100%;
11357     max-height: 100%;
11358     box-sizing: border-box; }
11359   .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
11360     flex: 1 1 33.33%;
11361     max-width: 33.33%;
11362     max-height: 100%;
11363     box-sizing: border-box; }
11364   .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
11365     flex: 1 1 66.66%;
11366     max-width: 66.66%;
11367     max-height: 100%;
11368     box-sizing: border-box; }
11369   .layout-gt-sm-row > .flex {
11370     min-width: 0; }
11371   .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
11372     flex: 1 1 33.33%;
11373     max-width: 100%;
11374     max-height: 33.33%;
11375     box-sizing: border-box; }
11376   .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
11377     flex: 1 1 66.66%;
11378     max-width: 100%;
11379     max-height: 66.66%;
11380     box-sizing: border-box; }
11381   .layout-gt-sm-column > .flex {
11382     min-height: 0; }
11383   .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
11384     box-sizing: border-box;
11385     display: -webkit-box;
11386     display: -webkit-flex;
11387     display: -moz-box;
11388     display: -ms-flexbox;
11389     display: flex; }
11390   .layout-gt-sm-column {
11391     flex-direction: column; }
11392   .layout-gt-sm-row {
11393     flex-direction: row; } }
11394
11395 @media (min-width: 960px) and (max-width: 1279px) {
11396   .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
11397     display: none; }
11398   .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
11399     display: none; }
11400   .flex-order-md--20 {
11401     order: -20; }
11402   .flex-order-md--19 {
11403     order: -19; }
11404   .flex-order-md--18 {
11405     order: -18; }
11406   .flex-order-md--17 {
11407     order: -17; }
11408   .flex-order-md--16 {
11409     order: -16; }
11410   .flex-order-md--15 {
11411     order: -15; }
11412   .flex-order-md--14 {
11413     order: -14; }
11414   .flex-order-md--13 {
11415     order: -13; }
11416   .flex-order-md--12 {
11417     order: -12; }
11418   .flex-order-md--11 {
11419     order: -11; }
11420   .flex-order-md--10 {
11421     order: -10; }
11422   .flex-order-md--9 {
11423     order: -9; }
11424   .flex-order-md--8 {
11425     order: -8; }
11426   .flex-order-md--7 {
11427     order: -7; }
11428   .flex-order-md--6 {
11429     order: -6; }
11430   .flex-order-md--5 {
11431     order: -5; }
11432   .flex-order-md--4 {
11433     order: -4; }
11434   .flex-order-md--3 {
11435     order: -3; }
11436   .flex-order-md--2 {
11437     order: -2; }
11438   .flex-order-md--1 {
11439     order: -1; }
11440   .flex-order-md-0 {
11441     order: 0; }
11442   .flex-order-md-1 {
11443     order: 1; }
11444   .flex-order-md-2 {
11445     order: 2; }
11446   .flex-order-md-3 {
11447     order: 3; }
11448   .flex-order-md-4 {
11449     order: 4; }
11450   .flex-order-md-5 {
11451     order: 5; }
11452   .flex-order-md-6 {
11453     order: 6; }
11454   .flex-order-md-7 {
11455     order: 7; }
11456   .flex-order-md-8 {
11457     order: 8; }
11458   .flex-order-md-9 {
11459     order: 9; }
11460   .flex-order-md-10 {
11461     order: 10; }
11462   .flex-order-md-11 {
11463     order: 11; }
11464   .flex-order-md-12 {
11465     order: 12; }
11466   .flex-order-md-13 {
11467     order: 13; }
11468   .flex-order-md-14 {
11469     order: 14; }
11470   .flex-order-md-15 {
11471     order: 15; }
11472   .flex-order-md-16 {
11473     order: 16; }
11474   .flex-order-md-17 {
11475     order: 17; }
11476   .flex-order-md-18 {
11477     order: 18; }
11478   .flex-order-md-19 {
11479     order: 19; }
11480   .flex-order-md-20 {
11481     order: 20; }
11482   .offset-md-0, .flex-offset-md-0 {
11483     margin-left: 0; }
11484     [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0 {
11485       margin-left: auto;
11486       margin-right: 0; }
11487   .offset-md-5, .flex-offset-md-5 {
11488     margin-left: 5%; }
11489     [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5 {
11490       margin-left: auto;
11491       margin-right: 5%; }
11492   .offset-md-10, .flex-offset-md-10 {
11493     margin-left: 10%; }
11494     [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10 {
11495       margin-left: auto;
11496       margin-right: 10%; }
11497   .offset-md-15, .flex-offset-md-15 {
11498     margin-left: 15%; }
11499     [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15 {
11500       margin-left: auto;
11501       margin-right: 15%; }
11502   .offset-md-20, .flex-offset-md-20 {
11503     margin-left: 20%; }
11504     [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20 {
11505       margin-left: auto;
11506       margin-right: 20%; }
11507   .offset-md-25, .flex-offset-md-25 {
11508     margin-left: 25%; }
11509     [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25 {
11510       margin-left: auto;
11511       margin-right: 25%; }
11512   .offset-md-30, .flex-offset-md-30 {
11513     margin-left: 30%; }
11514     [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30 {
11515       margin-left: auto;
11516       margin-right: 30%; }
11517   .offset-md-35, .flex-offset-md-35 {
11518     margin-left: 35%; }
11519     [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35 {
11520       margin-left: auto;
11521       margin-right: 35%; }
11522   .offset-md-40, .flex-offset-md-40 {
11523     margin-left: 40%; }
11524     [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40 {
11525       margin-left: auto;
11526       margin-right: 40%; }
11527   .offset-md-45, .flex-offset-md-45 {
11528     margin-left: 45%; }
11529     [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45 {
11530       margin-left: auto;
11531       margin-right: 45%; }
11532   .offset-md-50, .flex-offset-md-50 {
11533     margin-left: 50%; }
11534     [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50 {
11535       margin-left: auto;
11536       margin-right: 50%; }
11537   .offset-md-55, .flex-offset-md-55 {
11538     margin-left: 55%; }
11539     [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55 {
11540       margin-left: auto;
11541       margin-right: 55%; }
11542   .offset-md-60, .flex-offset-md-60 {
11543     margin-left: 60%; }
11544     [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60 {
11545       margin-left: auto;
11546       margin-right: 60%; }
11547   .offset-md-65, .flex-offset-md-65 {
11548     margin-left: 65%; }
11549     [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65 {
11550       margin-left: auto;
11551       margin-right: 65%; }
11552   .offset-md-70, .flex-offset-md-70 {
11553     margin-left: 70%; }
11554     [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70 {
11555       margin-left: auto;
11556       margin-right: 70%; }
11557   .offset-md-75, .flex-offset-md-75 {
11558     margin-left: 75%; }
11559     [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75 {
11560       margin-left: auto;
11561       margin-right: 75%; }
11562   .offset-md-80, .flex-offset-md-80 {
11563     margin-left: 80%; }
11564     [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80 {
11565       margin-left: auto;
11566       margin-right: 80%; }
11567   .offset-md-85, .flex-offset-md-85 {
11568     margin-left: 85%; }
11569     [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85 {
11570       margin-left: auto;
11571       margin-right: 85%; }
11572   .offset-md-90, .flex-offset-md-90 {
11573     margin-left: 90%; }
11574     [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90 {
11575       margin-left: auto;
11576       margin-right: 90%; }
11577   .offset-md-95, .flex-offset-md-95 {
11578     margin-left: 95%; }
11579     [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95 {
11580       margin-left: auto;
11581       margin-right: 95%; }
11582   .offset-md-33, .flex-offset-md-33 {
11583     margin-left: calc(100% / 3); }
11584   .offset-md-66, .flex-offset-md-66 {
11585     margin-left: calc(200% / 3); }
11586     [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66 {
11587       margin-left: auto;
11588       margin-right: calc(200% / 3); }
11589   .layout-align-md,
11590   .layout-align-md-start-stretch {
11591     justify-content: flex-start;
11592     align-content: stretch;
11593     align-items: stretch; }
11594   .layout-align-md-start,
11595   .layout-align-md-start-start,
11596   .layout-align-md-start-center,
11597   .layout-align-md-start-end,
11598   .layout-align-md-start-stretch {
11599     justify-content: flex-start; }
11600   .layout-align-md-center,
11601   .layout-align-md-center-start,
11602   .layout-align-md-center-center,
11603   .layout-align-md-center-end,
11604   .layout-align-md-center-stretch {
11605     justify-content: center; }
11606   .layout-align-md-end,
11607   .layout-align-md-end-start,
11608   .layout-align-md-end-center,
11609   .layout-align-md-end-end,
11610   .layout-align-md-end-stretch {
11611     justify-content: flex-end; }
11612   .layout-align-md-space-around,
11613   .layout-align-md-space-around-center,
11614   .layout-align-md-space-around-start,
11615   .layout-align-md-space-around-end,
11616   .layout-align-md-space-around-stretch {
11617     justify-content: space-around; }
11618   .layout-align-md-space-between,
11619   .layout-align-md-space-between-center,
11620   .layout-align-md-space-between-start,
11621   .layout-align-md-space-between-end,
11622   .layout-align-md-space-between-stretch {
11623     justify-content: space-between; }
11624   .layout-align-md-start-start,
11625   .layout-align-md-center-start,
11626   .layout-align-md-end-start,
11627   .layout-align-md-space-between-start,
11628   .layout-align-md-space-around-start {
11629     align-items: flex-start;
11630     align-content: flex-start; }
11631   .layout-align-md-start-center,
11632   .layout-align-md-center-center,
11633   .layout-align-md-end-center,
11634   .layout-align-md-space-between-center,
11635   .layout-align-md-space-around-center {
11636     align-items: center;
11637     align-content: center;
11638     max-width: 100%; }
11639   .layout-align-md-start-center > *,
11640   .layout-align-md-center-center > *,
11641   .layout-align-md-end-center > *,
11642   .layout-align-md-space-between-center > *,
11643   .layout-align-md-space-around-center > * {
11644     max-width: 100%;
11645     box-sizing: border-box; }
11646   .layout-align-md-start-end,
11647   .layout-align-md-center-end,
11648   .layout-align-md-end-end,
11649   .layout-align-md-space-between-end,
11650   .layout-align-md-space-around-end {
11651     align-items: flex-end;
11652     align-content: flex-end; }
11653   .layout-align-md-start-stretch,
11654   .layout-align-md-center-stretch,
11655   .layout-align-md-end-stretch,
11656   .layout-align-md-space-between-stretch,
11657   .layout-align-md-space-around-stretch {
11658     align-items: stretch;
11659     align-content: stretch; }
11660   .flex-md {
11661     flex: 1;
11662     box-sizing: border-box; }
11663   .flex-md-grow {
11664     flex: 1 1 100%;
11665     box-sizing: border-box; }
11666   .flex-md-initial {
11667     flex: 0 1 auto;
11668     box-sizing: border-box; }
11669   .flex-md-auto {
11670     flex: 1 1 auto;
11671     box-sizing: border-box; }
11672   .flex-md-none {
11673     flex: 0 0 auto;
11674     box-sizing: border-box; }
11675   .flex-md-noshrink {
11676     flex: 1 0 auto;
11677     box-sizing: border-box; }
11678   .flex-md-nogrow {
11679     flex: 0 1 auto;
11680     box-sizing: border-box; }
11681   .flex-md-0 {
11682     flex: 1 1 0%;
11683     max-width: 0%;
11684     max-height: 100%;
11685     box-sizing: border-box; }
11686   .layout-row > .flex-md-0 {
11687     flex: 1 1 0%;
11688     max-width: 0%;
11689     max-height: 100%;
11690     box-sizing: border-box;
11691     min-width: 0; }
11692   .layout-column > .flex-md-0 {
11693     flex: 1 1 0%;
11694     max-width: 100%;
11695     max-height: 0%;
11696     box-sizing: border-box; }
11697   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11698     flex: 1 1 33.33%;
11699     max-width: 33.33%;
11700     max-height: 100%;
11701     box-sizing: border-box; }
11702   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11703     flex: 1 1 66.66%;
11704     max-width: 66.66%;
11705     max-height: 100%;
11706     box-sizing: border-box; }
11707   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11708     flex: 1 1 33.33%;
11709     max-width: 100%;
11710     max-height: 33.33%;
11711     box-sizing: border-box; }
11712   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11713     flex: 1 1 66.66%;
11714     max-width: 100%;
11715     max-height: 66.66%;
11716     box-sizing: border-box; }
11717   .layout-md-row > .flex-md-0 {
11718     flex: 1 1 0%;
11719     max-width: 0%;
11720     max-height: 100%;
11721     box-sizing: border-box;
11722     min-width: 0; }
11723   .layout-md-column > .flex-md-0 {
11724     flex: 1 1 0%;
11725     max-width: 100%;
11726     max-height: 0%;
11727     box-sizing: border-box;
11728     min-height: 0; }
11729   .flex-md-5 {
11730     flex: 1 1 5%;
11731     max-width: 5%;
11732     max-height: 100%;
11733     box-sizing: border-box; }
11734   .layout-row > .flex-md-5 {
11735     flex: 1 1 5%;
11736     max-width: 5%;
11737     max-height: 100%;
11738     box-sizing: border-box; }
11739   .layout-column > .flex-md-5 {
11740     flex: 1 1 5%;
11741     max-width: 100%;
11742     max-height: 5%;
11743     box-sizing: border-box; }
11744   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11745     flex: 1 1 33.33%;
11746     max-width: 33.33%;
11747     max-height: 100%;
11748     box-sizing: border-box; }
11749   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11750     flex: 1 1 66.66%;
11751     max-width: 66.66%;
11752     max-height: 100%;
11753     box-sizing: border-box; }
11754   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11755     flex: 1 1 33.33%;
11756     max-width: 100%;
11757     max-height: 33.33%;
11758     box-sizing: border-box; }
11759   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11760     flex: 1 1 66.66%;
11761     max-width: 100%;
11762     max-height: 66.66%;
11763     box-sizing: border-box; }
11764   .layout-md-row > .flex-md-5 {
11765     flex: 1 1 5%;
11766     max-width: 5%;
11767     max-height: 100%;
11768     box-sizing: border-box; }
11769   .layout-md-column > .flex-md-5 {
11770     flex: 1 1 5%;
11771     max-width: 100%;
11772     max-height: 5%;
11773     box-sizing: border-box; }
11774   .flex-md-10 {
11775     flex: 1 1 10%;
11776     max-width: 10%;
11777     max-height: 100%;
11778     box-sizing: border-box; }
11779   .layout-row > .flex-md-10 {
11780     flex: 1 1 10%;
11781     max-width: 10%;
11782     max-height: 100%;
11783     box-sizing: border-box; }
11784   .layout-column > .flex-md-10 {
11785     flex: 1 1 10%;
11786     max-width: 100%;
11787     max-height: 10%;
11788     box-sizing: border-box; }
11789   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11790     flex: 1 1 33.33%;
11791     max-width: 33.33%;
11792     max-height: 100%;
11793     box-sizing: border-box; }
11794   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11795     flex: 1 1 66.66%;
11796     max-width: 66.66%;
11797     max-height: 100%;
11798     box-sizing: border-box; }
11799   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11800     flex: 1 1 33.33%;
11801     max-width: 100%;
11802     max-height: 33.33%;
11803     box-sizing: border-box; }
11804   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11805     flex: 1 1 66.66%;
11806     max-width: 100%;
11807     max-height: 66.66%;
11808     box-sizing: border-box; }
11809   .layout-md-row > .flex-md-10 {
11810     flex: 1 1 10%;
11811     max-width: 10%;
11812     max-height: 100%;
11813     box-sizing: border-box; }
11814   .layout-md-column > .flex-md-10 {
11815     flex: 1 1 10%;
11816     max-width: 100%;
11817     max-height: 10%;
11818     box-sizing: border-box; }
11819   .flex-md-15 {
11820     flex: 1 1 15%;
11821     max-width: 15%;
11822     max-height: 100%;
11823     box-sizing: border-box; }
11824   .layout-row > .flex-md-15 {
11825     flex: 1 1 15%;
11826     max-width: 15%;
11827     max-height: 100%;
11828     box-sizing: border-box; }
11829   .layout-column > .flex-md-15 {
11830     flex: 1 1 15%;
11831     max-width: 100%;
11832     max-height: 15%;
11833     box-sizing: border-box; }
11834   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11835     flex: 1 1 33.33%;
11836     max-width: 33.33%;
11837     max-height: 100%;
11838     box-sizing: border-box; }
11839   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11840     flex: 1 1 66.66%;
11841     max-width: 66.66%;
11842     max-height: 100%;
11843     box-sizing: border-box; }
11844   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11845     flex: 1 1 33.33%;
11846     max-width: 100%;
11847     max-height: 33.33%;
11848     box-sizing: border-box; }
11849   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11850     flex: 1 1 66.66%;
11851     max-width: 100%;
11852     max-height: 66.66%;
11853     box-sizing: border-box; }
11854   .layout-md-row > .flex-md-15 {
11855     flex: 1 1 15%;
11856     max-width: 15%;
11857     max-height: 100%;
11858     box-sizing: border-box; }
11859   .layout-md-column > .flex-md-15 {
11860     flex: 1 1 15%;
11861     max-width: 100%;
11862     max-height: 15%;
11863     box-sizing: border-box; }
11864   .flex-md-20 {
11865     flex: 1 1 20%;
11866     max-width: 20%;
11867     max-height: 100%;
11868     box-sizing: border-box; }
11869   .layout-row > .flex-md-20 {
11870     flex: 1 1 20%;
11871     max-width: 20%;
11872     max-height: 100%;
11873     box-sizing: border-box; }
11874   .layout-column > .flex-md-20 {
11875     flex: 1 1 20%;
11876     max-width: 100%;
11877     max-height: 20%;
11878     box-sizing: border-box; }
11879   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11880     flex: 1 1 33.33%;
11881     max-width: 33.33%;
11882     max-height: 100%;
11883     box-sizing: border-box; }
11884   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11885     flex: 1 1 66.66%;
11886     max-width: 66.66%;
11887     max-height: 100%;
11888     box-sizing: border-box; }
11889   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11890     flex: 1 1 33.33%;
11891     max-width: 100%;
11892     max-height: 33.33%;
11893     box-sizing: border-box; }
11894   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11895     flex: 1 1 66.66%;
11896     max-width: 100%;
11897     max-height: 66.66%;
11898     box-sizing: border-box; }
11899   .layout-md-row > .flex-md-20 {
11900     flex: 1 1 20%;
11901     max-width: 20%;
11902     max-height: 100%;
11903     box-sizing: border-box; }
11904   .layout-md-column > .flex-md-20 {
11905     flex: 1 1 20%;
11906     max-width: 100%;
11907     max-height: 20%;
11908     box-sizing: border-box; }
11909   .flex-md-25 {
11910     flex: 1 1 25%;
11911     max-width: 25%;
11912     max-height: 100%;
11913     box-sizing: border-box; }
11914   .layout-row > .flex-md-25 {
11915     flex: 1 1 25%;
11916     max-width: 25%;
11917     max-height: 100%;
11918     box-sizing: border-box; }
11919   .layout-column > .flex-md-25 {
11920     flex: 1 1 25%;
11921     max-width: 100%;
11922     max-height: 25%;
11923     box-sizing: border-box; }
11924   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11925     flex: 1 1 33.33%;
11926     max-width: 33.33%;
11927     max-height: 100%;
11928     box-sizing: border-box; }
11929   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11930     flex: 1 1 66.66%;
11931     max-width: 66.66%;
11932     max-height: 100%;
11933     box-sizing: border-box; }
11934   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11935     flex: 1 1 33.33%;
11936     max-width: 100%;
11937     max-height: 33.33%;
11938     box-sizing: border-box; }
11939   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11940     flex: 1 1 66.66%;
11941     max-width: 100%;
11942     max-height: 66.66%;
11943     box-sizing: border-box; }
11944   .layout-md-row > .flex-md-25 {
11945     flex: 1 1 25%;
11946     max-width: 25%;
11947     max-height: 100%;
11948     box-sizing: border-box; }
11949   .layout-md-column > .flex-md-25 {
11950     flex: 1 1 25%;
11951     max-width: 100%;
11952     max-height: 25%;
11953     box-sizing: border-box; }
11954   .flex-md-30 {
11955     flex: 1 1 30%;
11956     max-width: 30%;
11957     max-height: 100%;
11958     box-sizing: border-box; }
11959   .layout-row > .flex-md-30 {
11960     flex: 1 1 30%;
11961     max-width: 30%;
11962     max-height: 100%;
11963     box-sizing: border-box; }
11964   .layout-column > .flex-md-30 {
11965     flex: 1 1 30%;
11966     max-width: 100%;
11967     max-height: 30%;
11968     box-sizing: border-box; }
11969   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
11970     flex: 1 1 33.33%;
11971     max-width: 33.33%;
11972     max-height: 100%;
11973     box-sizing: border-box; }
11974   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
11975     flex: 1 1 66.66%;
11976     max-width: 66.66%;
11977     max-height: 100%;
11978     box-sizing: border-box; }
11979   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
11980     flex: 1 1 33.33%;
11981     max-width: 100%;
11982     max-height: 33.33%;
11983     box-sizing: border-box; }
11984   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
11985     flex: 1 1 66.66%;
11986     max-width: 100%;
11987     max-height: 66.66%;
11988     box-sizing: border-box; }
11989   .layout-md-row > .flex-md-30 {
11990     flex: 1 1 30%;
11991     max-width: 30%;
11992     max-height: 100%;
11993     box-sizing: border-box; }
11994   .layout-md-column > .flex-md-30 {
11995     flex: 1 1 30%;
11996     max-width: 100%;
11997     max-height: 30%;
11998     box-sizing: border-box; }
11999   .flex-md-35 {
12000     flex: 1 1 35%;
12001     max-width: 35%;
12002     max-height: 100%;
12003     box-sizing: border-box; }
12004   .layout-row > .flex-md-35 {
12005     flex: 1 1 35%;
12006     max-width: 35%;
12007     max-height: 100%;
12008     box-sizing: border-box; }
12009   .layout-column > .flex-md-35 {
12010     flex: 1 1 35%;
12011     max-width: 100%;
12012     max-height: 35%;
12013     box-sizing: border-box; }
12014   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12015     flex: 1 1 33.33%;
12016     max-width: 33.33%;
12017     max-height: 100%;
12018     box-sizing: border-box; }
12019   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12020     flex: 1 1 66.66%;
12021     max-width: 66.66%;
12022     max-height: 100%;
12023     box-sizing: border-box; }
12024   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12025     flex: 1 1 33.33%;
12026     max-width: 100%;
12027     max-height: 33.33%;
12028     box-sizing: border-box; }
12029   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12030     flex: 1 1 66.66%;
12031     max-width: 100%;
12032     max-height: 66.66%;
12033     box-sizing: border-box; }
12034   .layout-md-row > .flex-md-35 {
12035     flex: 1 1 35%;
12036     max-width: 35%;
12037     max-height: 100%;
12038     box-sizing: border-box; }
12039   .layout-md-column > .flex-md-35 {
12040     flex: 1 1 35%;
12041     max-width: 100%;
12042     max-height: 35%;
12043     box-sizing: border-box; }
12044   .flex-md-40 {
12045     flex: 1 1 40%;
12046     max-width: 40%;
12047     max-height: 100%;
12048     box-sizing: border-box; }
12049   .layout-row > .flex-md-40 {
12050     flex: 1 1 40%;
12051     max-width: 40%;
12052     max-height: 100%;
12053     box-sizing: border-box; }
12054   .layout-column > .flex-md-40 {
12055     flex: 1 1 40%;
12056     max-width: 100%;
12057     max-height: 40%;
12058     box-sizing: border-box; }
12059   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12060     flex: 1 1 33.33%;
12061     max-width: 33.33%;
12062     max-height: 100%;
12063     box-sizing: border-box; }
12064   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12065     flex: 1 1 66.66%;
12066     max-width: 66.66%;
12067     max-height: 100%;
12068     box-sizing: border-box; }
12069   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12070     flex: 1 1 33.33%;
12071     max-width: 100%;
12072     max-height: 33.33%;
12073     box-sizing: border-box; }
12074   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12075     flex: 1 1 66.66%;
12076     max-width: 100%;
12077     max-height: 66.66%;
12078     box-sizing: border-box; }
12079   .layout-md-row > .flex-md-40 {
12080     flex: 1 1 40%;
12081     max-width: 40%;
12082     max-height: 100%;
12083     box-sizing: border-box; }
12084   .layout-md-column > .flex-md-40 {
12085     flex: 1 1 40%;
12086     max-width: 100%;
12087     max-height: 40%;
12088     box-sizing: border-box; }
12089   .flex-md-45 {
12090     flex: 1 1 45%;
12091     max-width: 45%;
12092     max-height: 100%;
12093     box-sizing: border-box; }
12094   .layout-row > .flex-md-45 {
12095     flex: 1 1 45%;
12096     max-width: 45%;
12097     max-height: 100%;
12098     box-sizing: border-box; }
12099   .layout-column > .flex-md-45 {
12100     flex: 1 1 45%;
12101     max-width: 100%;
12102     max-height: 45%;
12103     box-sizing: border-box; }
12104   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12105     flex: 1 1 33.33%;
12106     max-width: 33.33%;
12107     max-height: 100%;
12108     box-sizing: border-box; }
12109   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12110     flex: 1 1 66.66%;
12111     max-width: 66.66%;
12112     max-height: 100%;
12113     box-sizing: border-box; }
12114   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12115     flex: 1 1 33.33%;
12116     max-width: 100%;
12117     max-height: 33.33%;
12118     box-sizing: border-box; }
12119   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12120     flex: 1 1 66.66%;
12121     max-width: 100%;
12122     max-height: 66.66%;
12123     box-sizing: border-box; }
12124   .layout-md-row > .flex-md-45 {
12125     flex: 1 1 45%;
12126     max-width: 45%;
12127     max-height: 100%;
12128     box-sizing: border-box; }
12129   .layout-md-column > .flex-md-45 {
12130     flex: 1 1 45%;
12131     max-width: 100%;
12132     max-height: 45%;
12133     box-sizing: border-box; }
12134   .flex-md-50 {
12135     flex: 1 1 50%;
12136     max-width: 50%;
12137     max-height: 100%;
12138     box-sizing: border-box; }
12139   .layout-row > .flex-md-50 {
12140     flex: 1 1 50%;
12141     max-width: 50%;
12142     max-height: 100%;
12143     box-sizing: border-box; }
12144   .layout-column > .flex-md-50 {
12145     flex: 1 1 50%;
12146     max-width: 100%;
12147     max-height: 50%;
12148     box-sizing: border-box; }
12149   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12150     flex: 1 1 33.33%;
12151     max-width: 33.33%;
12152     max-height: 100%;
12153     box-sizing: border-box; }
12154   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12155     flex: 1 1 66.66%;
12156     max-width: 66.66%;
12157     max-height: 100%;
12158     box-sizing: border-box; }
12159   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12160     flex: 1 1 33.33%;
12161     max-width: 100%;
12162     max-height: 33.33%;
12163     box-sizing: border-box; }
12164   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12165     flex: 1 1 66.66%;
12166     max-width: 100%;
12167     max-height: 66.66%;
12168     box-sizing: border-box; }
12169   .layout-md-row > .flex-md-50 {
12170     flex: 1 1 50%;
12171     max-width: 50%;
12172     max-height: 100%;
12173     box-sizing: border-box; }
12174   .layout-md-column > .flex-md-50 {
12175     flex: 1 1 50%;
12176     max-width: 100%;
12177     max-height: 50%;
12178     box-sizing: border-box; }
12179   .flex-md-55 {
12180     flex: 1 1 55%;
12181     max-width: 55%;
12182     max-height: 100%;
12183     box-sizing: border-box; }
12184   .layout-row > .flex-md-55 {
12185     flex: 1 1 55%;
12186     max-width: 55%;
12187     max-height: 100%;
12188     box-sizing: border-box; }
12189   .layout-column > .flex-md-55 {
12190     flex: 1 1 55%;
12191     max-width: 100%;
12192     max-height: 55%;
12193     box-sizing: border-box; }
12194   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12195     flex: 1 1 33.33%;
12196     max-width: 33.33%;
12197     max-height: 100%;
12198     box-sizing: border-box; }
12199   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12200     flex: 1 1 66.66%;
12201     max-width: 66.66%;
12202     max-height: 100%;
12203     box-sizing: border-box; }
12204   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12205     flex: 1 1 33.33%;
12206     max-width: 100%;
12207     max-height: 33.33%;
12208     box-sizing: border-box; }
12209   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12210     flex: 1 1 66.66%;
12211     max-width: 100%;
12212     max-height: 66.66%;
12213     box-sizing: border-box; }
12214   .layout-md-row > .flex-md-55 {
12215     flex: 1 1 55%;
12216     max-width: 55%;
12217     max-height: 100%;
12218     box-sizing: border-box; }
12219   .layout-md-column > .flex-md-55 {
12220     flex: 1 1 55%;
12221     max-width: 100%;
12222     max-height: 55%;
12223     box-sizing: border-box; }
12224   .flex-md-60 {
12225     flex: 1 1 60%;
12226     max-width: 60%;
12227     max-height: 100%;
12228     box-sizing: border-box; }
12229   .layout-row > .flex-md-60 {
12230     flex: 1 1 60%;
12231     max-width: 60%;
12232     max-height: 100%;
12233     box-sizing: border-box; }
12234   .layout-column > .flex-md-60 {
12235     flex: 1 1 60%;
12236     max-width: 100%;
12237     max-height: 60%;
12238     box-sizing: border-box; }
12239   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12240     flex: 1 1 33.33%;
12241     max-width: 33.33%;
12242     max-height: 100%;
12243     box-sizing: border-box; }
12244   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12245     flex: 1 1 66.66%;
12246     max-width: 66.66%;
12247     max-height: 100%;
12248     box-sizing: border-box; }
12249   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12250     flex: 1 1 33.33%;
12251     max-width: 100%;
12252     max-height: 33.33%;
12253     box-sizing: border-box; }
12254   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12255     flex: 1 1 66.66%;
12256     max-width: 100%;
12257     max-height: 66.66%;
12258     box-sizing: border-box; }
12259   .layout-md-row > .flex-md-60 {
12260     flex: 1 1 60%;
12261     max-width: 60%;
12262     max-height: 100%;
12263     box-sizing: border-box; }
12264   .layout-md-column > .flex-md-60 {
12265     flex: 1 1 60%;
12266     max-width: 100%;
12267     max-height: 60%;
12268     box-sizing: border-box; }
12269   .flex-md-65 {
12270     flex: 1 1 65%;
12271     max-width: 65%;
12272     max-height: 100%;
12273     box-sizing: border-box; }
12274   .layout-row > .flex-md-65 {
12275     flex: 1 1 65%;
12276     max-width: 65%;
12277     max-height: 100%;
12278     box-sizing: border-box; }
12279   .layout-column > .flex-md-65 {
12280     flex: 1 1 65%;
12281     max-width: 100%;
12282     max-height: 65%;
12283     box-sizing: border-box; }
12284   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12285     flex: 1 1 33.33%;
12286     max-width: 33.33%;
12287     max-height: 100%;
12288     box-sizing: border-box; }
12289   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12290     flex: 1 1 66.66%;
12291     max-width: 66.66%;
12292     max-height: 100%;
12293     box-sizing: border-box; }
12294   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12295     flex: 1 1 33.33%;
12296     max-width: 100%;
12297     max-height: 33.33%;
12298     box-sizing: border-box; }
12299   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12300     flex: 1 1 66.66%;
12301     max-width: 100%;
12302     max-height: 66.66%;
12303     box-sizing: border-box; }
12304   .layout-md-row > .flex-md-65 {
12305     flex: 1 1 65%;
12306     max-width: 65%;
12307     max-height: 100%;
12308     box-sizing: border-box; }
12309   .layout-md-column > .flex-md-65 {
12310     flex: 1 1 65%;
12311     max-width: 100%;
12312     max-height: 65%;
12313     box-sizing: border-box; }
12314   .flex-md-70 {
12315     flex: 1 1 70%;
12316     max-width: 70%;
12317     max-height: 100%;
12318     box-sizing: border-box; }
12319   .layout-row > .flex-md-70 {
12320     flex: 1 1 70%;
12321     max-width: 70%;
12322     max-height: 100%;
12323     box-sizing: border-box; }
12324   .layout-column > .flex-md-70 {
12325     flex: 1 1 70%;
12326     max-width: 100%;
12327     max-height: 70%;
12328     box-sizing: border-box; }
12329   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12330     flex: 1 1 33.33%;
12331     max-width: 33.33%;
12332     max-height: 100%;
12333     box-sizing: border-box; }
12334   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12335     flex: 1 1 66.66%;
12336     max-width: 66.66%;
12337     max-height: 100%;
12338     box-sizing: border-box; }
12339   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12340     flex: 1 1 33.33%;
12341     max-width: 100%;
12342     max-height: 33.33%;
12343     box-sizing: border-box; }
12344   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12345     flex: 1 1 66.66%;
12346     max-width: 100%;
12347     max-height: 66.66%;
12348     box-sizing: border-box; }
12349   .layout-md-row > .flex-md-70 {
12350     flex: 1 1 70%;
12351     max-width: 70%;
12352     max-height: 100%;
12353     box-sizing: border-box; }
12354   .layout-md-column > .flex-md-70 {
12355     flex: 1 1 70%;
12356     max-width: 100%;
12357     max-height: 70%;
12358     box-sizing: border-box; }
12359   .flex-md-75 {
12360     flex: 1 1 75%;
12361     max-width: 75%;
12362     max-height: 100%;
12363     box-sizing: border-box; }
12364   .layout-row > .flex-md-75 {
12365     flex: 1 1 75%;
12366     max-width: 75%;
12367     max-height: 100%;
12368     box-sizing: border-box; }
12369   .layout-column > .flex-md-75 {
12370     flex: 1 1 75%;
12371     max-width: 100%;
12372     max-height: 75%;
12373     box-sizing: border-box; }
12374   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12375     flex: 1 1 33.33%;
12376     max-width: 33.33%;
12377     max-height: 100%;
12378     box-sizing: border-box; }
12379   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12380     flex: 1 1 66.66%;
12381     max-width: 66.66%;
12382     max-height: 100%;
12383     box-sizing: border-box; }
12384   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12385     flex: 1 1 33.33%;
12386     max-width: 100%;
12387     max-height: 33.33%;
12388     box-sizing: border-box; }
12389   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12390     flex: 1 1 66.66%;
12391     max-width: 100%;
12392     max-height: 66.66%;
12393     box-sizing: border-box; }
12394   .layout-md-row > .flex-md-75 {
12395     flex: 1 1 75%;
12396     max-width: 75%;
12397     max-height: 100%;
12398     box-sizing: border-box; }
12399   .layout-md-column > .flex-md-75 {
12400     flex: 1 1 75%;
12401     max-width: 100%;
12402     max-height: 75%;
12403     box-sizing: border-box; }
12404   .flex-md-80 {
12405     flex: 1 1 80%;
12406     max-width: 80%;
12407     max-height: 100%;
12408     box-sizing: border-box; }
12409   .layout-row > .flex-md-80 {
12410     flex: 1 1 80%;
12411     max-width: 80%;
12412     max-height: 100%;
12413     box-sizing: border-box; }
12414   .layout-column > .flex-md-80 {
12415     flex: 1 1 80%;
12416     max-width: 100%;
12417     max-height: 80%;
12418     box-sizing: border-box; }
12419   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12420     flex: 1 1 33.33%;
12421     max-width: 33.33%;
12422     max-height: 100%;
12423     box-sizing: border-box; }
12424   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12425     flex: 1 1 66.66%;
12426     max-width: 66.66%;
12427     max-height: 100%;
12428     box-sizing: border-box; }
12429   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12430     flex: 1 1 33.33%;
12431     max-width: 100%;
12432     max-height: 33.33%;
12433     box-sizing: border-box; }
12434   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12435     flex: 1 1 66.66%;
12436     max-width: 100%;
12437     max-height: 66.66%;
12438     box-sizing: border-box; }
12439   .layout-md-row > .flex-md-80 {
12440     flex: 1 1 80%;
12441     max-width: 80%;
12442     max-height: 100%;
12443     box-sizing: border-box; }
12444   .layout-md-column > .flex-md-80 {
12445     flex: 1 1 80%;
12446     max-width: 100%;
12447     max-height: 80%;
12448     box-sizing: border-box; }
12449   .flex-md-85 {
12450     flex: 1 1 85%;
12451     max-width: 85%;
12452     max-height: 100%;
12453     box-sizing: border-box; }
12454   .layout-row > .flex-md-85 {
12455     flex: 1 1 85%;
12456     max-width: 85%;
12457     max-height: 100%;
12458     box-sizing: border-box; }
12459   .layout-column > .flex-md-85 {
12460     flex: 1 1 85%;
12461     max-width: 100%;
12462     max-height: 85%;
12463     box-sizing: border-box; }
12464   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12465     flex: 1 1 33.33%;
12466     max-width: 33.33%;
12467     max-height: 100%;
12468     box-sizing: border-box; }
12469   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12470     flex: 1 1 66.66%;
12471     max-width: 66.66%;
12472     max-height: 100%;
12473     box-sizing: border-box; }
12474   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12475     flex: 1 1 33.33%;
12476     max-width: 100%;
12477     max-height: 33.33%;
12478     box-sizing: border-box; }
12479   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12480     flex: 1 1 66.66%;
12481     max-width: 100%;
12482     max-height: 66.66%;
12483     box-sizing: border-box; }
12484   .layout-md-row > .flex-md-85 {
12485     flex: 1 1 85%;
12486     max-width: 85%;
12487     max-height: 100%;
12488     box-sizing: border-box; }
12489   .layout-md-column > .flex-md-85 {
12490     flex: 1 1 85%;
12491     max-width: 100%;
12492     max-height: 85%;
12493     box-sizing: border-box; }
12494   .flex-md-90 {
12495     flex: 1 1 90%;
12496     max-width: 90%;
12497     max-height: 100%;
12498     box-sizing: border-box; }
12499   .layout-row > .flex-md-90 {
12500     flex: 1 1 90%;
12501     max-width: 90%;
12502     max-height: 100%;
12503     box-sizing: border-box; }
12504   .layout-column > .flex-md-90 {
12505     flex: 1 1 90%;
12506     max-width: 100%;
12507     max-height: 90%;
12508     box-sizing: border-box; }
12509   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12510     flex: 1 1 33.33%;
12511     max-width: 33.33%;
12512     max-height: 100%;
12513     box-sizing: border-box; }
12514   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12515     flex: 1 1 66.66%;
12516     max-width: 66.66%;
12517     max-height: 100%;
12518     box-sizing: border-box; }
12519   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12520     flex: 1 1 33.33%;
12521     max-width: 100%;
12522     max-height: 33.33%;
12523     box-sizing: border-box; }
12524   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12525     flex: 1 1 66.66%;
12526     max-width: 100%;
12527     max-height: 66.66%;
12528     box-sizing: border-box; }
12529   .layout-md-row > .flex-md-90 {
12530     flex: 1 1 90%;
12531     max-width: 90%;
12532     max-height: 100%;
12533     box-sizing: border-box; }
12534   .layout-md-column > .flex-md-90 {
12535     flex: 1 1 90%;
12536     max-width: 100%;
12537     max-height: 90%;
12538     box-sizing: border-box; }
12539   .flex-md-95 {
12540     flex: 1 1 95%;
12541     max-width: 95%;
12542     max-height: 100%;
12543     box-sizing: border-box; }
12544   .layout-row > .flex-md-95 {
12545     flex: 1 1 95%;
12546     max-width: 95%;
12547     max-height: 100%;
12548     box-sizing: border-box; }
12549   .layout-column > .flex-md-95 {
12550     flex: 1 1 95%;
12551     max-width: 100%;
12552     max-height: 95%;
12553     box-sizing: border-box; }
12554   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12555     flex: 1 1 33.33%;
12556     max-width: 33.33%;
12557     max-height: 100%;
12558     box-sizing: border-box; }
12559   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12560     flex: 1 1 66.66%;
12561     max-width: 66.66%;
12562     max-height: 100%;
12563     box-sizing: border-box; }
12564   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12565     flex: 1 1 33.33%;
12566     max-width: 100%;
12567     max-height: 33.33%;
12568     box-sizing: border-box; }
12569   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12570     flex: 1 1 66.66%;
12571     max-width: 100%;
12572     max-height: 66.66%;
12573     box-sizing: border-box; }
12574   .layout-md-row > .flex-md-95 {
12575     flex: 1 1 95%;
12576     max-width: 95%;
12577     max-height: 100%;
12578     box-sizing: border-box; }
12579   .layout-md-column > .flex-md-95 {
12580     flex: 1 1 95%;
12581     max-width: 100%;
12582     max-height: 95%;
12583     box-sizing: border-box; }
12584   .flex-md-100 {
12585     flex: 1 1 100%;
12586     max-width: 100%;
12587     max-height: 100%;
12588     box-sizing: border-box; }
12589   .layout-row > .flex-md-100 {
12590     flex: 1 1 100%;
12591     max-width: 100%;
12592     max-height: 100%;
12593     box-sizing: border-box; }
12594   .layout-column > .flex-md-100 {
12595     flex: 1 1 100%;
12596     max-width: 100%;
12597     max-height: 100%;
12598     box-sizing: border-box; }
12599   .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
12600     flex: 1 1 33.33%;
12601     max-width: 33.33%;
12602     max-height: 100%;
12603     box-sizing: border-box; }
12604   .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
12605     flex: 1 1 66.66%;
12606     max-width: 66.66%;
12607     max-height: 100%;
12608     box-sizing: border-box; }
12609   .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
12610     flex: 1 1 33.33%;
12611     max-width: 100%;
12612     max-height: 33.33%;
12613     box-sizing: border-box; }
12614   .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
12615     flex: 1 1 66.66%;
12616     max-width: 100%;
12617     max-height: 66.66%;
12618     box-sizing: border-box; }
12619   .layout-md-row > .flex-md-100 {
12620     flex: 1 1 100%;
12621     max-width: 100%;
12622     max-height: 100%;
12623     box-sizing: border-box; }
12624   .layout-md-column > .flex-md-100 {
12625     flex: 1 1 100%;
12626     max-width: 100%;
12627     max-height: 100%;
12628     box-sizing: border-box; }
12629   .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
12630     flex: 1 1 33.33%;
12631     max-width: 33.33%;
12632     max-height: 100%;
12633     box-sizing: border-box; }
12634   .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
12635     flex: 1 1 66.66%;
12636     max-width: 66.66%;
12637     max-height: 100%;
12638     box-sizing: border-box; }
12639   .layout-md-row > .flex {
12640     min-width: 0; }
12641   .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
12642     flex: 1 1 33.33%;
12643     max-width: 100%;
12644     max-height: 33.33%;
12645     box-sizing: border-box; }
12646   .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
12647     flex: 1 1 66.66%;
12648     max-width: 100%;
12649     max-height: 66.66%;
12650     box-sizing: border-box; }
12651   .layout-md-column > .flex {
12652     min-height: 0; }
12653   .layout-md, .layout-md-column, .layout-md-row {
12654     box-sizing: border-box;
12655     display: -webkit-box;
12656     display: -webkit-flex;
12657     display: -moz-box;
12658     display: -ms-flexbox;
12659     display: flex; }
12660   .layout-md-column {
12661     flex-direction: column; }
12662   .layout-md-row {
12663     flex-direction: row; } }
12664
12665 @media (min-width: 1280px) {
12666   .flex-order-gt-md--20 {
12667     order: -20; }
12668   .flex-order-gt-md--19 {
12669     order: -19; }
12670   .flex-order-gt-md--18 {
12671     order: -18; }
12672   .flex-order-gt-md--17 {
12673     order: -17; }
12674   .flex-order-gt-md--16 {
12675     order: -16; }
12676   .flex-order-gt-md--15 {
12677     order: -15; }
12678   .flex-order-gt-md--14 {
12679     order: -14; }
12680   .flex-order-gt-md--13 {
12681     order: -13; }
12682   .flex-order-gt-md--12 {
12683     order: -12; }
12684   .flex-order-gt-md--11 {
12685     order: -11; }
12686   .flex-order-gt-md--10 {
12687     order: -10; }
12688   .flex-order-gt-md--9 {
12689     order: -9; }
12690   .flex-order-gt-md--8 {
12691     order: -8; }
12692   .flex-order-gt-md--7 {
12693     order: -7; }
12694   .flex-order-gt-md--6 {
12695     order: -6; }
12696   .flex-order-gt-md--5 {
12697     order: -5; }
12698   .flex-order-gt-md--4 {
12699     order: -4; }
12700   .flex-order-gt-md--3 {
12701     order: -3; }
12702   .flex-order-gt-md--2 {
12703     order: -2; }
12704   .flex-order-gt-md--1 {
12705     order: -1; }
12706   .flex-order-gt-md-0 {
12707     order: 0; }
12708   .flex-order-gt-md-1 {
12709     order: 1; }
12710   .flex-order-gt-md-2 {
12711     order: 2; }
12712   .flex-order-gt-md-3 {
12713     order: 3; }
12714   .flex-order-gt-md-4 {
12715     order: 4; }
12716   .flex-order-gt-md-5 {
12717     order: 5; }
12718   .flex-order-gt-md-6 {
12719     order: 6; }
12720   .flex-order-gt-md-7 {
12721     order: 7; }
12722   .flex-order-gt-md-8 {
12723     order: 8; }
12724   .flex-order-gt-md-9 {
12725     order: 9; }
12726   .flex-order-gt-md-10 {
12727     order: 10; }
12728   .flex-order-gt-md-11 {
12729     order: 11; }
12730   .flex-order-gt-md-12 {
12731     order: 12; }
12732   .flex-order-gt-md-13 {
12733     order: 13; }
12734   .flex-order-gt-md-14 {
12735     order: 14; }
12736   .flex-order-gt-md-15 {
12737     order: 15; }
12738   .flex-order-gt-md-16 {
12739     order: 16; }
12740   .flex-order-gt-md-17 {
12741     order: 17; }
12742   .flex-order-gt-md-18 {
12743     order: 18; }
12744   .flex-order-gt-md-19 {
12745     order: 19; }
12746   .flex-order-gt-md-20 {
12747     order: 20; }
12748   .offset-gt-md-0, .flex-offset-gt-md-0 {
12749     margin-left: 0; }
12750     [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0 {
12751       margin-left: auto;
12752       margin-right: 0; }
12753   .offset-gt-md-5, .flex-offset-gt-md-5 {
12754     margin-left: 5%; }
12755     [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5 {
12756       margin-left: auto;
12757       margin-right: 5%; }
12758   .offset-gt-md-10, .flex-offset-gt-md-10 {
12759     margin-left: 10%; }
12760     [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10 {
12761       margin-left: auto;
12762       margin-right: 10%; }
12763   .offset-gt-md-15, .flex-offset-gt-md-15 {
12764     margin-left: 15%; }
12765     [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15 {
12766       margin-left: auto;
12767       margin-right: 15%; }
12768   .offset-gt-md-20, .flex-offset-gt-md-20 {
12769     margin-left: 20%; }
12770     [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20 {
12771       margin-left: auto;
12772       margin-right: 20%; }
12773   .offset-gt-md-25, .flex-offset-gt-md-25 {
12774     margin-left: 25%; }
12775     [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25 {
12776       margin-left: auto;
12777       margin-right: 25%; }
12778   .offset-gt-md-30, .flex-offset-gt-md-30 {
12779     margin-left: 30%; }
12780     [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30 {
12781       margin-left: auto;
12782       margin-right: 30%; }
12783   .offset-gt-md-35, .flex-offset-gt-md-35 {
12784     margin-left: 35%; }
12785     [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35 {
12786       margin-left: auto;
12787       margin-right: 35%; }
12788   .offset-gt-md-40, .flex-offset-gt-md-40 {
12789     margin-left: 40%; }
12790     [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40 {
12791       margin-left: auto;
12792       margin-right: 40%; }
12793   .offset-gt-md-45, .flex-offset-gt-md-45 {
12794     margin-left: 45%; }
12795     [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45 {
12796       margin-left: auto;
12797       margin-right: 45%; }
12798   .offset-gt-md-50, .flex-offset-gt-md-50 {
12799     margin-left: 50%; }
12800     [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50 {
12801       margin-left: auto;
12802       margin-right: 50%; }
12803   .offset-gt-md-55, .flex-offset-gt-md-55 {
12804     margin-left: 55%; }
12805     [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55 {
12806       margin-left: auto;
12807       margin-right: 55%; }
12808   .offset-gt-md-60, .flex-offset-gt-md-60 {
12809     margin-left: 60%; }
12810     [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60 {
12811       margin-left: auto;
12812       margin-right: 60%; }
12813   .offset-gt-md-65, .flex-offset-gt-md-65 {
12814     margin-left: 65%; }
12815     [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65 {
12816       margin-left: auto;
12817       margin-right: 65%; }
12818   .offset-gt-md-70, .flex-offset-gt-md-70 {
12819     margin-left: 70%; }
12820     [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70 {
12821       margin-left: auto;
12822       margin-right: 70%; }
12823   .offset-gt-md-75, .flex-offset-gt-md-75 {
12824     margin-left: 75%; }
12825     [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75 {
12826       margin-left: auto;
12827       margin-right: 75%; }
12828   .offset-gt-md-80, .flex-offset-gt-md-80 {
12829     margin-left: 80%; }
12830     [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80 {
12831       margin-left: auto;
12832       margin-right: 80%; }
12833   .offset-gt-md-85, .flex-offset-gt-md-85 {
12834     margin-left: 85%; }
12835     [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85 {
12836       margin-left: auto;
12837       margin-right: 85%; }
12838   .offset-gt-md-90, .flex-offset-gt-md-90 {
12839     margin-left: 90%; }
12840     [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90 {
12841       margin-left: auto;
12842       margin-right: 90%; }
12843   .offset-gt-md-95, .flex-offset-gt-md-95 {
12844     margin-left: 95%; }
12845     [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95 {
12846       margin-left: auto;
12847       margin-right: 95%; }
12848   .offset-gt-md-33, .flex-offset-gt-md-33 {
12849     margin-left: calc(100% / 3); }
12850   .offset-gt-md-66, .flex-offset-gt-md-66 {
12851     margin-left: calc(200% / 3); }
12852     [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66 {
12853       margin-left: auto;
12854       margin-right: calc(200% / 3); }
12855   .layout-align-gt-md,
12856   .layout-align-gt-md-start-stretch {
12857     justify-content: flex-start;
12858     align-content: stretch;
12859     align-items: stretch; }
12860   .layout-align-gt-md-start,
12861   .layout-align-gt-md-start-start,
12862   .layout-align-gt-md-start-center,
12863   .layout-align-gt-md-start-end,
12864   .layout-align-gt-md-start-stretch {
12865     justify-content: flex-start; }
12866   .layout-align-gt-md-center,
12867   .layout-align-gt-md-center-start,
12868   .layout-align-gt-md-center-center,
12869   .layout-align-gt-md-center-end,
12870   .layout-align-gt-md-center-stretch {
12871     justify-content: center; }
12872   .layout-align-gt-md-end,
12873   .layout-align-gt-md-end-start,
12874   .layout-align-gt-md-end-center,
12875   .layout-align-gt-md-end-end,
12876   .layout-align-gt-md-end-stretch {
12877     justify-content: flex-end; }
12878   .layout-align-gt-md-space-around,
12879   .layout-align-gt-md-space-around-center,
12880   .layout-align-gt-md-space-around-start,
12881   .layout-align-gt-md-space-around-end,
12882   .layout-align-gt-md-space-around-stretch {
12883     justify-content: space-around; }
12884   .layout-align-gt-md-space-between,
12885   .layout-align-gt-md-space-between-center,
12886   .layout-align-gt-md-space-between-start,
12887   .layout-align-gt-md-space-between-end,
12888   .layout-align-gt-md-space-between-stretch {
12889     justify-content: space-between; }
12890   .layout-align-gt-md-start-start,
12891   .layout-align-gt-md-center-start,
12892   .layout-align-gt-md-end-start,
12893   .layout-align-gt-md-space-between-start,
12894   .layout-align-gt-md-space-around-start {
12895     align-items: flex-start;
12896     align-content: flex-start; }
12897   .layout-align-gt-md-start-center,
12898   .layout-align-gt-md-center-center,
12899   .layout-align-gt-md-end-center,
12900   .layout-align-gt-md-space-between-center,
12901   .layout-align-gt-md-space-around-center {
12902     align-items: center;
12903     align-content: center;
12904     max-width: 100%; }
12905   .layout-align-gt-md-start-center > *,
12906   .layout-align-gt-md-center-center > *,
12907   .layout-align-gt-md-end-center > *,
12908   .layout-align-gt-md-space-between-center > *,
12909   .layout-align-gt-md-space-around-center > * {
12910     max-width: 100%;
12911     box-sizing: border-box; }
12912   .layout-align-gt-md-start-end,
12913   .layout-align-gt-md-center-end,
12914   .layout-align-gt-md-end-end,
12915   .layout-align-gt-md-space-between-end,
12916   .layout-align-gt-md-space-around-end {
12917     align-items: flex-end;
12918     align-content: flex-end; }
12919   .layout-align-gt-md-start-stretch,
12920   .layout-align-gt-md-center-stretch,
12921   .layout-align-gt-md-end-stretch,
12922   .layout-align-gt-md-space-between-stretch,
12923   .layout-align-gt-md-space-around-stretch {
12924     align-items: stretch;
12925     align-content: stretch; }
12926   .flex-gt-md {
12927     flex: 1;
12928     box-sizing: border-box; }
12929   .flex-gt-md-grow {
12930     flex: 1 1 100%;
12931     box-sizing: border-box; }
12932   .flex-gt-md-initial {
12933     flex: 0 1 auto;
12934     box-sizing: border-box; }
12935   .flex-gt-md-auto {
12936     flex: 1 1 auto;
12937     box-sizing: border-box; }
12938   .flex-gt-md-none {
12939     flex: 0 0 auto;
12940     box-sizing: border-box; }
12941   .flex-gt-md-noshrink {
12942     flex: 1 0 auto;
12943     box-sizing: border-box; }
12944   .flex-gt-md-nogrow {
12945     flex: 0 1 auto;
12946     box-sizing: border-box; }
12947   .flex-gt-md-0 {
12948     flex: 1 1 0%;
12949     max-width: 0%;
12950     max-height: 100%;
12951     box-sizing: border-box; }
12952   .layout-row > .flex-gt-md-0 {
12953     flex: 1 1 0%;
12954     max-width: 0%;
12955     max-height: 100%;
12956     box-sizing: border-box;
12957     min-width: 0; }
12958   .layout-column > .flex-gt-md-0 {
12959     flex: 1 1 0%;
12960     max-width: 100%;
12961     max-height: 0%;
12962     box-sizing: border-box; }
12963   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
12964     flex: 1 1 33.33%;
12965     max-width: 33.33%;
12966     max-height: 100%;
12967     box-sizing: border-box; }
12968   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
12969     flex: 1 1 66.66%;
12970     max-width: 66.66%;
12971     max-height: 100%;
12972     box-sizing: border-box; }
12973   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
12974     flex: 1 1 33.33%;
12975     max-width: 100%;
12976     max-height: 33.33%;
12977     box-sizing: border-box; }
12978   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
12979     flex: 1 1 66.66%;
12980     max-width: 100%;
12981     max-height: 66.66%;
12982     box-sizing: border-box; }
12983   .layout-gt-md-row > .flex-gt-md-0 {
12984     flex: 1 1 0%;
12985     max-width: 0%;
12986     max-height: 100%;
12987     box-sizing: border-box;
12988     min-width: 0; }
12989   .layout-gt-md-column > .flex-gt-md-0 {
12990     flex: 1 1 0%;
12991     max-width: 100%;
12992     max-height: 0%;
12993     box-sizing: border-box;
12994     min-height: 0; }
12995   .flex-gt-md-5 {
12996     flex: 1 1 5%;
12997     max-width: 5%;
12998     max-height: 100%;
12999     box-sizing: border-box; }
13000   .layout-row > .flex-gt-md-5 {
13001     flex: 1 1 5%;
13002     max-width: 5%;
13003     max-height: 100%;
13004     box-sizing: border-box; }
13005   .layout-column > .flex-gt-md-5 {
13006     flex: 1 1 5%;
13007     max-width: 100%;
13008     max-height: 5%;
13009     box-sizing: border-box; }
13010   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13011     flex: 1 1 33.33%;
13012     max-width: 33.33%;
13013     max-height: 100%;
13014     box-sizing: border-box; }
13015   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13016     flex: 1 1 66.66%;
13017     max-width: 66.66%;
13018     max-height: 100%;
13019     box-sizing: border-box; }
13020   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13021     flex: 1 1 33.33%;
13022     max-width: 100%;
13023     max-height: 33.33%;
13024     box-sizing: border-box; }
13025   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13026     flex: 1 1 66.66%;
13027     max-width: 100%;
13028     max-height: 66.66%;
13029     box-sizing: border-box; }
13030   .layout-gt-md-row > .flex-gt-md-5 {
13031     flex: 1 1 5%;
13032     max-width: 5%;
13033     max-height: 100%;
13034     box-sizing: border-box; }
13035   .layout-gt-md-column > .flex-gt-md-5 {
13036     flex: 1 1 5%;
13037     max-width: 100%;
13038     max-height: 5%;
13039     box-sizing: border-box; }
13040   .flex-gt-md-10 {
13041     flex: 1 1 10%;
13042     max-width: 10%;
13043     max-height: 100%;
13044     box-sizing: border-box; }
13045   .layout-row > .flex-gt-md-10 {
13046     flex: 1 1 10%;
13047     max-width: 10%;
13048     max-height: 100%;
13049     box-sizing: border-box; }
13050   .layout-column > .flex-gt-md-10 {
13051     flex: 1 1 10%;
13052     max-width: 100%;
13053     max-height: 10%;
13054     box-sizing: border-box; }
13055   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13056     flex: 1 1 33.33%;
13057     max-width: 33.33%;
13058     max-height: 100%;
13059     box-sizing: border-box; }
13060   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13061     flex: 1 1 66.66%;
13062     max-width: 66.66%;
13063     max-height: 100%;
13064     box-sizing: border-box; }
13065   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13066     flex: 1 1 33.33%;
13067     max-width: 100%;
13068     max-height: 33.33%;
13069     box-sizing: border-box; }
13070   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13071     flex: 1 1 66.66%;
13072     max-width: 100%;
13073     max-height: 66.66%;
13074     box-sizing: border-box; }
13075   .layout-gt-md-row > .flex-gt-md-10 {
13076     flex: 1 1 10%;
13077     max-width: 10%;
13078     max-height: 100%;
13079     box-sizing: border-box; }
13080   .layout-gt-md-column > .flex-gt-md-10 {
13081     flex: 1 1 10%;
13082     max-width: 100%;
13083     max-height: 10%;
13084     box-sizing: border-box; }
13085   .flex-gt-md-15 {
13086     flex: 1 1 15%;
13087     max-width: 15%;
13088     max-height: 100%;
13089     box-sizing: border-box; }
13090   .layout-row > .flex-gt-md-15 {
13091     flex: 1 1 15%;
13092     max-width: 15%;
13093     max-height: 100%;
13094     box-sizing: border-box; }
13095   .layout-column > .flex-gt-md-15 {
13096     flex: 1 1 15%;
13097     max-width: 100%;
13098     max-height: 15%;
13099     box-sizing: border-box; }
13100   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13101     flex: 1 1 33.33%;
13102     max-width: 33.33%;
13103     max-height: 100%;
13104     box-sizing: border-box; }
13105   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13106     flex: 1 1 66.66%;
13107     max-width: 66.66%;
13108     max-height: 100%;
13109     box-sizing: border-box; }
13110   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13111     flex: 1 1 33.33%;
13112     max-width: 100%;
13113     max-height: 33.33%;
13114     box-sizing: border-box; }
13115   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13116     flex: 1 1 66.66%;
13117     max-width: 100%;
13118     max-height: 66.66%;
13119     box-sizing: border-box; }
13120   .layout-gt-md-row > .flex-gt-md-15 {
13121     flex: 1 1 15%;
13122     max-width: 15%;
13123     max-height: 100%;
13124     box-sizing: border-box; }
13125   .layout-gt-md-column > .flex-gt-md-15 {
13126     flex: 1 1 15%;
13127     max-width: 100%;
13128     max-height: 15%;
13129     box-sizing: border-box; }
13130   .flex-gt-md-20 {
13131     flex: 1 1 20%;
13132     max-width: 20%;
13133     max-height: 100%;
13134     box-sizing: border-box; }
13135   .layout-row > .flex-gt-md-20 {
13136     flex: 1 1 20%;
13137     max-width: 20%;
13138     max-height: 100%;
13139     box-sizing: border-box; }
13140   .layout-column > .flex-gt-md-20 {
13141     flex: 1 1 20%;
13142     max-width: 100%;
13143     max-height: 20%;
13144     box-sizing: border-box; }
13145   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13146     flex: 1 1 33.33%;
13147     max-width: 33.33%;
13148     max-height: 100%;
13149     box-sizing: border-box; }
13150   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13151     flex: 1 1 66.66%;
13152     max-width: 66.66%;
13153     max-height: 100%;
13154     box-sizing: border-box; }
13155   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13156     flex: 1 1 33.33%;
13157     max-width: 100%;
13158     max-height: 33.33%;
13159     box-sizing: border-box; }
13160   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13161     flex: 1 1 66.66%;
13162     max-width: 100%;
13163     max-height: 66.66%;
13164     box-sizing: border-box; }
13165   .layout-gt-md-row > .flex-gt-md-20 {
13166     flex: 1 1 20%;
13167     max-width: 20%;
13168     max-height: 100%;
13169     box-sizing: border-box; }
13170   .layout-gt-md-column > .flex-gt-md-20 {
13171     flex: 1 1 20%;
13172     max-width: 100%;
13173     max-height: 20%;
13174     box-sizing: border-box; }
13175   .flex-gt-md-25 {
13176     flex: 1 1 25%;
13177     max-width: 25%;
13178     max-height: 100%;
13179     box-sizing: border-box; }
13180   .layout-row > .flex-gt-md-25 {
13181     flex: 1 1 25%;
13182     max-width: 25%;
13183     max-height: 100%;
13184     box-sizing: border-box; }
13185   .layout-column > .flex-gt-md-25 {
13186     flex: 1 1 25%;
13187     max-width: 100%;
13188     max-height: 25%;
13189     box-sizing: border-box; }
13190   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13191     flex: 1 1 33.33%;
13192     max-width: 33.33%;
13193     max-height: 100%;
13194     box-sizing: border-box; }
13195   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13196     flex: 1 1 66.66%;
13197     max-width: 66.66%;
13198     max-height: 100%;
13199     box-sizing: border-box; }
13200   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13201     flex: 1 1 33.33%;
13202     max-width: 100%;
13203     max-height: 33.33%;
13204     box-sizing: border-box; }
13205   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13206     flex: 1 1 66.66%;
13207     max-width: 100%;
13208     max-height: 66.66%;
13209     box-sizing: border-box; }
13210   .layout-gt-md-row > .flex-gt-md-25 {
13211     flex: 1 1 25%;
13212     max-width: 25%;
13213     max-height: 100%;
13214     box-sizing: border-box; }
13215   .layout-gt-md-column > .flex-gt-md-25 {
13216     flex: 1 1 25%;
13217     max-width: 100%;
13218     max-height: 25%;
13219     box-sizing: border-box; }
13220   .flex-gt-md-30 {
13221     flex: 1 1 30%;
13222     max-width: 30%;
13223     max-height: 100%;
13224     box-sizing: border-box; }
13225   .layout-row > .flex-gt-md-30 {
13226     flex: 1 1 30%;
13227     max-width: 30%;
13228     max-height: 100%;
13229     box-sizing: border-box; }
13230   .layout-column > .flex-gt-md-30 {
13231     flex: 1 1 30%;
13232     max-width: 100%;
13233     max-height: 30%;
13234     box-sizing: border-box; }
13235   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13236     flex: 1 1 33.33%;
13237     max-width: 33.33%;
13238     max-height: 100%;
13239     box-sizing: border-box; }
13240   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13241     flex: 1 1 66.66%;
13242     max-width: 66.66%;
13243     max-height: 100%;
13244     box-sizing: border-box; }
13245   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13246     flex: 1 1 33.33%;
13247     max-width: 100%;
13248     max-height: 33.33%;
13249     box-sizing: border-box; }
13250   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13251     flex: 1 1 66.66%;
13252     max-width: 100%;
13253     max-height: 66.66%;
13254     box-sizing: border-box; }
13255   .layout-gt-md-row > .flex-gt-md-30 {
13256     flex: 1 1 30%;
13257     max-width: 30%;
13258     max-height: 100%;
13259     box-sizing: border-box; }
13260   .layout-gt-md-column > .flex-gt-md-30 {
13261     flex: 1 1 30%;
13262     max-width: 100%;
13263     max-height: 30%;
13264     box-sizing: border-box; }
13265   .flex-gt-md-35 {
13266     flex: 1 1 35%;
13267     max-width: 35%;
13268     max-height: 100%;
13269     box-sizing: border-box; }
13270   .layout-row > .flex-gt-md-35 {
13271     flex: 1 1 35%;
13272     max-width: 35%;
13273     max-height: 100%;
13274     box-sizing: border-box; }
13275   .layout-column > .flex-gt-md-35 {
13276     flex: 1 1 35%;
13277     max-width: 100%;
13278     max-height: 35%;
13279     box-sizing: border-box; }
13280   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13281     flex: 1 1 33.33%;
13282     max-width: 33.33%;
13283     max-height: 100%;
13284     box-sizing: border-box; }
13285   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13286     flex: 1 1 66.66%;
13287     max-width: 66.66%;
13288     max-height: 100%;
13289     box-sizing: border-box; }
13290   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13291     flex: 1 1 33.33%;
13292     max-width: 100%;
13293     max-height: 33.33%;
13294     box-sizing: border-box; }
13295   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13296     flex: 1 1 66.66%;
13297     max-width: 100%;
13298     max-height: 66.66%;
13299     box-sizing: border-box; }
13300   .layout-gt-md-row > .flex-gt-md-35 {
13301     flex: 1 1 35%;
13302     max-width: 35%;
13303     max-height: 100%;
13304     box-sizing: border-box; }
13305   .layout-gt-md-column > .flex-gt-md-35 {
13306     flex: 1 1 35%;
13307     max-width: 100%;
13308     max-height: 35%;
13309     box-sizing: border-box; }
13310   .flex-gt-md-40 {
13311     flex: 1 1 40%;
13312     max-width: 40%;
13313     max-height: 100%;
13314     box-sizing: border-box; }
13315   .layout-row > .flex-gt-md-40 {
13316     flex: 1 1 40%;
13317     max-width: 40%;
13318     max-height: 100%;
13319     box-sizing: border-box; }
13320   .layout-column > .flex-gt-md-40 {
13321     flex: 1 1 40%;
13322     max-width: 100%;
13323     max-height: 40%;
13324     box-sizing: border-box; }
13325   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13326     flex: 1 1 33.33%;
13327     max-width: 33.33%;
13328     max-height: 100%;
13329     box-sizing: border-box; }
13330   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13331     flex: 1 1 66.66%;
13332     max-width: 66.66%;
13333     max-height: 100%;
13334     box-sizing: border-box; }
13335   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13336     flex: 1 1 33.33%;
13337     max-width: 100%;
13338     max-height: 33.33%;
13339     box-sizing: border-box; }
13340   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13341     flex: 1 1 66.66%;
13342     max-width: 100%;
13343     max-height: 66.66%;
13344     box-sizing: border-box; }
13345   .layout-gt-md-row > .flex-gt-md-40 {
13346     flex: 1 1 40%;
13347     max-width: 40%;
13348     max-height: 100%;
13349     box-sizing: border-box; }
13350   .layout-gt-md-column > .flex-gt-md-40 {
13351     flex: 1 1 40%;
13352     max-width: 100%;
13353     max-height: 40%;
13354     box-sizing: border-box; }
13355   .flex-gt-md-45 {
13356     flex: 1 1 45%;
13357     max-width: 45%;
13358     max-height: 100%;
13359     box-sizing: border-box; }
13360   .layout-row > .flex-gt-md-45 {
13361     flex: 1 1 45%;
13362     max-width: 45%;
13363     max-height: 100%;
13364     box-sizing: border-box; }
13365   .layout-column > .flex-gt-md-45 {
13366     flex: 1 1 45%;
13367     max-width: 100%;
13368     max-height: 45%;
13369     box-sizing: border-box; }
13370   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13371     flex: 1 1 33.33%;
13372     max-width: 33.33%;
13373     max-height: 100%;
13374     box-sizing: border-box; }
13375   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13376     flex: 1 1 66.66%;
13377     max-width: 66.66%;
13378     max-height: 100%;
13379     box-sizing: border-box; }
13380   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13381     flex: 1 1 33.33%;
13382     max-width: 100%;
13383     max-height: 33.33%;
13384     box-sizing: border-box; }
13385   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13386     flex: 1 1 66.66%;
13387     max-width: 100%;
13388     max-height: 66.66%;
13389     box-sizing: border-box; }
13390   .layout-gt-md-row > .flex-gt-md-45 {
13391     flex: 1 1 45%;
13392     max-width: 45%;
13393     max-height: 100%;
13394     box-sizing: border-box; }
13395   .layout-gt-md-column > .flex-gt-md-45 {
13396     flex: 1 1 45%;
13397     max-width: 100%;
13398     max-height: 45%;
13399     box-sizing: border-box; }
13400   .flex-gt-md-50 {
13401     flex: 1 1 50%;
13402     max-width: 50%;
13403     max-height: 100%;
13404     box-sizing: border-box; }
13405   .layout-row > .flex-gt-md-50 {
13406     flex: 1 1 50%;
13407     max-width: 50%;
13408     max-height: 100%;
13409     box-sizing: border-box; }
13410   .layout-column > .flex-gt-md-50 {
13411     flex: 1 1 50%;
13412     max-width: 100%;
13413     max-height: 50%;
13414     box-sizing: border-box; }
13415   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13416     flex: 1 1 33.33%;
13417     max-width: 33.33%;
13418     max-height: 100%;
13419     box-sizing: border-box; }
13420   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13421     flex: 1 1 66.66%;
13422     max-width: 66.66%;
13423     max-height: 100%;
13424     box-sizing: border-box; }
13425   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13426     flex: 1 1 33.33%;
13427     max-width: 100%;
13428     max-height: 33.33%;
13429     box-sizing: border-box; }
13430   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13431     flex: 1 1 66.66%;
13432     max-width: 100%;
13433     max-height: 66.66%;
13434     box-sizing: border-box; }
13435   .layout-gt-md-row > .flex-gt-md-50 {
13436     flex: 1 1 50%;
13437     max-width: 50%;
13438     max-height: 100%;
13439     box-sizing: border-box; }
13440   .layout-gt-md-column > .flex-gt-md-50 {
13441     flex: 1 1 50%;
13442     max-width: 100%;
13443     max-height: 50%;
13444     box-sizing: border-box; }
13445   .flex-gt-md-55 {
13446     flex: 1 1 55%;
13447     max-width: 55%;
13448     max-height: 100%;
13449     box-sizing: border-box; }
13450   .layout-row > .flex-gt-md-55 {
13451     flex: 1 1 55%;
13452     max-width: 55%;
13453     max-height: 100%;
13454     box-sizing: border-box; }
13455   .layout-column > .flex-gt-md-55 {
13456     flex: 1 1 55%;
13457     max-width: 100%;
13458     max-height: 55%;
13459     box-sizing: border-box; }
13460   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13461     flex: 1 1 33.33%;
13462     max-width: 33.33%;
13463     max-height: 100%;
13464     box-sizing: border-box; }
13465   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13466     flex: 1 1 66.66%;
13467     max-width: 66.66%;
13468     max-height: 100%;
13469     box-sizing: border-box; }
13470   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13471     flex: 1 1 33.33%;
13472     max-width: 100%;
13473     max-height: 33.33%;
13474     box-sizing: border-box; }
13475   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13476     flex: 1 1 66.66%;
13477     max-width: 100%;
13478     max-height: 66.66%;
13479     box-sizing: border-box; }
13480   .layout-gt-md-row > .flex-gt-md-55 {
13481     flex: 1 1 55%;
13482     max-width: 55%;
13483     max-height: 100%;
13484     box-sizing: border-box; }
13485   .layout-gt-md-column > .flex-gt-md-55 {
13486     flex: 1 1 55%;
13487     max-width: 100%;
13488     max-height: 55%;
13489     box-sizing: border-box; }
13490   .flex-gt-md-60 {
13491     flex: 1 1 60%;
13492     max-width: 60%;
13493     max-height: 100%;
13494     box-sizing: border-box; }
13495   .layout-row > .flex-gt-md-60 {
13496     flex: 1 1 60%;
13497     max-width: 60%;
13498     max-height: 100%;
13499     box-sizing: border-box; }
13500   .layout-column > .flex-gt-md-60 {
13501     flex: 1 1 60%;
13502     max-width: 100%;
13503     max-height: 60%;
13504     box-sizing: border-box; }
13505   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13506     flex: 1 1 33.33%;
13507     max-width: 33.33%;
13508     max-height: 100%;
13509     box-sizing: border-box; }
13510   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13511     flex: 1 1 66.66%;
13512     max-width: 66.66%;
13513     max-height: 100%;
13514     box-sizing: border-box; }
13515   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13516     flex: 1 1 33.33%;
13517     max-width: 100%;
13518     max-height: 33.33%;
13519     box-sizing: border-box; }
13520   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13521     flex: 1 1 66.66%;
13522     max-width: 100%;
13523     max-height: 66.66%;
13524     box-sizing: border-box; }
13525   .layout-gt-md-row > .flex-gt-md-60 {
13526     flex: 1 1 60%;
13527     max-width: 60%;
13528     max-height: 100%;
13529     box-sizing: border-box; }
13530   .layout-gt-md-column > .flex-gt-md-60 {
13531     flex: 1 1 60%;
13532     max-width: 100%;
13533     max-height: 60%;
13534     box-sizing: border-box; }
13535   .flex-gt-md-65 {
13536     flex: 1 1 65%;
13537     max-width: 65%;
13538     max-height: 100%;
13539     box-sizing: border-box; }
13540   .layout-row > .flex-gt-md-65 {
13541     flex: 1 1 65%;
13542     max-width: 65%;
13543     max-height: 100%;
13544     box-sizing: border-box; }
13545   .layout-column > .flex-gt-md-65 {
13546     flex: 1 1 65%;
13547     max-width: 100%;
13548     max-height: 65%;
13549     box-sizing: border-box; }
13550   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13551     flex: 1 1 33.33%;
13552     max-width: 33.33%;
13553     max-height: 100%;
13554     box-sizing: border-box; }
13555   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13556     flex: 1 1 66.66%;
13557     max-width: 66.66%;
13558     max-height: 100%;
13559     box-sizing: border-box; }
13560   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13561     flex: 1 1 33.33%;
13562     max-width: 100%;
13563     max-height: 33.33%;
13564     box-sizing: border-box; }
13565   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13566     flex: 1 1 66.66%;
13567     max-width: 100%;
13568     max-height: 66.66%;
13569     box-sizing: border-box; }
13570   .layout-gt-md-row > .flex-gt-md-65 {
13571     flex: 1 1 65%;
13572     max-width: 65%;
13573     max-height: 100%;
13574     box-sizing: border-box; }
13575   .layout-gt-md-column > .flex-gt-md-65 {
13576     flex: 1 1 65%;
13577     max-width: 100%;
13578     max-height: 65%;
13579     box-sizing: border-box; }
13580   .flex-gt-md-70 {
13581     flex: 1 1 70%;
13582     max-width: 70%;
13583     max-height: 100%;
13584     box-sizing: border-box; }
13585   .layout-row > .flex-gt-md-70 {
13586     flex: 1 1 70%;
13587     max-width: 70%;
13588     max-height: 100%;
13589     box-sizing: border-box; }
13590   .layout-column > .flex-gt-md-70 {
13591     flex: 1 1 70%;
13592     max-width: 100%;
13593     max-height: 70%;
13594     box-sizing: border-box; }
13595   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13596     flex: 1 1 33.33%;
13597     max-width: 33.33%;
13598     max-height: 100%;
13599     box-sizing: border-box; }
13600   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13601     flex: 1 1 66.66%;
13602     max-width: 66.66%;
13603     max-height: 100%;
13604     box-sizing: border-box; }
13605   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13606     flex: 1 1 33.33%;
13607     max-width: 100%;
13608     max-height: 33.33%;
13609     box-sizing: border-box; }
13610   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13611     flex: 1 1 66.66%;
13612     max-width: 100%;
13613     max-height: 66.66%;
13614     box-sizing: border-box; }
13615   .layout-gt-md-row > .flex-gt-md-70 {
13616     flex: 1 1 70%;
13617     max-width: 70%;
13618     max-height: 100%;
13619     box-sizing: border-box; }
13620   .layout-gt-md-column > .flex-gt-md-70 {
13621     flex: 1 1 70%;
13622     max-width: 100%;
13623     max-height: 70%;
13624     box-sizing: border-box; }
13625   .flex-gt-md-75 {
13626     flex: 1 1 75%;
13627     max-width: 75%;
13628     max-height: 100%;
13629     box-sizing: border-box; }
13630   .layout-row > .flex-gt-md-75 {
13631     flex: 1 1 75%;
13632     max-width: 75%;
13633     max-height: 100%;
13634     box-sizing: border-box; }
13635   .layout-column > .flex-gt-md-75 {
13636     flex: 1 1 75%;
13637     max-width: 100%;
13638     max-height: 75%;
13639     box-sizing: border-box; }
13640   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13641     flex: 1 1 33.33%;
13642     max-width: 33.33%;
13643     max-height: 100%;
13644     box-sizing: border-box; }
13645   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13646     flex: 1 1 66.66%;
13647     max-width: 66.66%;
13648     max-height: 100%;
13649     box-sizing: border-box; }
13650   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13651     flex: 1 1 33.33%;
13652     max-width: 100%;
13653     max-height: 33.33%;
13654     box-sizing: border-box; }
13655   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13656     flex: 1 1 66.66%;
13657     max-width: 100%;
13658     max-height: 66.66%;
13659     box-sizing: border-box; }
13660   .layout-gt-md-row > .flex-gt-md-75 {
13661     flex: 1 1 75%;
13662     max-width: 75%;
13663     max-height: 100%;
13664     box-sizing: border-box; }
13665   .layout-gt-md-column > .flex-gt-md-75 {
13666     flex: 1 1 75%;
13667     max-width: 100%;
13668     max-height: 75%;
13669     box-sizing: border-box; }
13670   .flex-gt-md-80 {
13671     flex: 1 1 80%;
13672     max-width: 80%;
13673     max-height: 100%;
13674     box-sizing: border-box; }
13675   .layout-row > .flex-gt-md-80 {
13676     flex: 1 1 80%;
13677     max-width: 80%;
13678     max-height: 100%;
13679     box-sizing: border-box; }
13680   .layout-column > .flex-gt-md-80 {
13681     flex: 1 1 80%;
13682     max-width: 100%;
13683     max-height: 80%;
13684     box-sizing: border-box; }
13685   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13686     flex: 1 1 33.33%;
13687     max-width: 33.33%;
13688     max-height: 100%;
13689     box-sizing: border-box; }
13690   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13691     flex: 1 1 66.66%;
13692     max-width: 66.66%;
13693     max-height: 100%;
13694     box-sizing: border-box; }
13695   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13696     flex: 1 1 33.33%;
13697     max-width: 100%;
13698     max-height: 33.33%;
13699     box-sizing: border-box; }
13700   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13701     flex: 1 1 66.66%;
13702     max-width: 100%;
13703     max-height: 66.66%;
13704     box-sizing: border-box; }
13705   .layout-gt-md-row > .flex-gt-md-80 {
13706     flex: 1 1 80%;
13707     max-width: 80%;
13708     max-height: 100%;
13709     box-sizing: border-box; }
13710   .layout-gt-md-column > .flex-gt-md-80 {
13711     flex: 1 1 80%;
13712     max-width: 100%;
13713     max-height: 80%;
13714     box-sizing: border-box; }
13715   .flex-gt-md-85 {
13716     flex: 1 1 85%;
13717     max-width: 85%;
13718     max-height: 100%;
13719     box-sizing: border-box; }
13720   .layout-row > .flex-gt-md-85 {
13721     flex: 1 1 85%;
13722     max-width: 85%;
13723     max-height: 100%;
13724     box-sizing: border-box; }
13725   .layout-column > .flex-gt-md-85 {
13726     flex: 1 1 85%;
13727     max-width: 100%;
13728     max-height: 85%;
13729     box-sizing: border-box; }
13730   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13731     flex: 1 1 33.33%;
13732     max-width: 33.33%;
13733     max-height: 100%;
13734     box-sizing: border-box; }
13735   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13736     flex: 1 1 66.66%;
13737     max-width: 66.66%;
13738     max-height: 100%;
13739     box-sizing: border-box; }
13740   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13741     flex: 1 1 33.33%;
13742     max-width: 100%;
13743     max-height: 33.33%;
13744     box-sizing: border-box; }
13745   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13746     flex: 1 1 66.66%;
13747     max-width: 100%;
13748     max-height: 66.66%;
13749     box-sizing: border-box; }
13750   .layout-gt-md-row > .flex-gt-md-85 {
13751     flex: 1 1 85%;
13752     max-width: 85%;
13753     max-height: 100%;
13754     box-sizing: border-box; }
13755   .layout-gt-md-column > .flex-gt-md-85 {
13756     flex: 1 1 85%;
13757     max-width: 100%;
13758     max-height: 85%;
13759     box-sizing: border-box; }
13760   .flex-gt-md-90 {
13761     flex: 1 1 90%;
13762     max-width: 90%;
13763     max-height: 100%;
13764     box-sizing: border-box; }
13765   .layout-row > .flex-gt-md-90 {
13766     flex: 1 1 90%;
13767     max-width: 90%;
13768     max-height: 100%;
13769     box-sizing: border-box; }
13770   .layout-column > .flex-gt-md-90 {
13771     flex: 1 1 90%;
13772     max-width: 100%;
13773     max-height: 90%;
13774     box-sizing: border-box; }
13775   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13776     flex: 1 1 33.33%;
13777     max-width: 33.33%;
13778     max-height: 100%;
13779     box-sizing: border-box; }
13780   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13781     flex: 1 1 66.66%;
13782     max-width: 66.66%;
13783     max-height: 100%;
13784     box-sizing: border-box; }
13785   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13786     flex: 1 1 33.33%;
13787     max-width: 100%;
13788     max-height: 33.33%;
13789     box-sizing: border-box; }
13790   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13791     flex: 1 1 66.66%;
13792     max-width: 100%;
13793     max-height: 66.66%;
13794     box-sizing: border-box; }
13795   .layout-gt-md-row > .flex-gt-md-90 {
13796     flex: 1 1 90%;
13797     max-width: 90%;
13798     max-height: 100%;
13799     box-sizing: border-box; }
13800   .layout-gt-md-column > .flex-gt-md-90 {
13801     flex: 1 1 90%;
13802     max-width: 100%;
13803     max-height: 90%;
13804     box-sizing: border-box; }
13805   .flex-gt-md-95 {
13806     flex: 1 1 95%;
13807     max-width: 95%;
13808     max-height: 100%;
13809     box-sizing: border-box; }
13810   .layout-row > .flex-gt-md-95 {
13811     flex: 1 1 95%;
13812     max-width: 95%;
13813     max-height: 100%;
13814     box-sizing: border-box; }
13815   .layout-column > .flex-gt-md-95 {
13816     flex: 1 1 95%;
13817     max-width: 100%;
13818     max-height: 95%;
13819     box-sizing: border-box; }
13820   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13821     flex: 1 1 33.33%;
13822     max-width: 33.33%;
13823     max-height: 100%;
13824     box-sizing: border-box; }
13825   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13826     flex: 1 1 66.66%;
13827     max-width: 66.66%;
13828     max-height: 100%;
13829     box-sizing: border-box; }
13830   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13831     flex: 1 1 33.33%;
13832     max-width: 100%;
13833     max-height: 33.33%;
13834     box-sizing: border-box; }
13835   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13836     flex: 1 1 66.66%;
13837     max-width: 100%;
13838     max-height: 66.66%;
13839     box-sizing: border-box; }
13840   .layout-gt-md-row > .flex-gt-md-95 {
13841     flex: 1 1 95%;
13842     max-width: 95%;
13843     max-height: 100%;
13844     box-sizing: border-box; }
13845   .layout-gt-md-column > .flex-gt-md-95 {
13846     flex: 1 1 95%;
13847     max-width: 100%;
13848     max-height: 95%;
13849     box-sizing: border-box; }
13850   .flex-gt-md-100 {
13851     flex: 1 1 100%;
13852     max-width: 100%;
13853     max-height: 100%;
13854     box-sizing: border-box; }
13855   .layout-row > .flex-gt-md-100 {
13856     flex: 1 1 100%;
13857     max-width: 100%;
13858     max-height: 100%;
13859     box-sizing: border-box; }
13860   .layout-column > .flex-gt-md-100 {
13861     flex: 1 1 100%;
13862     max-width: 100%;
13863     max-height: 100%;
13864     box-sizing: border-box; }
13865   .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
13866     flex: 1 1 33.33%;
13867     max-width: 33.33%;
13868     max-height: 100%;
13869     box-sizing: border-box; }
13870   .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
13871     flex: 1 1 66.66%;
13872     max-width: 66.66%;
13873     max-height: 100%;
13874     box-sizing: border-box; }
13875   .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
13876     flex: 1 1 33.33%;
13877     max-width: 100%;
13878     max-height: 33.33%;
13879     box-sizing: border-box; }
13880   .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
13881     flex: 1 1 66.66%;
13882     max-width: 100%;
13883     max-height: 66.66%;
13884     box-sizing: border-box; }
13885   .layout-gt-md-row > .flex-gt-md-100 {
13886     flex: 1 1 100%;
13887     max-width: 100%;
13888     max-height: 100%;
13889     box-sizing: border-box; }
13890   .layout-gt-md-column > .flex-gt-md-100 {
13891     flex: 1 1 100%;
13892     max-width: 100%;
13893     max-height: 100%;
13894     box-sizing: border-box; }
13895   .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
13896     flex: 1 1 33.33%;
13897     max-width: 33.33%;
13898     max-height: 100%;
13899     box-sizing: border-box; }
13900   .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
13901     flex: 1 1 66.66%;
13902     max-width: 66.66%;
13903     max-height: 100%;
13904     box-sizing: border-box; }
13905   .layout-gt-md-row > .flex {
13906     min-width: 0; }
13907   .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
13908     flex: 1 1 33.33%;
13909     max-width: 100%;
13910     max-height: 33.33%;
13911     box-sizing: border-box; }
13912   .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
13913     flex: 1 1 66.66%;
13914     max-width: 100%;
13915     max-height: 66.66%;
13916     box-sizing: border-box; }
13917   .layout-gt-md-column > .flex {
13918     min-height: 0; }
13919   .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
13920     box-sizing: border-box;
13921     display: -webkit-box;
13922     display: -webkit-flex;
13923     display: -moz-box;
13924     display: -ms-flexbox;
13925     display: flex; }
13926   .layout-gt-md-column {
13927     flex-direction: column; }
13928   .layout-gt-md-row {
13929     flex-direction: row; } }
13930
13931 @media (min-width: 1280px) and (max-width: 1919px) {
13932   .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
13933     display: none; }
13934   .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
13935     display: none; }
13936   .flex-order-lg--20 {
13937     order: -20; }
13938   .flex-order-lg--19 {
13939     order: -19; }
13940   .flex-order-lg--18 {
13941     order: -18; }
13942   .flex-order-lg--17 {
13943     order: -17; }
13944   .flex-order-lg--16 {
13945     order: -16; }
13946   .flex-order-lg--15 {
13947     order: -15; }
13948   .flex-order-lg--14 {
13949     order: -14; }
13950   .flex-order-lg--13 {
13951     order: -13; }
13952   .flex-order-lg--12 {
13953     order: -12; }
13954   .flex-order-lg--11 {
13955     order: -11; }
13956   .flex-order-lg--10 {
13957     order: -10; }
13958   .flex-order-lg--9 {
13959     order: -9; }
13960   .flex-order-lg--8 {
13961     order: -8; }
13962   .flex-order-lg--7 {
13963     order: -7; }
13964   .flex-order-lg--6 {
13965     order: -6; }
13966   .flex-order-lg--5 {
13967     order: -5; }
13968   .flex-order-lg--4 {
13969     order: -4; }
13970   .flex-order-lg--3 {
13971     order: -3; }
13972   .flex-order-lg--2 {
13973     order: -2; }
13974   .flex-order-lg--1 {
13975     order: -1; }
13976   .flex-order-lg-0 {
13977     order: 0; }
13978   .flex-order-lg-1 {
13979     order: 1; }
13980   .flex-order-lg-2 {
13981     order: 2; }
13982   .flex-order-lg-3 {
13983     order: 3; }
13984   .flex-order-lg-4 {
13985     order: 4; }
13986   .flex-order-lg-5 {
13987     order: 5; }
13988   .flex-order-lg-6 {
13989     order: 6; }
13990   .flex-order-lg-7 {
13991     order: 7; }
13992   .flex-order-lg-8 {
13993     order: 8; }
13994   .flex-order-lg-9 {
13995     order: 9; }
13996   .flex-order-lg-10 {
13997     order: 10; }
13998   .flex-order-lg-11 {
13999     order: 11; }
14000   .flex-order-lg-12 {
14001     order: 12; }
14002   .flex-order-lg-13 {
14003     order: 13; }
14004   .flex-order-lg-14 {
14005     order: 14; }
14006   .flex-order-lg-15 {
14007     order: 15; }
14008   .flex-order-lg-16 {
14009     order: 16; }
14010   .flex-order-lg-17 {
14011     order: 17; }
14012   .flex-order-lg-18 {
14013     order: 18; }
14014   .flex-order-lg-19 {
14015     order: 19; }
14016   .flex-order-lg-20 {
14017     order: 20; }
14018   .offset-lg-0, .flex-offset-lg-0 {
14019     margin-left: 0; }
14020     [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0 {
14021       margin-left: auto;
14022       margin-right: 0; }
14023   .offset-lg-5, .flex-offset-lg-5 {
14024     margin-left: 5%; }
14025     [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5 {
14026       margin-left: auto;
14027       margin-right: 5%; }
14028   .offset-lg-10, .flex-offset-lg-10 {
14029     margin-left: 10%; }
14030     [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10 {
14031       margin-left: auto;
14032       margin-right: 10%; }
14033   .offset-lg-15, .flex-offset-lg-15 {
14034     margin-left: 15%; }
14035     [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15 {
14036       margin-left: auto;
14037       margin-right: 15%; }
14038   .offset-lg-20, .flex-offset-lg-20 {
14039     margin-left: 20%; }
14040     [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20 {
14041       margin-left: auto;
14042       margin-right: 20%; }
14043   .offset-lg-25, .flex-offset-lg-25 {
14044     margin-left: 25%; }
14045     [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25 {
14046       margin-left: auto;
14047       margin-right: 25%; }
14048   .offset-lg-30, .flex-offset-lg-30 {
14049     margin-left: 30%; }
14050     [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30 {
14051       margin-left: auto;
14052       margin-right: 30%; }
14053   .offset-lg-35, .flex-offset-lg-35 {
14054     margin-left: 35%; }
14055     [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35 {
14056       margin-left: auto;
14057       margin-right: 35%; }
14058   .offset-lg-40, .flex-offset-lg-40 {
14059     margin-left: 40%; }
14060     [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40 {
14061       margin-left: auto;
14062       margin-right: 40%; }
14063   .offset-lg-45, .flex-offset-lg-45 {
14064     margin-left: 45%; }
14065     [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45 {
14066       margin-left: auto;
14067       margin-right: 45%; }
14068   .offset-lg-50, .flex-offset-lg-50 {
14069     margin-left: 50%; }
14070     [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50 {
14071       margin-left: auto;
14072       margin-right: 50%; }
14073   .offset-lg-55, .flex-offset-lg-55 {
14074     margin-left: 55%; }
14075     [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55 {
14076       margin-left: auto;
14077       margin-right: 55%; }
14078   .offset-lg-60, .flex-offset-lg-60 {
14079     margin-left: 60%; }
14080     [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60 {
14081       margin-left: auto;
14082       margin-right: 60%; }
14083   .offset-lg-65, .flex-offset-lg-65 {
14084     margin-left: 65%; }
14085     [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65 {
14086       margin-left: auto;
14087       margin-right: 65%; }
14088   .offset-lg-70, .flex-offset-lg-70 {
14089     margin-left: 70%; }
14090     [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70 {
14091       margin-left: auto;
14092       margin-right: 70%; }
14093   .offset-lg-75, .flex-offset-lg-75 {
14094     margin-left: 75%; }
14095     [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75 {
14096       margin-left: auto;
14097       margin-right: 75%; }
14098   .offset-lg-80, .flex-offset-lg-80 {
14099     margin-left: 80%; }
14100     [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80 {
14101       margin-left: auto;
14102       margin-right: 80%; }
14103   .offset-lg-85, .flex-offset-lg-85 {
14104     margin-left: 85%; }
14105     [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85 {
14106       margin-left: auto;
14107       margin-right: 85%; }
14108   .offset-lg-90, .flex-offset-lg-90 {
14109     margin-left: 90%; }
14110     [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90 {
14111       margin-left: auto;
14112       margin-right: 90%; }
14113   .offset-lg-95, .flex-offset-lg-95 {
14114     margin-left: 95%; }
14115     [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95 {
14116       margin-left: auto;
14117       margin-right: 95%; }
14118   .offset-lg-33, .flex-offset-lg-33 {
14119     margin-left: calc(100% / 3); }
14120   .offset-lg-66, .flex-offset-lg-66 {
14121     margin-left: calc(200% / 3); }
14122     [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66 {
14123       margin-left: auto;
14124       margin-right: calc(200% / 3); }
14125   .layout-align-lg,
14126   .layout-align-lg-start-stretch {
14127     justify-content: flex-start;
14128     align-content: stretch;
14129     align-items: stretch; }
14130   .layout-align-lg-start,
14131   .layout-align-lg-start-start,
14132   .layout-align-lg-start-center,
14133   .layout-align-lg-start-end,
14134   .layout-align-lg-start-stretch {
14135     justify-content: flex-start; }
14136   .layout-align-lg-center,
14137   .layout-align-lg-center-start,
14138   .layout-align-lg-center-center,
14139   .layout-align-lg-center-end,
14140   .layout-align-lg-center-stretch {
14141     justify-content: center; }
14142   .layout-align-lg-end,
14143   .layout-align-lg-end-start,
14144   .layout-align-lg-end-center,
14145   .layout-align-lg-end-end,
14146   .layout-align-lg-end-stretch {
14147     justify-content: flex-end; }
14148   .layout-align-lg-space-around,
14149   .layout-align-lg-space-around-center,
14150   .layout-align-lg-space-around-start,
14151   .layout-align-lg-space-around-end,
14152   .layout-align-lg-space-around-stretch {
14153     justify-content: space-around; }
14154   .layout-align-lg-space-between,
14155   .layout-align-lg-space-between-center,
14156   .layout-align-lg-space-between-start,
14157   .layout-align-lg-space-between-end,
14158   .layout-align-lg-space-between-stretch {
14159     justify-content: space-between; }
14160   .layout-align-lg-start-start,
14161   .layout-align-lg-center-start,
14162   .layout-align-lg-end-start,
14163   .layout-align-lg-space-between-start,
14164   .layout-align-lg-space-around-start {
14165     align-items: flex-start;
14166     align-content: flex-start; }
14167   .layout-align-lg-start-center,
14168   .layout-align-lg-center-center,
14169   .layout-align-lg-end-center,
14170   .layout-align-lg-space-between-center,
14171   .layout-align-lg-space-around-center {
14172     align-items: center;
14173     align-content: center;
14174     max-width: 100%; }
14175   .layout-align-lg-start-center > *,
14176   .layout-align-lg-center-center > *,
14177   .layout-align-lg-end-center > *,
14178   .layout-align-lg-space-between-center > *,
14179   .layout-align-lg-space-around-center > * {
14180     max-width: 100%;
14181     box-sizing: border-box; }
14182   .layout-align-lg-start-end,
14183   .layout-align-lg-center-end,
14184   .layout-align-lg-end-end,
14185   .layout-align-lg-space-between-end,
14186   .layout-align-lg-space-around-end {
14187     align-items: flex-end;
14188     align-content: flex-end; }
14189   .layout-align-lg-start-stretch,
14190   .layout-align-lg-center-stretch,
14191   .layout-align-lg-end-stretch,
14192   .layout-align-lg-space-between-stretch,
14193   .layout-align-lg-space-around-stretch {
14194     align-items: stretch;
14195     align-content: stretch; }
14196   .flex-lg {
14197     flex: 1;
14198     box-sizing: border-box; }
14199   .flex-lg-grow {
14200     flex: 1 1 100%;
14201     box-sizing: border-box; }
14202   .flex-lg-initial {
14203     flex: 0 1 auto;
14204     box-sizing: border-box; }
14205   .flex-lg-auto {
14206     flex: 1 1 auto;
14207     box-sizing: border-box; }
14208   .flex-lg-none {
14209     flex: 0 0 auto;
14210     box-sizing: border-box; }
14211   .flex-lg-noshrink {
14212     flex: 1 0 auto;
14213     box-sizing: border-box; }
14214   .flex-lg-nogrow {
14215     flex: 0 1 auto;
14216     box-sizing: border-box; }
14217   .flex-lg-0 {
14218     flex: 1 1 0%;
14219     max-width: 0%;
14220     max-height: 100%;
14221     box-sizing: border-box; }
14222   .layout-row > .flex-lg-0 {
14223     flex: 1 1 0%;
14224     max-width: 0%;
14225     max-height: 100%;
14226     box-sizing: border-box;
14227     min-width: 0; }
14228   .layout-column > .flex-lg-0 {
14229     flex: 1 1 0%;
14230     max-width: 100%;
14231     max-height: 0%;
14232     box-sizing: border-box; }
14233   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14234     flex: 1 1 33.33%;
14235     max-width: 33.33%;
14236     max-height: 100%;
14237     box-sizing: border-box; }
14238   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14239     flex: 1 1 66.66%;
14240     max-width: 66.66%;
14241     max-height: 100%;
14242     box-sizing: border-box; }
14243   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14244     flex: 1 1 33.33%;
14245     max-width: 100%;
14246     max-height: 33.33%;
14247     box-sizing: border-box; }
14248   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14249     flex: 1 1 66.66%;
14250     max-width: 100%;
14251     max-height: 66.66%;
14252     box-sizing: border-box; }
14253   .layout-lg-row > .flex-lg-0 {
14254     flex: 1 1 0%;
14255     max-width: 0%;
14256     max-height: 100%;
14257     box-sizing: border-box;
14258     min-width: 0; }
14259   .layout-lg-column > .flex-lg-0 {
14260     flex: 1 1 0%;
14261     max-width: 100%;
14262     max-height: 0%;
14263     box-sizing: border-box;
14264     min-height: 0; }
14265   .flex-lg-5 {
14266     flex: 1 1 5%;
14267     max-width: 5%;
14268     max-height: 100%;
14269     box-sizing: border-box; }
14270   .layout-row > .flex-lg-5 {
14271     flex: 1 1 5%;
14272     max-width: 5%;
14273     max-height: 100%;
14274     box-sizing: border-box; }
14275   .layout-column > .flex-lg-5 {
14276     flex: 1 1 5%;
14277     max-width: 100%;
14278     max-height: 5%;
14279     box-sizing: border-box; }
14280   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14281     flex: 1 1 33.33%;
14282     max-width: 33.33%;
14283     max-height: 100%;
14284     box-sizing: border-box; }
14285   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14286     flex: 1 1 66.66%;
14287     max-width: 66.66%;
14288     max-height: 100%;
14289     box-sizing: border-box; }
14290   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14291     flex: 1 1 33.33%;
14292     max-width: 100%;
14293     max-height: 33.33%;
14294     box-sizing: border-box; }
14295   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14296     flex: 1 1 66.66%;
14297     max-width: 100%;
14298     max-height: 66.66%;
14299     box-sizing: border-box; }
14300   .layout-lg-row > .flex-lg-5 {
14301     flex: 1 1 5%;
14302     max-width: 5%;
14303     max-height: 100%;
14304     box-sizing: border-box; }
14305   .layout-lg-column > .flex-lg-5 {
14306     flex: 1 1 5%;
14307     max-width: 100%;
14308     max-height: 5%;
14309     box-sizing: border-box; }
14310   .flex-lg-10 {
14311     flex: 1 1 10%;
14312     max-width: 10%;
14313     max-height: 100%;
14314     box-sizing: border-box; }
14315   .layout-row > .flex-lg-10 {
14316     flex: 1 1 10%;
14317     max-width: 10%;
14318     max-height: 100%;
14319     box-sizing: border-box; }
14320   .layout-column > .flex-lg-10 {
14321     flex: 1 1 10%;
14322     max-width: 100%;
14323     max-height: 10%;
14324     box-sizing: border-box; }
14325   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14326     flex: 1 1 33.33%;
14327     max-width: 33.33%;
14328     max-height: 100%;
14329     box-sizing: border-box; }
14330   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14331     flex: 1 1 66.66%;
14332     max-width: 66.66%;
14333     max-height: 100%;
14334     box-sizing: border-box; }
14335   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14336     flex: 1 1 33.33%;
14337     max-width: 100%;
14338     max-height: 33.33%;
14339     box-sizing: border-box; }
14340   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14341     flex: 1 1 66.66%;
14342     max-width: 100%;
14343     max-height: 66.66%;
14344     box-sizing: border-box; }
14345   .layout-lg-row > .flex-lg-10 {
14346     flex: 1 1 10%;
14347     max-width: 10%;
14348     max-height: 100%;
14349     box-sizing: border-box; }
14350   .layout-lg-column > .flex-lg-10 {
14351     flex: 1 1 10%;
14352     max-width: 100%;
14353     max-height: 10%;
14354     box-sizing: border-box; }
14355   .flex-lg-15 {
14356     flex: 1 1 15%;
14357     max-width: 15%;
14358     max-height: 100%;
14359     box-sizing: border-box; }
14360   .layout-row > .flex-lg-15 {
14361     flex: 1 1 15%;
14362     max-width: 15%;
14363     max-height: 100%;
14364     box-sizing: border-box; }
14365   .layout-column > .flex-lg-15 {
14366     flex: 1 1 15%;
14367     max-width: 100%;
14368     max-height: 15%;
14369     box-sizing: border-box; }
14370   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14371     flex: 1 1 33.33%;
14372     max-width: 33.33%;
14373     max-height: 100%;
14374     box-sizing: border-box; }
14375   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14376     flex: 1 1 66.66%;
14377     max-width: 66.66%;
14378     max-height: 100%;
14379     box-sizing: border-box; }
14380   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14381     flex: 1 1 33.33%;
14382     max-width: 100%;
14383     max-height: 33.33%;
14384     box-sizing: border-box; }
14385   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14386     flex: 1 1 66.66%;
14387     max-width: 100%;
14388     max-height: 66.66%;
14389     box-sizing: border-box; }
14390   .layout-lg-row > .flex-lg-15 {
14391     flex: 1 1 15%;
14392     max-width: 15%;
14393     max-height: 100%;
14394     box-sizing: border-box; }
14395   .layout-lg-column > .flex-lg-15 {
14396     flex: 1 1 15%;
14397     max-width: 100%;
14398     max-height: 15%;
14399     box-sizing: border-box; }
14400   .flex-lg-20 {
14401     flex: 1 1 20%;
14402     max-width: 20%;
14403     max-height: 100%;
14404     box-sizing: border-box; }
14405   .layout-row > .flex-lg-20 {
14406     flex: 1 1 20%;
14407     max-width: 20%;
14408     max-height: 100%;
14409     box-sizing: border-box; }
14410   .layout-column > .flex-lg-20 {
14411     flex: 1 1 20%;
14412     max-width: 100%;
14413     max-height: 20%;
14414     box-sizing: border-box; }
14415   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14416     flex: 1 1 33.33%;
14417     max-width: 33.33%;
14418     max-height: 100%;
14419     box-sizing: border-box; }
14420   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14421     flex: 1 1 66.66%;
14422     max-width: 66.66%;
14423     max-height: 100%;
14424     box-sizing: border-box; }
14425   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14426     flex: 1 1 33.33%;
14427     max-width: 100%;
14428     max-height: 33.33%;
14429     box-sizing: border-box; }
14430   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14431     flex: 1 1 66.66%;
14432     max-width: 100%;
14433     max-height: 66.66%;
14434     box-sizing: border-box; }
14435   .layout-lg-row > .flex-lg-20 {
14436     flex: 1 1 20%;
14437     max-width: 20%;
14438     max-height: 100%;
14439     box-sizing: border-box; }
14440   .layout-lg-column > .flex-lg-20 {
14441     flex: 1 1 20%;
14442     max-width: 100%;
14443     max-height: 20%;
14444     box-sizing: border-box; }
14445   .flex-lg-25 {
14446     flex: 1 1 25%;
14447     max-width: 25%;
14448     max-height: 100%;
14449     box-sizing: border-box; }
14450   .layout-row > .flex-lg-25 {
14451     flex: 1 1 25%;
14452     max-width: 25%;
14453     max-height: 100%;
14454     box-sizing: border-box; }
14455   .layout-column > .flex-lg-25 {
14456     flex: 1 1 25%;
14457     max-width: 100%;
14458     max-height: 25%;
14459     box-sizing: border-box; }
14460   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14461     flex: 1 1 33.33%;
14462     max-width: 33.33%;
14463     max-height: 100%;
14464     box-sizing: border-box; }
14465   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14466     flex: 1 1 66.66%;
14467     max-width: 66.66%;
14468     max-height: 100%;
14469     box-sizing: border-box; }
14470   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14471     flex: 1 1 33.33%;
14472     max-width: 100%;
14473     max-height: 33.33%;
14474     box-sizing: border-box; }
14475   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14476     flex: 1 1 66.66%;
14477     max-width: 100%;
14478     max-height: 66.66%;
14479     box-sizing: border-box; }
14480   .layout-lg-row > .flex-lg-25 {
14481     flex: 1 1 25%;
14482     max-width: 25%;
14483     max-height: 100%;
14484     box-sizing: border-box; }
14485   .layout-lg-column > .flex-lg-25 {
14486     flex: 1 1 25%;
14487     max-width: 100%;
14488     max-height: 25%;
14489     box-sizing: border-box; }
14490   .flex-lg-30 {
14491     flex: 1 1 30%;
14492     max-width: 30%;
14493     max-height: 100%;
14494     box-sizing: border-box; }
14495   .layout-row > .flex-lg-30 {
14496     flex: 1 1 30%;
14497     max-width: 30%;
14498     max-height: 100%;
14499     box-sizing: border-box; }
14500   .layout-column > .flex-lg-30 {
14501     flex: 1 1 30%;
14502     max-width: 100%;
14503     max-height: 30%;
14504     box-sizing: border-box; }
14505   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14506     flex: 1 1 33.33%;
14507     max-width: 33.33%;
14508     max-height: 100%;
14509     box-sizing: border-box; }
14510   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14511     flex: 1 1 66.66%;
14512     max-width: 66.66%;
14513     max-height: 100%;
14514     box-sizing: border-box; }
14515   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14516     flex: 1 1 33.33%;
14517     max-width: 100%;
14518     max-height: 33.33%;
14519     box-sizing: border-box; }
14520   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14521     flex: 1 1 66.66%;
14522     max-width: 100%;
14523     max-height: 66.66%;
14524     box-sizing: border-box; }
14525   .layout-lg-row > .flex-lg-30 {
14526     flex: 1 1 30%;
14527     max-width: 30%;
14528     max-height: 100%;
14529     box-sizing: border-box; }
14530   .layout-lg-column > .flex-lg-30 {
14531     flex: 1 1 30%;
14532     max-width: 100%;
14533     max-height: 30%;
14534     box-sizing: border-box; }
14535   .flex-lg-35 {
14536     flex: 1 1 35%;
14537     max-width: 35%;
14538     max-height: 100%;
14539     box-sizing: border-box; }
14540   .layout-row > .flex-lg-35 {
14541     flex: 1 1 35%;
14542     max-width: 35%;
14543     max-height: 100%;
14544     box-sizing: border-box; }
14545   .layout-column > .flex-lg-35 {
14546     flex: 1 1 35%;
14547     max-width: 100%;
14548     max-height: 35%;
14549     box-sizing: border-box; }
14550   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14551     flex: 1 1 33.33%;
14552     max-width: 33.33%;
14553     max-height: 100%;
14554     box-sizing: border-box; }
14555   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14556     flex: 1 1 66.66%;
14557     max-width: 66.66%;
14558     max-height: 100%;
14559     box-sizing: border-box; }
14560   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14561     flex: 1 1 33.33%;
14562     max-width: 100%;
14563     max-height: 33.33%;
14564     box-sizing: border-box; }
14565   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14566     flex: 1 1 66.66%;
14567     max-width: 100%;
14568     max-height: 66.66%;
14569     box-sizing: border-box; }
14570   .layout-lg-row > .flex-lg-35 {
14571     flex: 1 1 35%;
14572     max-width: 35%;
14573     max-height: 100%;
14574     box-sizing: border-box; }
14575   .layout-lg-column > .flex-lg-35 {
14576     flex: 1 1 35%;
14577     max-width: 100%;
14578     max-height: 35%;
14579     box-sizing: border-box; }
14580   .flex-lg-40 {
14581     flex: 1 1 40%;
14582     max-width: 40%;
14583     max-height: 100%;
14584     box-sizing: border-box; }
14585   .layout-row > .flex-lg-40 {
14586     flex: 1 1 40%;
14587     max-width: 40%;
14588     max-height: 100%;
14589     box-sizing: border-box; }
14590   .layout-column > .flex-lg-40 {
14591     flex: 1 1 40%;
14592     max-width: 100%;
14593     max-height: 40%;
14594     box-sizing: border-box; }
14595   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14596     flex: 1 1 33.33%;
14597     max-width: 33.33%;
14598     max-height: 100%;
14599     box-sizing: border-box; }
14600   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14601     flex: 1 1 66.66%;
14602     max-width: 66.66%;
14603     max-height: 100%;
14604     box-sizing: border-box; }
14605   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14606     flex: 1 1 33.33%;
14607     max-width: 100%;
14608     max-height: 33.33%;
14609     box-sizing: border-box; }
14610   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14611     flex: 1 1 66.66%;
14612     max-width: 100%;
14613     max-height: 66.66%;
14614     box-sizing: border-box; }
14615   .layout-lg-row > .flex-lg-40 {
14616     flex: 1 1 40%;
14617     max-width: 40%;
14618     max-height: 100%;
14619     box-sizing: border-box; }
14620   .layout-lg-column > .flex-lg-40 {
14621     flex: 1 1 40%;
14622     max-width: 100%;
14623     max-height: 40%;
14624     box-sizing: border-box; }
14625   .flex-lg-45 {
14626     flex: 1 1 45%;
14627     max-width: 45%;
14628     max-height: 100%;
14629     box-sizing: border-box; }
14630   .layout-row > .flex-lg-45 {
14631     flex: 1 1 45%;
14632     max-width: 45%;
14633     max-height: 100%;
14634     box-sizing: border-box; }
14635   .layout-column > .flex-lg-45 {
14636     flex: 1 1 45%;
14637     max-width: 100%;
14638     max-height: 45%;
14639     box-sizing: border-box; }
14640   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14641     flex: 1 1 33.33%;
14642     max-width: 33.33%;
14643     max-height: 100%;
14644     box-sizing: border-box; }
14645   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14646     flex: 1 1 66.66%;
14647     max-width: 66.66%;
14648     max-height: 100%;
14649     box-sizing: border-box; }
14650   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14651     flex: 1 1 33.33%;
14652     max-width: 100%;
14653     max-height: 33.33%;
14654     box-sizing: border-box; }
14655   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14656     flex: 1 1 66.66%;
14657     max-width: 100%;
14658     max-height: 66.66%;
14659     box-sizing: border-box; }
14660   .layout-lg-row > .flex-lg-45 {
14661     flex: 1 1 45%;
14662     max-width: 45%;
14663     max-height: 100%;
14664     box-sizing: border-box; }
14665   .layout-lg-column > .flex-lg-45 {
14666     flex: 1 1 45%;
14667     max-width: 100%;
14668     max-height: 45%;
14669     box-sizing: border-box; }
14670   .flex-lg-50 {
14671     flex: 1 1 50%;
14672     max-width: 50%;
14673     max-height: 100%;
14674     box-sizing: border-box; }
14675   .layout-row > .flex-lg-50 {
14676     flex: 1 1 50%;
14677     max-width: 50%;
14678     max-height: 100%;
14679     box-sizing: border-box; }
14680   .layout-column > .flex-lg-50 {
14681     flex: 1 1 50%;
14682     max-width: 100%;
14683     max-height: 50%;
14684     box-sizing: border-box; }
14685   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14686     flex: 1 1 33.33%;
14687     max-width: 33.33%;
14688     max-height: 100%;
14689     box-sizing: border-box; }
14690   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14691     flex: 1 1 66.66%;
14692     max-width: 66.66%;
14693     max-height: 100%;
14694     box-sizing: border-box; }
14695   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14696     flex: 1 1 33.33%;
14697     max-width: 100%;
14698     max-height: 33.33%;
14699     box-sizing: border-box; }
14700   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14701     flex: 1 1 66.66%;
14702     max-width: 100%;
14703     max-height: 66.66%;
14704     box-sizing: border-box; }
14705   .layout-lg-row > .flex-lg-50 {
14706     flex: 1 1 50%;
14707     max-width: 50%;
14708     max-height: 100%;
14709     box-sizing: border-box; }
14710   .layout-lg-column > .flex-lg-50 {
14711     flex: 1 1 50%;
14712     max-width: 100%;
14713     max-height: 50%;
14714     box-sizing: border-box; }
14715   .flex-lg-55 {
14716     flex: 1 1 55%;
14717     max-width: 55%;
14718     max-height: 100%;
14719     box-sizing: border-box; }
14720   .layout-row > .flex-lg-55 {
14721     flex: 1 1 55%;
14722     max-width: 55%;
14723     max-height: 100%;
14724     box-sizing: border-box; }
14725   .layout-column > .flex-lg-55 {
14726     flex: 1 1 55%;
14727     max-width: 100%;
14728     max-height: 55%;
14729     box-sizing: border-box; }
14730   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14731     flex: 1 1 33.33%;
14732     max-width: 33.33%;
14733     max-height: 100%;
14734     box-sizing: border-box; }
14735   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14736     flex: 1 1 66.66%;
14737     max-width: 66.66%;
14738     max-height: 100%;
14739     box-sizing: border-box; }
14740   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14741     flex: 1 1 33.33%;
14742     max-width: 100%;
14743     max-height: 33.33%;
14744     box-sizing: border-box; }
14745   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14746     flex: 1 1 66.66%;
14747     max-width: 100%;
14748     max-height: 66.66%;
14749     box-sizing: border-box; }
14750   .layout-lg-row > .flex-lg-55 {
14751     flex: 1 1 55%;
14752     max-width: 55%;
14753     max-height: 100%;
14754     box-sizing: border-box; }
14755   .layout-lg-column > .flex-lg-55 {
14756     flex: 1 1 55%;
14757     max-width: 100%;
14758     max-height: 55%;
14759     box-sizing: border-box; }
14760   .flex-lg-60 {
14761     flex: 1 1 60%;
14762     max-width: 60%;
14763     max-height: 100%;
14764     box-sizing: border-box; }
14765   .layout-row > .flex-lg-60 {
14766     flex: 1 1 60%;
14767     max-width: 60%;
14768     max-height: 100%;
14769     box-sizing: border-box; }
14770   .layout-column > .flex-lg-60 {
14771     flex: 1 1 60%;
14772     max-width: 100%;
14773     max-height: 60%;
14774     box-sizing: border-box; }
14775   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14776     flex: 1 1 33.33%;
14777     max-width: 33.33%;
14778     max-height: 100%;
14779     box-sizing: border-box; }
14780   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14781     flex: 1 1 66.66%;
14782     max-width: 66.66%;
14783     max-height: 100%;
14784     box-sizing: border-box; }
14785   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14786     flex: 1 1 33.33%;
14787     max-width: 100%;
14788     max-height: 33.33%;
14789     box-sizing: border-box; }
14790   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14791     flex: 1 1 66.66%;
14792     max-width: 100%;
14793     max-height: 66.66%;
14794     box-sizing: border-box; }
14795   .layout-lg-row > .flex-lg-60 {
14796     flex: 1 1 60%;
14797     max-width: 60%;
14798     max-height: 100%;
14799     box-sizing: border-box; }
14800   .layout-lg-column > .flex-lg-60 {
14801     flex: 1 1 60%;
14802     max-width: 100%;
14803     max-height: 60%;
14804     box-sizing: border-box; }
14805   .flex-lg-65 {
14806     flex: 1 1 65%;
14807     max-width: 65%;
14808     max-height: 100%;
14809     box-sizing: border-box; }
14810   .layout-row > .flex-lg-65 {
14811     flex: 1 1 65%;
14812     max-width: 65%;
14813     max-height: 100%;
14814     box-sizing: border-box; }
14815   .layout-column > .flex-lg-65 {
14816     flex: 1 1 65%;
14817     max-width: 100%;
14818     max-height: 65%;
14819     box-sizing: border-box; }
14820   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14821     flex: 1 1 33.33%;
14822     max-width: 33.33%;
14823     max-height: 100%;
14824     box-sizing: border-box; }
14825   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14826     flex: 1 1 66.66%;
14827     max-width: 66.66%;
14828     max-height: 100%;
14829     box-sizing: border-box; }
14830   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14831     flex: 1 1 33.33%;
14832     max-width: 100%;
14833     max-height: 33.33%;
14834     box-sizing: border-box; }
14835   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14836     flex: 1 1 66.66%;
14837     max-width: 100%;
14838     max-height: 66.66%;
14839     box-sizing: border-box; }
14840   .layout-lg-row > .flex-lg-65 {
14841     flex: 1 1 65%;
14842     max-width: 65%;
14843     max-height: 100%;
14844     box-sizing: border-box; }
14845   .layout-lg-column > .flex-lg-65 {
14846     flex: 1 1 65%;
14847     max-width: 100%;
14848     max-height: 65%;
14849     box-sizing: border-box; }
14850   .flex-lg-70 {
14851     flex: 1 1 70%;
14852     max-width: 70%;
14853     max-height: 100%;
14854     box-sizing: border-box; }
14855   .layout-row > .flex-lg-70 {
14856     flex: 1 1 70%;
14857     max-width: 70%;
14858     max-height: 100%;
14859     box-sizing: border-box; }
14860   .layout-column > .flex-lg-70 {
14861     flex: 1 1 70%;
14862     max-width: 100%;
14863     max-height: 70%;
14864     box-sizing: border-box; }
14865   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14866     flex: 1 1 33.33%;
14867     max-width: 33.33%;
14868     max-height: 100%;
14869     box-sizing: border-box; }
14870   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14871     flex: 1 1 66.66%;
14872     max-width: 66.66%;
14873     max-height: 100%;
14874     box-sizing: border-box; }
14875   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14876     flex: 1 1 33.33%;
14877     max-width: 100%;
14878     max-height: 33.33%;
14879     box-sizing: border-box; }
14880   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14881     flex: 1 1 66.66%;
14882     max-width: 100%;
14883     max-height: 66.66%;
14884     box-sizing: border-box; }
14885   .layout-lg-row > .flex-lg-70 {
14886     flex: 1 1 70%;
14887     max-width: 70%;
14888     max-height: 100%;
14889     box-sizing: border-box; }
14890   .layout-lg-column > .flex-lg-70 {
14891     flex: 1 1 70%;
14892     max-width: 100%;
14893     max-height: 70%;
14894     box-sizing: border-box; }
14895   .flex-lg-75 {
14896     flex: 1 1 75%;
14897     max-width: 75%;
14898     max-height: 100%;
14899     box-sizing: border-box; }
14900   .layout-row > .flex-lg-75 {
14901     flex: 1 1 75%;
14902     max-width: 75%;
14903     max-height: 100%;
14904     box-sizing: border-box; }
14905   .layout-column > .flex-lg-75 {
14906     flex: 1 1 75%;
14907     max-width: 100%;
14908     max-height: 75%;
14909     box-sizing: border-box; }
14910   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14911     flex: 1 1 33.33%;
14912     max-width: 33.33%;
14913     max-height: 100%;
14914     box-sizing: border-box; }
14915   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14916     flex: 1 1 66.66%;
14917     max-width: 66.66%;
14918     max-height: 100%;
14919     box-sizing: border-box; }
14920   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14921     flex: 1 1 33.33%;
14922     max-width: 100%;
14923     max-height: 33.33%;
14924     box-sizing: border-box; }
14925   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14926     flex: 1 1 66.66%;
14927     max-width: 100%;
14928     max-height: 66.66%;
14929     box-sizing: border-box; }
14930   .layout-lg-row > .flex-lg-75 {
14931     flex: 1 1 75%;
14932     max-width: 75%;
14933     max-height: 100%;
14934     box-sizing: border-box; }
14935   .layout-lg-column > .flex-lg-75 {
14936     flex: 1 1 75%;
14937     max-width: 100%;
14938     max-height: 75%;
14939     box-sizing: border-box; }
14940   .flex-lg-80 {
14941     flex: 1 1 80%;
14942     max-width: 80%;
14943     max-height: 100%;
14944     box-sizing: border-box; }
14945   .layout-row > .flex-lg-80 {
14946     flex: 1 1 80%;
14947     max-width: 80%;
14948     max-height: 100%;
14949     box-sizing: border-box; }
14950   .layout-column > .flex-lg-80 {
14951     flex: 1 1 80%;
14952     max-width: 100%;
14953     max-height: 80%;
14954     box-sizing: border-box; }
14955   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
14956     flex: 1 1 33.33%;
14957     max-width: 33.33%;
14958     max-height: 100%;
14959     box-sizing: border-box; }
14960   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
14961     flex: 1 1 66.66%;
14962     max-width: 66.66%;
14963     max-height: 100%;
14964     box-sizing: border-box; }
14965   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
14966     flex: 1 1 33.33%;
14967     max-width: 100%;
14968     max-height: 33.33%;
14969     box-sizing: border-box; }
14970   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
14971     flex: 1 1 66.66%;
14972     max-width: 100%;
14973     max-height: 66.66%;
14974     box-sizing: border-box; }
14975   .layout-lg-row > .flex-lg-80 {
14976     flex: 1 1 80%;
14977     max-width: 80%;
14978     max-height: 100%;
14979     box-sizing: border-box; }
14980   .layout-lg-column > .flex-lg-80 {
14981     flex: 1 1 80%;
14982     max-width: 100%;
14983     max-height: 80%;
14984     box-sizing: border-box; }
14985   .flex-lg-85 {
14986     flex: 1 1 85%;
14987     max-width: 85%;
14988     max-height: 100%;
14989     box-sizing: border-box; }
14990   .layout-row > .flex-lg-85 {
14991     flex: 1 1 85%;
14992     max-width: 85%;
14993     max-height: 100%;
14994     box-sizing: border-box; }
14995   .layout-column > .flex-lg-85 {
14996     flex: 1 1 85%;
14997     max-width: 100%;
14998     max-height: 85%;
14999     box-sizing: border-box; }
15000   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
15001     flex: 1 1 33.33%;
15002     max-width: 33.33%;
15003     max-height: 100%;
15004     box-sizing: border-box; }
15005   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
15006     flex: 1 1 66.66%;
15007     max-width: 66.66%;
15008     max-height: 100%;
15009     box-sizing: border-box; }
15010   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
15011     flex: 1 1 33.33%;
15012     max-width: 100%;
15013     max-height: 33.33%;
15014     box-sizing: border-box; }
15015   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
15016     flex: 1 1 66.66%;
15017     max-width: 100%;
15018     max-height: 66.66%;
15019     box-sizing: border-box; }
15020   .layout-lg-row > .flex-lg-85 {
15021     flex: 1 1 85%;
15022     max-width: 85%;
15023     max-height: 100%;
15024     box-sizing: border-box; }
15025   .layout-lg-column > .flex-lg-85 {
15026     flex: 1 1 85%;
15027     max-width: 100%;
15028     max-height: 85%;
15029     box-sizing: border-box; }
15030   .flex-lg-90 {
15031     flex: 1 1 90%;
15032     max-width: 90%;
15033     max-height: 100%;
15034     box-sizing: border-box; }
15035   .layout-row > .flex-lg-90 {
15036     flex: 1 1 90%;
15037     max-width: 90%;
15038     max-height: 100%;
15039     box-sizing: border-box; }
15040   .layout-column > .flex-lg-90 {
15041     flex: 1 1 90%;
15042     max-width: 100%;
15043     max-height: 90%;
15044     box-sizing: border-box; }
15045   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
15046     flex: 1 1 33.33%;
15047     max-width: 33.33%;
15048     max-height: 100%;
15049     box-sizing: border-box; }
15050   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
15051     flex: 1 1 66.66%;
15052     max-width: 66.66%;
15053     max-height: 100%;
15054     box-sizing: border-box; }
15055   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
15056     flex: 1 1 33.33%;
15057     max-width: 100%;
15058     max-height: 33.33%;
15059     box-sizing: border-box; }
15060   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
15061     flex: 1 1 66.66%;
15062     max-width: 100%;
15063     max-height: 66.66%;
15064     box-sizing: border-box; }
15065   .layout-lg-row > .flex-lg-90 {
15066     flex: 1 1 90%;
15067     max-width: 90%;
15068     max-height: 100%;
15069     box-sizing: border-box; }
15070   .layout-lg-column > .flex-lg-90 {
15071     flex: 1 1 90%;
15072     max-width: 100%;
15073     max-height: 90%;
15074     box-sizing: border-box; }
15075   .flex-lg-95 {
15076     flex: 1 1 95%;
15077     max-width: 95%;
15078     max-height: 100%;
15079     box-sizing: border-box; }
15080   .layout-row > .flex-lg-95 {
15081     flex: 1 1 95%;
15082     max-width: 95%;
15083     max-height: 100%;
15084     box-sizing: border-box; }
15085   .layout-column > .flex-lg-95 {
15086     flex: 1 1 95%;
15087     max-width: 100%;
15088     max-height: 95%;
15089     box-sizing: border-box; }
15090   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
15091     flex: 1 1 33.33%;
15092     max-width: 33.33%;
15093     max-height: 100%;
15094     box-sizing: border-box; }
15095   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
15096     flex: 1 1 66.66%;
15097     max-width: 66.66%;
15098     max-height: 100%;
15099     box-sizing: border-box; }
15100   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
15101     flex: 1 1 33.33%;
15102     max-width: 100%;
15103     max-height: 33.33%;
15104     box-sizing: border-box; }
15105   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
15106     flex: 1 1 66.66%;
15107     max-width: 100%;
15108     max-height: 66.66%;
15109     box-sizing: border-box; }
15110   .layout-lg-row > .flex-lg-95 {
15111     flex: 1 1 95%;
15112     max-width: 95%;
15113     max-height: 100%;
15114     box-sizing: border-box; }
15115   .layout-lg-column > .flex-lg-95 {
15116     flex: 1 1 95%;
15117     max-width: 100%;
15118     max-height: 95%;
15119     box-sizing: border-box; }
15120   .flex-lg-100 {
15121     flex: 1 1 100%;
15122     max-width: 100%;
15123     max-height: 100%;
15124     box-sizing: border-box; }
15125   .layout-row > .flex-lg-100 {
15126     flex: 1 1 100%;
15127     max-width: 100%;
15128     max-height: 100%;
15129     box-sizing: border-box; }
15130   .layout-column > .flex-lg-100 {
15131     flex: 1 1 100%;
15132     max-width: 100%;
15133     max-height: 100%;
15134     box-sizing: border-box; }
15135   .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
15136     flex: 1 1 33.33%;
15137     max-width: 33.33%;
15138     max-height: 100%;
15139     box-sizing: border-box; }
15140   .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
15141     flex: 1 1 66.66%;
15142     max-width: 66.66%;
15143     max-height: 100%;
15144     box-sizing: border-box; }
15145   .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
15146     flex: 1 1 33.33%;
15147     max-width: 100%;
15148     max-height: 33.33%;
15149     box-sizing: border-box; }
15150   .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
15151     flex: 1 1 66.66%;
15152     max-width: 100%;
15153     max-height: 66.66%;
15154     box-sizing: border-box; }
15155   .layout-lg-row > .flex-lg-100 {
15156     flex: 1 1 100%;
15157     max-width: 100%;
15158     max-height: 100%;
15159     box-sizing: border-box; }
15160   .layout-lg-column > .flex-lg-100 {
15161     flex: 1 1 100%;
15162     max-width: 100%;
15163     max-height: 100%;
15164     box-sizing: border-box; }
15165   .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
15166     flex: 1 1 33.33%;
15167     max-width: 33.33%;
15168     max-height: 100%;
15169     box-sizing: border-box; }
15170   .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
15171     flex: 1 1 66.66%;
15172     max-width: 66.66%;
15173     max-height: 100%;
15174     box-sizing: border-box; }
15175   .layout-lg-row > .flex {
15176     min-width: 0; }
15177   .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
15178     flex: 1 1 33.33%;
15179     max-width: 100%;
15180     max-height: 33.33%;
15181     box-sizing: border-box; }
15182   .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
15183     flex: 1 1 66.66%;
15184     max-width: 100%;
15185     max-height: 66.66%;
15186     box-sizing: border-box; }
15187   .layout-lg-column > .flex {
15188     min-height: 0; }
15189   .layout-lg, .layout-lg-column, .layout-lg-row {
15190     box-sizing: border-box;
15191     display: -webkit-box;
15192     display: -webkit-flex;
15193     display: -moz-box;
15194     display: -ms-flexbox;
15195     display: flex; }
15196   .layout-lg-column {
15197     flex-direction: column; }
15198   .layout-lg-row {
15199     flex-direction: row; } }
15200
15201 @media (min-width: 1920px) {
15202   .flex-order-gt-lg--20 {
15203     order: -20; }
15204   .flex-order-gt-lg--19 {
15205     order: -19; }
15206   .flex-order-gt-lg--18 {
15207     order: -18; }
15208   .flex-order-gt-lg--17 {
15209     order: -17; }
15210   .flex-order-gt-lg--16 {
15211     order: -16; }
15212   .flex-order-gt-lg--15 {
15213     order: -15; }
15214   .flex-order-gt-lg--14 {
15215     order: -14; }
15216   .flex-order-gt-lg--13 {
15217     order: -13; }
15218   .flex-order-gt-lg--12 {
15219     order: -12; }
15220   .flex-order-gt-lg--11 {
15221     order: -11; }
15222   .flex-order-gt-lg--10 {
15223     order: -10; }
15224   .flex-order-gt-lg--9 {
15225     order: -9; }
15226   .flex-order-gt-lg--8 {
15227     order: -8; }
15228   .flex-order-gt-lg--7 {
15229     order: -7; }
15230   .flex-order-gt-lg--6 {
15231     order: -6; }
15232   .flex-order-gt-lg--5 {
15233     order: -5; }
15234   .flex-order-gt-lg--4 {
15235     order: -4; }
15236   .flex-order-gt-lg--3 {
15237     order: -3; }
15238   .flex-order-gt-lg--2 {
15239     order: -2; }
15240   .flex-order-gt-lg--1 {
15241     order: -1; }
15242   .flex-order-gt-lg-0 {
15243     order: 0; }
15244   .flex-order-gt-lg-1 {
15245     order: 1; }
15246   .flex-order-gt-lg-2 {
15247     order: 2; }
15248   .flex-order-gt-lg-3 {
15249     order: 3; }
15250   .flex-order-gt-lg-4 {
15251     order: 4; }
15252   .flex-order-gt-lg-5 {
15253     order: 5; }
15254   .flex-order-gt-lg-6 {
15255     order: 6; }
15256   .flex-order-gt-lg-7 {
15257     order: 7; }
15258   .flex-order-gt-lg-8 {
15259     order: 8; }
15260   .flex-order-gt-lg-9 {
15261     order: 9; }
15262   .flex-order-gt-lg-10 {
15263     order: 10; }
15264   .flex-order-gt-lg-11 {
15265     order: 11; }
15266   .flex-order-gt-lg-12 {
15267     order: 12; }
15268   .flex-order-gt-lg-13 {
15269     order: 13; }
15270   .flex-order-gt-lg-14 {
15271     order: 14; }
15272   .flex-order-gt-lg-15 {
15273     order: 15; }
15274   .flex-order-gt-lg-16 {
15275     order: 16; }
15276   .flex-order-gt-lg-17 {
15277     order: 17; }
15278   .flex-order-gt-lg-18 {
15279     order: 18; }
15280   .flex-order-gt-lg-19 {
15281     order: 19; }
15282   .flex-order-gt-lg-20 {
15283     order: 20; }
15284   .offset-gt-lg-0, .flex-offset-gt-lg-0 {
15285     margin-left: 0; }
15286     [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0 {
15287       margin-left: auto;
15288       margin-right: 0; }
15289   .offset-gt-lg-5, .flex-offset-gt-lg-5 {
15290     margin-left: 5%; }
15291     [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5 {
15292       margin-left: auto;
15293       margin-right: 5%; }
15294   .offset-gt-lg-10, .flex-offset-gt-lg-10 {
15295     margin-left: 10%; }
15296     [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10 {
15297       margin-left: auto;
15298       margin-right: 10%; }
15299   .offset-gt-lg-15, .flex-offset-gt-lg-15 {
15300     margin-left: 15%; }
15301     [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15 {
15302       margin-left: auto;
15303       margin-right: 15%; }
15304   .offset-gt-lg-20, .flex-offset-gt-lg-20 {
15305     margin-left: 20%; }
15306     [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20 {
15307       margin-left: auto;
15308       margin-right: 20%; }
15309   .offset-gt-lg-25, .flex-offset-gt-lg-25 {
15310     margin-left: 25%; }
15311     [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25 {
15312       margin-left: auto;
15313       margin-right: 25%; }
15314   .offset-gt-lg-30, .flex-offset-gt-lg-30 {
15315     margin-left: 30%; }
15316     [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30 {
15317       margin-left: auto;
15318       margin-right: 30%; }
15319   .offset-gt-lg-35, .flex-offset-gt-lg-35 {
15320     margin-left: 35%; }
15321     [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35 {
15322       margin-left: auto;
15323       margin-right: 35%; }
15324   .offset-gt-lg-40, .flex-offset-gt-lg-40 {
15325     margin-left: 40%; }
15326     [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40 {
15327       margin-left: auto;
15328       margin-right: 40%; }
15329   .offset-gt-lg-45, .flex-offset-gt-lg-45 {
15330     margin-left: 45%; }
15331     [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45 {
15332       margin-left: auto;
15333       margin-right: 45%; }
15334   .offset-gt-lg-50, .flex-offset-gt-lg-50 {
15335     margin-left: 50%; }
15336     [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50 {
15337       margin-left: auto;
15338       margin-right: 50%; }
15339   .offset-gt-lg-55, .flex-offset-gt-lg-55 {
15340     margin-left: 55%; }
15341     [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55 {
15342       margin-left: auto;
15343       margin-right: 55%; }
15344   .offset-gt-lg-60, .flex-offset-gt-lg-60 {
15345     margin-left: 60%; }
15346     [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60 {
15347       margin-left: auto;
15348       margin-right: 60%; }
15349   .offset-gt-lg-65, .flex-offset-gt-lg-65 {
15350     margin-left: 65%; }
15351     [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65 {
15352       margin-left: auto;
15353       margin-right: 65%; }
15354   .offset-gt-lg-70, .flex-offset-gt-lg-70 {
15355     margin-left: 70%; }
15356     [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70 {
15357       margin-left: auto;
15358       margin-right: 70%; }
15359   .offset-gt-lg-75, .flex-offset-gt-lg-75 {
15360     margin-left: 75%; }
15361     [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75 {
15362       margin-left: auto;
15363       margin-right: 75%; }
15364   .offset-gt-lg-80, .flex-offset-gt-lg-80 {
15365     margin-left: 80%; }
15366     [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80 {
15367       margin-left: auto;
15368       margin-right: 80%; }
15369   .offset-gt-lg-85, .flex-offset-gt-lg-85 {
15370     margin-left: 85%; }
15371     [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85 {
15372       margin-left: auto;
15373       margin-right: 85%; }
15374   .offset-gt-lg-90, .flex-offset-gt-lg-90 {
15375     margin-left: 90%; }
15376     [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90 {
15377       margin-left: auto;
15378       margin-right: 90%; }
15379   .offset-gt-lg-95, .flex-offset-gt-lg-95 {
15380     margin-left: 95%; }
15381     [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95 {
15382       margin-left: auto;
15383       margin-right: 95%; }
15384   .offset-gt-lg-33, .flex-offset-gt-lg-33 {
15385     margin-left: calc(100% / 3); }
15386   .offset-gt-lg-66, .flex-offset-gt-lg-66 {
15387     margin-left: calc(200% / 3); }
15388     [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66 {
15389       margin-left: auto;
15390       margin-right: calc(200% / 3); }
15391   .layout-align-gt-lg,
15392   .layout-align-gt-lg-start-stretch {
15393     justify-content: flex-start;
15394     align-content: stretch;
15395     align-items: stretch; }
15396   .layout-align-gt-lg-start,
15397   .layout-align-gt-lg-start-start,
15398   .layout-align-gt-lg-start-center,
15399   .layout-align-gt-lg-start-end,
15400   .layout-align-gt-lg-start-stretch {
15401     justify-content: flex-start; }
15402   .layout-align-gt-lg-center,
15403   .layout-align-gt-lg-center-start,
15404   .layout-align-gt-lg-center-center,
15405   .layout-align-gt-lg-center-end,
15406   .layout-align-gt-lg-center-stretch {
15407     justify-content: center; }
15408   .layout-align-gt-lg-end,
15409   .layout-align-gt-lg-end-start,
15410   .layout-align-gt-lg-end-center,
15411   .layout-align-gt-lg-end-end,
15412   .layout-align-gt-lg-end-stretch {
15413     justify-content: flex-end; }
15414   .layout-align-gt-lg-space-around,
15415   .layout-align-gt-lg-space-around-center,
15416   .layout-align-gt-lg-space-around-start,
15417   .layout-align-gt-lg-space-around-end,
15418   .layout-align-gt-lg-space-around-stretch {
15419     justify-content: space-around; }
15420   .layout-align-gt-lg-space-between,
15421   .layout-align-gt-lg-space-between-center,
15422   .layout-align-gt-lg-space-between-start,
15423   .layout-align-gt-lg-space-between-end,
15424   .layout-align-gt-lg-space-between-stretch {
15425     justify-content: space-between; }
15426   .layout-align-gt-lg-start-start,
15427   .layout-align-gt-lg-center-start,
15428   .layout-align-gt-lg-end-start,
15429   .layout-align-gt-lg-space-between-start,
15430   .layout-align-gt-lg-space-around-start {
15431     align-items: flex-start;
15432     align-content: flex-start; }
15433   .layout-align-gt-lg-start-center,
15434   .layout-align-gt-lg-center-center,
15435   .layout-align-gt-lg-end-center,
15436   .layout-align-gt-lg-space-between-center,
15437   .layout-align-gt-lg-space-around-center {
15438     align-items: center;
15439     align-content: center;
15440     max-width: 100%; }
15441   .layout-align-gt-lg-start-center > *,
15442   .layout-align-gt-lg-center-center > *,
15443   .layout-align-gt-lg-end-center > *,
15444   .layout-align-gt-lg-space-between-center > *,
15445   .layout-align-gt-lg-space-around-center > * {
15446     max-width: 100%;
15447     box-sizing: border-box; }
15448   .layout-align-gt-lg-start-end,
15449   .layout-align-gt-lg-center-end,
15450   .layout-align-gt-lg-end-end,
15451   .layout-align-gt-lg-space-between-end,
15452   .layout-align-gt-lg-space-around-end {
15453     align-items: flex-end;
15454     align-content: flex-end; }
15455   .layout-align-gt-lg-start-stretch,
15456   .layout-align-gt-lg-center-stretch,
15457   .layout-align-gt-lg-end-stretch,
15458   .layout-align-gt-lg-space-between-stretch,
15459   .layout-align-gt-lg-space-around-stretch {
15460     align-items: stretch;
15461     align-content: stretch; }
15462   .flex-gt-lg {
15463     flex: 1;
15464     box-sizing: border-box; }
15465   .flex-gt-lg-grow {
15466     flex: 1 1 100%;
15467     box-sizing: border-box; }
15468   .flex-gt-lg-initial {
15469     flex: 0 1 auto;
15470     box-sizing: border-box; }
15471   .flex-gt-lg-auto {
15472     flex: 1 1 auto;
15473     box-sizing: border-box; }
15474   .flex-gt-lg-none {
15475     flex: 0 0 auto;
15476     box-sizing: border-box; }
15477   .flex-gt-lg-noshrink {
15478     flex: 1 0 auto;
15479     box-sizing: border-box; }
15480   .flex-gt-lg-nogrow {
15481     flex: 0 1 auto;
15482     box-sizing: border-box; }
15483   .flex-gt-lg-0 {
15484     flex: 1 1 0%;
15485     max-width: 0%;
15486     max-height: 100%;
15487     box-sizing: border-box; }
15488   .layout-row > .flex-gt-lg-0 {
15489     flex: 1 1 0%;
15490     max-width: 0%;
15491     max-height: 100%;
15492     box-sizing: border-box;
15493     min-width: 0; }
15494   .layout-column > .flex-gt-lg-0 {
15495     flex: 1 1 0%;
15496     max-width: 100%;
15497     max-height: 0%;
15498     box-sizing: border-box; }
15499   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15500     flex: 1 1 33.33%;
15501     max-width: 33.33%;
15502     max-height: 100%;
15503     box-sizing: border-box; }
15504   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15505     flex: 1 1 66.66%;
15506     max-width: 66.66%;
15507     max-height: 100%;
15508     box-sizing: border-box; }
15509   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15510     flex: 1 1 33.33%;
15511     max-width: 100%;
15512     max-height: 33.33%;
15513     box-sizing: border-box; }
15514   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15515     flex: 1 1 66.66%;
15516     max-width: 100%;
15517     max-height: 66.66%;
15518     box-sizing: border-box; }
15519   .layout-gt-lg-row > .flex-gt-lg-0 {
15520     flex: 1 1 0%;
15521     max-width: 0%;
15522     max-height: 100%;
15523     box-sizing: border-box;
15524     min-width: 0; }
15525   .layout-gt-lg-column > .flex-gt-lg-0 {
15526     flex: 1 1 0%;
15527     max-width: 100%;
15528     max-height: 0%;
15529     box-sizing: border-box;
15530     min-height: 0; }
15531   .flex-gt-lg-5 {
15532     flex: 1 1 5%;
15533     max-width: 5%;
15534     max-height: 100%;
15535     box-sizing: border-box; }
15536   .layout-row > .flex-gt-lg-5 {
15537     flex: 1 1 5%;
15538     max-width: 5%;
15539     max-height: 100%;
15540     box-sizing: border-box; }
15541   .layout-column > .flex-gt-lg-5 {
15542     flex: 1 1 5%;
15543     max-width: 100%;
15544     max-height: 5%;
15545     box-sizing: border-box; }
15546   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15547     flex: 1 1 33.33%;
15548     max-width: 33.33%;
15549     max-height: 100%;
15550     box-sizing: border-box; }
15551   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15552     flex: 1 1 66.66%;
15553     max-width: 66.66%;
15554     max-height: 100%;
15555     box-sizing: border-box; }
15556   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15557     flex: 1 1 33.33%;
15558     max-width: 100%;
15559     max-height: 33.33%;
15560     box-sizing: border-box; }
15561   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15562     flex: 1 1 66.66%;
15563     max-width: 100%;
15564     max-height: 66.66%;
15565     box-sizing: border-box; }
15566   .layout-gt-lg-row > .flex-gt-lg-5 {
15567     flex: 1 1 5%;
15568     max-width: 5%;
15569     max-height: 100%;
15570     box-sizing: border-box; }
15571   .layout-gt-lg-column > .flex-gt-lg-5 {
15572     flex: 1 1 5%;
15573     max-width: 100%;
15574     max-height: 5%;
15575     box-sizing: border-box; }
15576   .flex-gt-lg-10 {
15577     flex: 1 1 10%;
15578     max-width: 10%;
15579     max-height: 100%;
15580     box-sizing: border-box; }
15581   .layout-row > .flex-gt-lg-10 {
15582     flex: 1 1 10%;
15583     max-width: 10%;
15584     max-height: 100%;
15585     box-sizing: border-box; }
15586   .layout-column > .flex-gt-lg-10 {
15587     flex: 1 1 10%;
15588     max-width: 100%;
15589     max-height: 10%;
15590     box-sizing: border-box; }
15591   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15592     flex: 1 1 33.33%;
15593     max-width: 33.33%;
15594     max-height: 100%;
15595     box-sizing: border-box; }
15596   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15597     flex: 1 1 66.66%;
15598     max-width: 66.66%;
15599     max-height: 100%;
15600     box-sizing: border-box; }
15601   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15602     flex: 1 1 33.33%;
15603     max-width: 100%;
15604     max-height: 33.33%;
15605     box-sizing: border-box; }
15606   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15607     flex: 1 1 66.66%;
15608     max-width: 100%;
15609     max-height: 66.66%;
15610     box-sizing: border-box; }
15611   .layout-gt-lg-row > .flex-gt-lg-10 {
15612     flex: 1 1 10%;
15613     max-width: 10%;
15614     max-height: 100%;
15615     box-sizing: border-box; }
15616   .layout-gt-lg-column > .flex-gt-lg-10 {
15617     flex: 1 1 10%;
15618     max-width: 100%;
15619     max-height: 10%;
15620     box-sizing: border-box; }
15621   .flex-gt-lg-15 {
15622     flex: 1 1 15%;
15623     max-width: 15%;
15624     max-height: 100%;
15625     box-sizing: border-box; }
15626   .layout-row > .flex-gt-lg-15 {
15627     flex: 1 1 15%;
15628     max-width: 15%;
15629     max-height: 100%;
15630     box-sizing: border-box; }
15631   .layout-column > .flex-gt-lg-15 {
15632     flex: 1 1 15%;
15633     max-width: 100%;
15634     max-height: 15%;
15635     box-sizing: border-box; }
15636   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15637     flex: 1 1 33.33%;
15638     max-width: 33.33%;
15639     max-height: 100%;
15640     box-sizing: border-box; }
15641   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15642     flex: 1 1 66.66%;
15643     max-width: 66.66%;
15644     max-height: 100%;
15645     box-sizing: border-box; }
15646   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15647     flex: 1 1 33.33%;
15648     max-width: 100%;
15649     max-height: 33.33%;
15650     box-sizing: border-box; }
15651   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15652     flex: 1 1 66.66%;
15653     max-width: 100%;
15654     max-height: 66.66%;
15655     box-sizing: border-box; }
15656   .layout-gt-lg-row > .flex-gt-lg-15 {
15657     flex: 1 1 15%;
15658     max-width: 15%;
15659     max-height: 100%;
15660     box-sizing: border-box; }
15661   .layout-gt-lg-column > .flex-gt-lg-15 {
15662     flex: 1 1 15%;
15663     max-width: 100%;
15664     max-height: 15%;
15665     box-sizing: border-box; }
15666   .flex-gt-lg-20 {
15667     flex: 1 1 20%;
15668     max-width: 20%;
15669     max-height: 100%;
15670     box-sizing: border-box; }
15671   .layout-row > .flex-gt-lg-20 {
15672     flex: 1 1 20%;
15673     max-width: 20%;
15674     max-height: 100%;
15675     box-sizing: border-box; }
15676   .layout-column > .flex-gt-lg-20 {
15677     flex: 1 1 20%;
15678     max-width: 100%;
15679     max-height: 20%;
15680     box-sizing: border-box; }
15681   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15682     flex: 1 1 33.33%;
15683     max-width: 33.33%;
15684     max-height: 100%;
15685     box-sizing: border-box; }
15686   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15687     flex: 1 1 66.66%;
15688     max-width: 66.66%;
15689     max-height: 100%;
15690     box-sizing: border-box; }
15691   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15692     flex: 1 1 33.33%;
15693     max-width: 100%;
15694     max-height: 33.33%;
15695     box-sizing: border-box; }
15696   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15697     flex: 1 1 66.66%;
15698     max-width: 100%;
15699     max-height: 66.66%;
15700     box-sizing: border-box; }
15701   .layout-gt-lg-row > .flex-gt-lg-20 {
15702     flex: 1 1 20%;
15703     max-width: 20%;
15704     max-height: 100%;
15705     box-sizing: border-box; }
15706   .layout-gt-lg-column > .flex-gt-lg-20 {
15707     flex: 1 1 20%;
15708     max-width: 100%;
15709     max-height: 20%;
15710     box-sizing: border-box; }
15711   .flex-gt-lg-25 {
15712     flex: 1 1 25%;
15713     max-width: 25%;
15714     max-height: 100%;
15715     box-sizing: border-box; }
15716   .layout-row > .flex-gt-lg-25 {
15717     flex: 1 1 25%;
15718     max-width: 25%;
15719     max-height: 100%;
15720     box-sizing: border-box; }
15721   .layout-column > .flex-gt-lg-25 {
15722     flex: 1 1 25%;
15723     max-width: 100%;
15724     max-height: 25%;
15725     box-sizing: border-box; }
15726   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15727     flex: 1 1 33.33%;
15728     max-width: 33.33%;
15729     max-height: 100%;
15730     box-sizing: border-box; }
15731   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15732     flex: 1 1 66.66%;
15733     max-width: 66.66%;
15734     max-height: 100%;
15735     box-sizing: border-box; }
15736   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15737     flex: 1 1 33.33%;
15738     max-width: 100%;
15739     max-height: 33.33%;
15740     box-sizing: border-box; }
15741   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15742     flex: 1 1 66.66%;
15743     max-width: 100%;
15744     max-height: 66.66%;
15745     box-sizing: border-box; }
15746   .layout-gt-lg-row > .flex-gt-lg-25 {
15747     flex: 1 1 25%;
15748     max-width: 25%;
15749     max-height: 100%;
15750     box-sizing: border-box; }
15751   .layout-gt-lg-column > .flex-gt-lg-25 {
15752     flex: 1 1 25%;
15753     max-width: 100%;
15754     max-height: 25%;
15755     box-sizing: border-box; }
15756   .flex-gt-lg-30 {
15757     flex: 1 1 30%;
15758     max-width: 30%;
15759     max-height: 100%;
15760     box-sizing: border-box; }
15761   .layout-row > .flex-gt-lg-30 {
15762     flex: 1 1 30%;
15763     max-width: 30%;
15764     max-height: 100%;
15765     box-sizing: border-box; }
15766   .layout-column > .flex-gt-lg-30 {
15767     flex: 1 1 30%;
15768     max-width: 100%;
15769     max-height: 30%;
15770     box-sizing: border-box; }
15771   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15772     flex: 1 1 33.33%;
15773     max-width: 33.33%;
15774     max-height: 100%;
15775     box-sizing: border-box; }
15776   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15777     flex: 1 1 66.66%;
15778     max-width: 66.66%;
15779     max-height: 100%;
15780     box-sizing: border-box; }
15781   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15782     flex: 1 1 33.33%;
15783     max-width: 100%;
15784     max-height: 33.33%;
15785     box-sizing: border-box; }
15786   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15787     flex: 1 1 66.66%;
15788     max-width: 100%;
15789     max-height: 66.66%;
15790     box-sizing: border-box; }
15791   .layout-gt-lg-row > .flex-gt-lg-30 {
15792     flex: 1 1 30%;
15793     max-width: 30%;
15794     max-height: 100%;
15795     box-sizing: border-box; }
15796   .layout-gt-lg-column > .flex-gt-lg-30 {
15797     flex: 1 1 30%;
15798     max-width: 100%;
15799     max-height: 30%;
15800     box-sizing: border-box; }
15801   .flex-gt-lg-35 {
15802     flex: 1 1 35%;
15803     max-width: 35%;
15804     max-height: 100%;
15805     box-sizing: border-box; }
15806   .layout-row > .flex-gt-lg-35 {
15807     flex: 1 1 35%;
15808     max-width: 35%;
15809     max-height: 100%;
15810     box-sizing: border-box; }
15811   .layout-column > .flex-gt-lg-35 {
15812     flex: 1 1 35%;
15813     max-width: 100%;
15814     max-height: 35%;
15815     box-sizing: border-box; }
15816   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15817     flex: 1 1 33.33%;
15818     max-width: 33.33%;
15819     max-height: 100%;
15820     box-sizing: border-box; }
15821   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15822     flex: 1 1 66.66%;
15823     max-width: 66.66%;
15824     max-height: 100%;
15825     box-sizing: border-box; }
15826   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15827     flex: 1 1 33.33%;
15828     max-width: 100%;
15829     max-height: 33.33%;
15830     box-sizing: border-box; }
15831   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15832     flex: 1 1 66.66%;
15833     max-width: 100%;
15834     max-height: 66.66%;
15835     box-sizing: border-box; }
15836   .layout-gt-lg-row > .flex-gt-lg-35 {
15837     flex: 1 1 35%;
15838     max-width: 35%;
15839     max-height: 100%;
15840     box-sizing: border-box; }
15841   .layout-gt-lg-column > .flex-gt-lg-35 {
15842     flex: 1 1 35%;
15843     max-width: 100%;
15844     max-height: 35%;
15845     box-sizing: border-box; }
15846   .flex-gt-lg-40 {
15847     flex: 1 1 40%;
15848     max-width: 40%;
15849     max-height: 100%;
15850     box-sizing: border-box; }
15851   .layout-row > .flex-gt-lg-40 {
15852     flex: 1 1 40%;
15853     max-width: 40%;
15854     max-height: 100%;
15855     box-sizing: border-box; }
15856   .layout-column > .flex-gt-lg-40 {
15857     flex: 1 1 40%;
15858     max-width: 100%;
15859     max-height: 40%;
15860     box-sizing: border-box; }
15861   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15862     flex: 1 1 33.33%;
15863     max-width: 33.33%;
15864     max-height: 100%;
15865     box-sizing: border-box; }
15866   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15867     flex: 1 1 66.66%;
15868     max-width: 66.66%;
15869     max-height: 100%;
15870     box-sizing: border-box; }
15871   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15872     flex: 1 1 33.33%;
15873     max-width: 100%;
15874     max-height: 33.33%;
15875     box-sizing: border-box; }
15876   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15877     flex: 1 1 66.66%;
15878     max-width: 100%;
15879     max-height: 66.66%;
15880     box-sizing: border-box; }
15881   .layout-gt-lg-row > .flex-gt-lg-40 {
15882     flex: 1 1 40%;
15883     max-width: 40%;
15884     max-height: 100%;
15885     box-sizing: border-box; }
15886   .layout-gt-lg-column > .flex-gt-lg-40 {
15887     flex: 1 1 40%;
15888     max-width: 100%;
15889     max-height: 40%;
15890     box-sizing: border-box; }
15891   .flex-gt-lg-45 {
15892     flex: 1 1 45%;
15893     max-width: 45%;
15894     max-height: 100%;
15895     box-sizing: border-box; }
15896   .layout-row > .flex-gt-lg-45 {
15897     flex: 1 1 45%;
15898     max-width: 45%;
15899     max-height: 100%;
15900     box-sizing: border-box; }
15901   .layout-column > .flex-gt-lg-45 {
15902     flex: 1 1 45%;
15903     max-width: 100%;
15904     max-height: 45%;
15905     box-sizing: border-box; }
15906   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15907     flex: 1 1 33.33%;
15908     max-width: 33.33%;
15909     max-height: 100%;
15910     box-sizing: border-box; }
15911   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15912     flex: 1 1 66.66%;
15913     max-width: 66.66%;
15914     max-height: 100%;
15915     box-sizing: border-box; }
15916   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15917     flex: 1 1 33.33%;
15918     max-width: 100%;
15919     max-height: 33.33%;
15920     box-sizing: border-box; }
15921   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15922     flex: 1 1 66.66%;
15923     max-width: 100%;
15924     max-height: 66.66%;
15925     box-sizing: border-box; }
15926   .layout-gt-lg-row > .flex-gt-lg-45 {
15927     flex: 1 1 45%;
15928     max-width: 45%;
15929     max-height: 100%;
15930     box-sizing: border-box; }
15931   .layout-gt-lg-column > .flex-gt-lg-45 {
15932     flex: 1 1 45%;
15933     max-width: 100%;
15934     max-height: 45%;
15935     box-sizing: border-box; }
15936   .flex-gt-lg-50 {
15937     flex: 1 1 50%;
15938     max-width: 50%;
15939     max-height: 100%;
15940     box-sizing: border-box; }
15941   .layout-row > .flex-gt-lg-50 {
15942     flex: 1 1 50%;
15943     max-width: 50%;
15944     max-height: 100%;
15945     box-sizing: border-box; }
15946   .layout-column > .flex-gt-lg-50 {
15947     flex: 1 1 50%;
15948     max-width: 100%;
15949     max-height: 50%;
15950     box-sizing: border-box; }
15951   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15952     flex: 1 1 33.33%;
15953     max-width: 33.33%;
15954     max-height: 100%;
15955     box-sizing: border-box; }
15956   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
15957     flex: 1 1 66.66%;
15958     max-width: 66.66%;
15959     max-height: 100%;
15960     box-sizing: border-box; }
15961   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
15962     flex: 1 1 33.33%;
15963     max-width: 100%;
15964     max-height: 33.33%;
15965     box-sizing: border-box; }
15966   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
15967     flex: 1 1 66.66%;
15968     max-width: 100%;
15969     max-height: 66.66%;
15970     box-sizing: border-box; }
15971   .layout-gt-lg-row > .flex-gt-lg-50 {
15972     flex: 1 1 50%;
15973     max-width: 50%;
15974     max-height: 100%;
15975     box-sizing: border-box; }
15976   .layout-gt-lg-column > .flex-gt-lg-50 {
15977     flex: 1 1 50%;
15978     max-width: 100%;
15979     max-height: 50%;
15980     box-sizing: border-box; }
15981   .flex-gt-lg-55 {
15982     flex: 1 1 55%;
15983     max-width: 55%;
15984     max-height: 100%;
15985     box-sizing: border-box; }
15986   .layout-row > .flex-gt-lg-55 {
15987     flex: 1 1 55%;
15988     max-width: 55%;
15989     max-height: 100%;
15990     box-sizing: border-box; }
15991   .layout-column > .flex-gt-lg-55 {
15992     flex: 1 1 55%;
15993     max-width: 100%;
15994     max-height: 55%;
15995     box-sizing: border-box; }
15996   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
15997     flex: 1 1 33.33%;
15998     max-width: 33.33%;
15999     max-height: 100%;
16000     box-sizing: border-box; }
16001   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16002     flex: 1 1 66.66%;
16003     max-width: 66.66%;
16004     max-height: 100%;
16005     box-sizing: border-box; }
16006   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16007     flex: 1 1 33.33%;
16008     max-width: 100%;
16009     max-height: 33.33%;
16010     box-sizing: border-box; }
16011   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16012     flex: 1 1 66.66%;
16013     max-width: 100%;
16014     max-height: 66.66%;
16015     box-sizing: border-box; }
16016   .layout-gt-lg-row > .flex-gt-lg-55 {
16017     flex: 1 1 55%;
16018     max-width: 55%;
16019     max-height: 100%;
16020     box-sizing: border-box; }
16021   .layout-gt-lg-column > .flex-gt-lg-55 {
16022     flex: 1 1 55%;
16023     max-width: 100%;
16024     max-height: 55%;
16025     box-sizing: border-box; }
16026   .flex-gt-lg-60 {
16027     flex: 1 1 60%;
16028     max-width: 60%;
16029     max-height: 100%;
16030     box-sizing: border-box; }
16031   .layout-row > .flex-gt-lg-60 {
16032     flex: 1 1 60%;
16033     max-width: 60%;
16034     max-height: 100%;
16035     box-sizing: border-box; }
16036   .layout-column > .flex-gt-lg-60 {
16037     flex: 1 1 60%;
16038     max-width: 100%;
16039     max-height: 60%;
16040     box-sizing: border-box; }
16041   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16042     flex: 1 1 33.33%;
16043     max-width: 33.33%;
16044     max-height: 100%;
16045     box-sizing: border-box; }
16046   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16047     flex: 1 1 66.66%;
16048     max-width: 66.66%;
16049     max-height: 100%;
16050     box-sizing: border-box; }
16051   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16052     flex: 1 1 33.33%;
16053     max-width: 100%;
16054     max-height: 33.33%;
16055     box-sizing: border-box; }
16056   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16057     flex: 1 1 66.66%;
16058     max-width: 100%;
16059     max-height: 66.66%;
16060     box-sizing: border-box; }
16061   .layout-gt-lg-row > .flex-gt-lg-60 {
16062     flex: 1 1 60%;
16063     max-width: 60%;
16064     max-height: 100%;
16065     box-sizing: border-box; }
16066   .layout-gt-lg-column > .flex-gt-lg-60 {
16067     flex: 1 1 60%;
16068     max-width: 100%;
16069     max-height: 60%;
16070     box-sizing: border-box; }
16071   .flex-gt-lg-65 {
16072     flex: 1 1 65%;
16073     max-width: 65%;
16074     max-height: 100%;
16075     box-sizing: border-box; }
16076   .layout-row > .flex-gt-lg-65 {
16077     flex: 1 1 65%;
16078     max-width: 65%;
16079     max-height: 100%;
16080     box-sizing: border-box; }
16081   .layout-column > .flex-gt-lg-65 {
16082     flex: 1 1 65%;
16083     max-width: 100%;
16084     max-height: 65%;
16085     box-sizing: border-box; }
16086   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16087     flex: 1 1 33.33%;
16088     max-width: 33.33%;
16089     max-height: 100%;
16090     box-sizing: border-box; }
16091   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16092     flex: 1 1 66.66%;
16093     max-width: 66.66%;
16094     max-height: 100%;
16095     box-sizing: border-box; }
16096   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16097     flex: 1 1 33.33%;
16098     max-width: 100%;
16099     max-height: 33.33%;
16100     box-sizing: border-box; }
16101   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16102     flex: 1 1 66.66%;
16103     max-width: 100%;
16104     max-height: 66.66%;
16105     box-sizing: border-box; }
16106   .layout-gt-lg-row > .flex-gt-lg-65 {
16107     flex: 1 1 65%;
16108     max-width: 65%;
16109     max-height: 100%;
16110     box-sizing: border-box; }
16111   .layout-gt-lg-column > .flex-gt-lg-65 {
16112     flex: 1 1 65%;
16113     max-width: 100%;
16114     max-height: 65%;
16115     box-sizing: border-box; }
16116   .flex-gt-lg-70 {
16117     flex: 1 1 70%;
16118     max-width: 70%;
16119     max-height: 100%;
16120     box-sizing: border-box; }
16121   .layout-row > .flex-gt-lg-70 {
16122     flex: 1 1 70%;
16123     max-width: 70%;
16124     max-height: 100%;
16125     box-sizing: border-box; }
16126   .layout-column > .flex-gt-lg-70 {
16127     flex: 1 1 70%;
16128     max-width: 100%;
16129     max-height: 70%;
16130     box-sizing: border-box; }
16131   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16132     flex: 1 1 33.33%;
16133     max-width: 33.33%;
16134     max-height: 100%;
16135     box-sizing: border-box; }
16136   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16137     flex: 1 1 66.66%;
16138     max-width: 66.66%;
16139     max-height: 100%;
16140     box-sizing: border-box; }
16141   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16142     flex: 1 1 33.33%;
16143     max-width: 100%;
16144     max-height: 33.33%;
16145     box-sizing: border-box; }
16146   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16147     flex: 1 1 66.66%;
16148     max-width: 100%;
16149     max-height: 66.66%;
16150     box-sizing: border-box; }
16151   .layout-gt-lg-row > .flex-gt-lg-70 {
16152     flex: 1 1 70%;
16153     max-width: 70%;
16154     max-height: 100%;
16155     box-sizing: border-box; }
16156   .layout-gt-lg-column > .flex-gt-lg-70 {
16157     flex: 1 1 70%;
16158     max-width: 100%;
16159     max-height: 70%;
16160     box-sizing: border-box; }
16161   .flex-gt-lg-75 {
16162     flex: 1 1 75%;
16163     max-width: 75%;
16164     max-height: 100%;
16165     box-sizing: border-box; }
16166   .layout-row > .flex-gt-lg-75 {
16167     flex: 1 1 75%;
16168     max-width: 75%;
16169     max-height: 100%;
16170     box-sizing: border-box; }
16171   .layout-column > .flex-gt-lg-75 {
16172     flex: 1 1 75%;
16173     max-width: 100%;
16174     max-height: 75%;
16175     box-sizing: border-box; }
16176   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16177     flex: 1 1 33.33%;
16178     max-width: 33.33%;
16179     max-height: 100%;
16180     box-sizing: border-box; }
16181   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16182     flex: 1 1 66.66%;
16183     max-width: 66.66%;
16184     max-height: 100%;
16185     box-sizing: border-box; }
16186   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16187     flex: 1 1 33.33%;
16188     max-width: 100%;
16189     max-height: 33.33%;
16190     box-sizing: border-box; }
16191   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16192     flex: 1 1 66.66%;
16193     max-width: 100%;
16194     max-height: 66.66%;
16195     box-sizing: border-box; }
16196   .layout-gt-lg-row > .flex-gt-lg-75 {
16197     flex: 1 1 75%;
16198     max-width: 75%;
16199     max-height: 100%;
16200     box-sizing: border-box; }
16201   .layout-gt-lg-column > .flex-gt-lg-75 {
16202     flex: 1 1 75%;
16203     max-width: 100%;
16204     max-height: 75%;
16205     box-sizing: border-box; }
16206   .flex-gt-lg-80 {
16207     flex: 1 1 80%;
16208     max-width: 80%;
16209     max-height: 100%;
16210     box-sizing: border-box; }
16211   .layout-row > .flex-gt-lg-80 {
16212     flex: 1 1 80%;
16213     max-width: 80%;
16214     max-height: 100%;
16215     box-sizing: border-box; }
16216   .layout-column > .flex-gt-lg-80 {
16217     flex: 1 1 80%;
16218     max-width: 100%;
16219     max-height: 80%;
16220     box-sizing: border-box; }
16221   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16222     flex: 1 1 33.33%;
16223     max-width: 33.33%;
16224     max-height: 100%;
16225     box-sizing: border-box; }
16226   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16227     flex: 1 1 66.66%;
16228     max-width: 66.66%;
16229     max-height: 100%;
16230     box-sizing: border-box; }
16231   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16232     flex: 1 1 33.33%;
16233     max-width: 100%;
16234     max-height: 33.33%;
16235     box-sizing: border-box; }
16236   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16237     flex: 1 1 66.66%;
16238     max-width: 100%;
16239     max-height: 66.66%;
16240     box-sizing: border-box; }
16241   .layout-gt-lg-row > .flex-gt-lg-80 {
16242     flex: 1 1 80%;
16243     max-width: 80%;
16244     max-height: 100%;
16245     box-sizing: border-box; }
16246   .layout-gt-lg-column > .flex-gt-lg-80 {
16247     flex: 1 1 80%;
16248     max-width: 100%;
16249     max-height: 80%;
16250     box-sizing: border-box; }
16251   .flex-gt-lg-85 {
16252     flex: 1 1 85%;
16253     max-width: 85%;
16254     max-height: 100%;
16255     box-sizing: border-box; }
16256   .layout-row > .flex-gt-lg-85 {
16257     flex: 1 1 85%;
16258     max-width: 85%;
16259     max-height: 100%;
16260     box-sizing: border-box; }
16261   .layout-column > .flex-gt-lg-85 {
16262     flex: 1 1 85%;
16263     max-width: 100%;
16264     max-height: 85%;
16265     box-sizing: border-box; }
16266   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16267     flex: 1 1 33.33%;
16268     max-width: 33.33%;
16269     max-height: 100%;
16270     box-sizing: border-box; }
16271   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16272     flex: 1 1 66.66%;
16273     max-width: 66.66%;
16274     max-height: 100%;
16275     box-sizing: border-box; }
16276   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16277     flex: 1 1 33.33%;
16278     max-width: 100%;
16279     max-height: 33.33%;
16280     box-sizing: border-box; }
16281   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16282     flex: 1 1 66.66%;
16283     max-width: 100%;
16284     max-height: 66.66%;
16285     box-sizing: border-box; }
16286   .layout-gt-lg-row > .flex-gt-lg-85 {
16287     flex: 1 1 85%;
16288     max-width: 85%;
16289     max-height: 100%;
16290     box-sizing: border-box; }
16291   .layout-gt-lg-column > .flex-gt-lg-85 {
16292     flex: 1 1 85%;
16293     max-width: 100%;
16294     max-height: 85%;
16295     box-sizing: border-box; }
16296   .flex-gt-lg-90 {
16297     flex: 1 1 90%;
16298     max-width: 90%;
16299     max-height: 100%;
16300     box-sizing: border-box; }
16301   .layout-row > .flex-gt-lg-90 {
16302     flex: 1 1 90%;
16303     max-width: 90%;
16304     max-height: 100%;
16305     box-sizing: border-box; }
16306   .layout-column > .flex-gt-lg-90 {
16307     flex: 1 1 90%;
16308     max-width: 100%;
16309     max-height: 90%;
16310     box-sizing: border-box; }
16311   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16312     flex: 1 1 33.33%;
16313     max-width: 33.33%;
16314     max-height: 100%;
16315     box-sizing: border-box; }
16316   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16317     flex: 1 1 66.66%;
16318     max-width: 66.66%;
16319     max-height: 100%;
16320     box-sizing: border-box; }
16321   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16322     flex: 1 1 33.33%;
16323     max-width: 100%;
16324     max-height: 33.33%;
16325     box-sizing: border-box; }
16326   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16327     flex: 1 1 66.66%;
16328     max-width: 100%;
16329     max-height: 66.66%;
16330     box-sizing: border-box; }
16331   .layout-gt-lg-row > .flex-gt-lg-90 {
16332     flex: 1 1 90%;
16333     max-width: 90%;
16334     max-height: 100%;
16335     box-sizing: border-box; }
16336   .layout-gt-lg-column > .flex-gt-lg-90 {
16337     flex: 1 1 90%;
16338     max-width: 100%;
16339     max-height: 90%;
16340     box-sizing: border-box; }
16341   .flex-gt-lg-95 {
16342     flex: 1 1 95%;
16343     max-width: 95%;
16344     max-height: 100%;
16345     box-sizing: border-box; }
16346   .layout-row > .flex-gt-lg-95 {
16347     flex: 1 1 95%;
16348     max-width: 95%;
16349     max-height: 100%;
16350     box-sizing: border-box; }
16351   .layout-column > .flex-gt-lg-95 {
16352     flex: 1 1 95%;
16353     max-width: 100%;
16354     max-height: 95%;
16355     box-sizing: border-box; }
16356   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16357     flex: 1 1 33.33%;
16358     max-width: 33.33%;
16359     max-height: 100%;
16360     box-sizing: border-box; }
16361   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16362     flex: 1 1 66.66%;
16363     max-width: 66.66%;
16364     max-height: 100%;
16365     box-sizing: border-box; }
16366   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16367     flex: 1 1 33.33%;
16368     max-width: 100%;
16369     max-height: 33.33%;
16370     box-sizing: border-box; }
16371   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16372     flex: 1 1 66.66%;
16373     max-width: 100%;
16374     max-height: 66.66%;
16375     box-sizing: border-box; }
16376   .layout-gt-lg-row > .flex-gt-lg-95 {
16377     flex: 1 1 95%;
16378     max-width: 95%;
16379     max-height: 100%;
16380     box-sizing: border-box; }
16381   .layout-gt-lg-column > .flex-gt-lg-95 {
16382     flex: 1 1 95%;
16383     max-width: 100%;
16384     max-height: 95%;
16385     box-sizing: border-box; }
16386   .flex-gt-lg-100 {
16387     flex: 1 1 100%;
16388     max-width: 100%;
16389     max-height: 100%;
16390     box-sizing: border-box; }
16391   .layout-row > .flex-gt-lg-100 {
16392     flex: 1 1 100%;
16393     max-width: 100%;
16394     max-height: 100%;
16395     box-sizing: border-box; }
16396   .layout-column > .flex-gt-lg-100 {
16397     flex: 1 1 100%;
16398     max-width: 100%;
16399     max-height: 100%;
16400     box-sizing: border-box; }
16401   .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
16402     flex: 1 1 33.33%;
16403     max-width: 33.33%;
16404     max-height: 100%;
16405     box-sizing: border-box; }
16406   .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
16407     flex: 1 1 66.66%;
16408     max-width: 66.66%;
16409     max-height: 100%;
16410     box-sizing: border-box; }
16411   .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
16412     flex: 1 1 33.33%;
16413     max-width: 100%;
16414     max-height: 33.33%;
16415     box-sizing: border-box; }
16416   .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
16417     flex: 1 1 66.66%;
16418     max-width: 100%;
16419     max-height: 66.66%;
16420     box-sizing: border-box; }
16421   .layout-gt-lg-row > .flex-gt-lg-100 {
16422     flex: 1 1 100%;
16423     max-width: 100%;
16424     max-height: 100%;
16425     box-sizing: border-box; }
16426   .layout-gt-lg-column > .flex-gt-lg-100 {
16427     flex: 1 1 100%;
16428     max-width: 100%;
16429     max-height: 100%;
16430     box-sizing: border-box; }
16431   .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
16432     flex: 1 1 33.33%;
16433     max-width: 33.33%;
16434     max-height: 100%;
16435     box-sizing: border-box; }
16436   .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
16437     flex: 1 1 66.66%;
16438     max-width: 66.66%;
16439     max-height: 100%;
16440     box-sizing: border-box; }
16441   .layout-gt-lg-row > .flex {
16442     min-width: 0; }
16443   .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
16444     flex: 1 1 33.33%;
16445     max-width: 100%;
16446     max-height: 33.33%;
16447     box-sizing: border-box; }
16448   .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
16449     flex: 1 1 66.66%;
16450     max-width: 100%;
16451     max-height: 66.66%;
16452     box-sizing: border-box; }
16453   .layout-gt-lg-column > .flex {
16454     min-height: 0; }
16455   .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
16456     box-sizing: border-box;
16457     display: -webkit-box;
16458     display: -webkit-flex;
16459     display: -moz-box;
16460     display: -ms-flexbox;
16461     display: flex; }
16462   .layout-gt-lg-column {
16463     flex-direction: column; }
16464   .layout-gt-lg-row {
16465     flex-direction: row; }
16466   .flex-order-xl--20 {
16467     order: -20; }
16468   .flex-order-xl--19 {
16469     order: -19; }
16470   .flex-order-xl--18 {
16471     order: -18; }
16472   .flex-order-xl--17 {
16473     order: -17; }
16474   .flex-order-xl--16 {
16475     order: -16; }
16476   .flex-order-xl--15 {
16477     order: -15; }
16478   .flex-order-xl--14 {
16479     order: -14; }
16480   .flex-order-xl--13 {
16481     order: -13; }
16482   .flex-order-xl--12 {
16483     order: -12; }
16484   .flex-order-xl--11 {
16485     order: -11; }
16486   .flex-order-xl--10 {
16487     order: -10; }
16488   .flex-order-xl--9 {
16489     order: -9; }
16490   .flex-order-xl--8 {
16491     order: -8; }
16492   .flex-order-xl--7 {
16493     order: -7; }
16494   .flex-order-xl--6 {
16495     order: -6; }
16496   .flex-order-xl--5 {
16497     order: -5; }
16498   .flex-order-xl--4 {
16499     order: -4; }
16500   .flex-order-xl--3 {
16501     order: -3; }
16502   .flex-order-xl--2 {
16503     order: -2; }
16504   .flex-order-xl--1 {
16505     order: -1; }
16506   .flex-order-xl-0 {
16507     order: 0; }
16508   .flex-order-xl-1 {
16509     order: 1; }
16510   .flex-order-xl-2 {
16511     order: 2; }
16512   .flex-order-xl-3 {
16513     order: 3; }
16514   .flex-order-xl-4 {
16515     order: 4; }
16516   .flex-order-xl-5 {
16517     order: 5; }
16518   .flex-order-xl-6 {
16519     order: 6; }
16520   .flex-order-xl-7 {
16521     order: 7; }
16522   .flex-order-xl-8 {
16523     order: 8; }
16524   .flex-order-xl-9 {
16525     order: 9; }
16526   .flex-order-xl-10 {
16527     order: 10; }
16528   .flex-order-xl-11 {
16529     order: 11; }
16530   .flex-order-xl-12 {
16531     order: 12; }
16532   .flex-order-xl-13 {
16533     order: 13; }
16534   .flex-order-xl-14 {
16535     order: 14; }
16536   .flex-order-xl-15 {
16537     order: 15; }
16538   .flex-order-xl-16 {
16539     order: 16; }
16540   .flex-order-xl-17 {
16541     order: 17; }
16542   .flex-order-xl-18 {
16543     order: 18; }
16544   .flex-order-xl-19 {
16545     order: 19; }
16546   .flex-order-xl-20 {
16547     order: 20; }
16548   .offset-xl-0, .flex-offset-xl-0 {
16549     margin-left: 0; }
16550     [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0 {
16551       margin-left: auto;
16552       margin-right: 0; }
16553   .offset-xl-5, .flex-offset-xl-5 {
16554     margin-left: 5%; }
16555     [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5 {
16556       margin-left: auto;
16557       margin-right: 5%; }
16558   .offset-xl-10, .flex-offset-xl-10 {
16559     margin-left: 10%; }
16560     [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10 {
16561       margin-left: auto;
16562       margin-right: 10%; }
16563   .offset-xl-15, .flex-offset-xl-15 {
16564     margin-left: 15%; }
16565     [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15 {
16566       margin-left: auto;
16567       margin-right: 15%; }
16568   .offset-xl-20, .flex-offset-xl-20 {
16569     margin-left: 20%; }
16570     [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20 {
16571       margin-left: auto;
16572       margin-right: 20%; }
16573   .offset-xl-25, .flex-offset-xl-25 {
16574     margin-left: 25%; }
16575     [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25 {
16576       margin-left: auto;
16577       margin-right: 25%; }
16578   .offset-xl-30, .flex-offset-xl-30 {
16579     margin-left: 30%; }
16580     [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30 {
16581       margin-left: auto;
16582       margin-right: 30%; }
16583   .offset-xl-35, .flex-offset-xl-35 {
16584     margin-left: 35%; }
16585     [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35 {
16586       margin-left: auto;
16587       margin-right: 35%; }
16588   .offset-xl-40, .flex-offset-xl-40 {
16589     margin-left: 40%; }
16590     [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40 {
16591       margin-left: auto;
16592       margin-right: 40%; }
16593   .offset-xl-45, .flex-offset-xl-45 {
16594     margin-left: 45%; }
16595     [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45 {
16596       margin-left: auto;
16597       margin-right: 45%; }
16598   .offset-xl-50, .flex-offset-xl-50 {
16599     margin-left: 50%; }
16600     [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50 {
16601       margin-left: auto;
16602       margin-right: 50%; }
16603   .offset-xl-55, .flex-offset-xl-55 {
16604     margin-left: 55%; }
16605     [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55 {
16606       margin-left: auto;
16607       margin-right: 55%; }
16608   .offset-xl-60, .flex-offset-xl-60 {
16609     margin-left: 60%; }
16610     [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60 {
16611       margin-left: auto;
16612       margin-right: 60%; }
16613   .offset-xl-65, .flex-offset-xl-65 {
16614     margin-left: 65%; }
16615     [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65 {
16616       margin-left: auto;
16617       margin-right: 65%; }
16618   .offset-xl-70, .flex-offset-xl-70 {
16619     margin-left: 70%; }
16620     [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70 {
16621       margin-left: auto;
16622       margin-right: 70%; }
16623   .offset-xl-75, .flex-offset-xl-75 {
16624     margin-left: 75%; }
16625     [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75 {
16626       margin-left: auto;
16627       margin-right: 75%; }
16628   .offset-xl-80, .flex-offset-xl-80 {
16629     margin-left: 80%; }
16630     [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80 {
16631       margin-left: auto;
16632       margin-right: 80%; }
16633   .offset-xl-85, .flex-offset-xl-85 {
16634     margin-left: 85%; }
16635     [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85 {
16636       margin-left: auto;
16637       margin-right: 85%; }
16638   .offset-xl-90, .flex-offset-xl-90 {
16639     margin-left: 90%; }
16640     [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90 {
16641       margin-left: auto;
16642       margin-right: 90%; }
16643   .offset-xl-95, .flex-offset-xl-95 {
16644     margin-left: 95%; }
16645     [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95 {
16646       margin-left: auto;
16647       margin-right: 95%; }
16648   .offset-xl-33, .flex-offset-xl-33 {
16649     margin-left: calc(100% / 3); }
16650   .offset-xl-66, .flex-offset-xl-66 {
16651     margin-left: calc(200% / 3); }
16652     [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66 {
16653       margin-left: auto;
16654       margin-right: calc(200% / 3); }
16655   .layout-align-xl,
16656   .layout-align-xl-start-stretch {
16657     justify-content: flex-start;
16658     align-content: stretch;
16659     align-items: stretch; }
16660   .layout-align-xl-start,
16661   .layout-align-xl-start-start,
16662   .layout-align-xl-start-center,
16663   .layout-align-xl-start-end,
16664   .layout-align-xl-start-stretch {
16665     justify-content: flex-start; }
16666   .layout-align-xl-center,
16667   .layout-align-xl-center-start,
16668   .layout-align-xl-center-center,
16669   .layout-align-xl-center-end,
16670   .layout-align-xl-center-stretch {
16671     justify-content: center; }
16672   .layout-align-xl-end,
16673   .layout-align-xl-end-start,
16674   .layout-align-xl-end-center,
16675   .layout-align-xl-end-end,
16676   .layout-align-xl-end-stretch {
16677     justify-content: flex-end; }
16678   .layout-align-xl-space-around,
16679   .layout-align-xl-space-around-center,
16680   .layout-align-xl-space-around-start,
16681   .layout-align-xl-space-around-end,
16682   .layout-align-xl-space-around-stretch {
16683     justify-content: space-around; }
16684   .layout-align-xl-space-between,
16685   .layout-align-xl-space-between-center,
16686   .layout-align-xl-space-between-start,
16687   .layout-align-xl-space-between-end,
16688   .layout-align-xl-space-between-stretch {
16689     justify-content: space-between; }
16690   .layout-align-xl-start-start,
16691   .layout-align-xl-center-start,
16692   .layout-align-xl-end-start,
16693   .layout-align-xl-space-between-start,
16694   .layout-align-xl-space-around-start {
16695     align-items: flex-start;
16696     align-content: flex-start; }
16697   .layout-align-xl-start-center,
16698   .layout-align-xl-center-center,
16699   .layout-align-xl-end-center,
16700   .layout-align-xl-space-between-center,
16701   .layout-align-xl-space-around-center {
16702     align-items: center;
16703     align-content: center;
16704     max-width: 100%; }
16705   .layout-align-xl-start-center > *,
16706   .layout-align-xl-center-center > *,
16707   .layout-align-xl-end-center > *,
16708   .layout-align-xl-space-between-center > *,
16709   .layout-align-xl-space-around-center > * {
16710     max-width: 100%;
16711     box-sizing: border-box; }
16712   .layout-align-xl-start-end,
16713   .layout-align-xl-center-end,
16714   .layout-align-xl-end-end,
16715   .layout-align-xl-space-between-end,
16716   .layout-align-xl-space-around-end {
16717     align-items: flex-end;
16718     align-content: flex-end; }
16719   .layout-align-xl-start-stretch,
16720   .layout-align-xl-center-stretch,
16721   .layout-align-xl-end-stretch,
16722   .layout-align-xl-space-between-stretch,
16723   .layout-align-xl-space-around-stretch {
16724     align-items: stretch;
16725     align-content: stretch; }
16726   .flex-xl {
16727     flex: 1;
16728     box-sizing: border-box; }
16729   .flex-xl-grow {
16730     flex: 1 1 100%;
16731     box-sizing: border-box; }
16732   .flex-xl-initial {
16733     flex: 0 1 auto;
16734     box-sizing: border-box; }
16735   .flex-xl-auto {
16736     flex: 1 1 auto;
16737     box-sizing: border-box; }
16738   .flex-xl-none {
16739     flex: 0 0 auto;
16740     box-sizing: border-box; }
16741   .flex-xl-noshrink {
16742     flex: 1 0 auto;
16743     box-sizing: border-box; }
16744   .flex-xl-nogrow {
16745     flex: 0 1 auto;
16746     box-sizing: border-box; }
16747   .flex-xl-0 {
16748     flex: 1 1 0%;
16749     max-width: 0%;
16750     max-height: 100%;
16751     box-sizing: border-box; }
16752   .layout-row > .flex-xl-0 {
16753     flex: 1 1 0%;
16754     max-width: 0%;
16755     max-height: 100%;
16756     box-sizing: border-box;
16757     min-width: 0; }
16758   .layout-column > .flex-xl-0 {
16759     flex: 1 1 0%;
16760     max-width: 100%;
16761     max-height: 0%;
16762     box-sizing: border-box; }
16763   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
16764     flex: 1 1 33.33%;
16765     max-width: 33.33%;
16766     max-height: 100%;
16767     box-sizing: border-box; }
16768   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
16769     flex: 1 1 66.66%;
16770     max-width: 66.66%;
16771     max-height: 100%;
16772     box-sizing: border-box; }
16773   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
16774     flex: 1 1 33.33%;
16775     max-width: 100%;
16776     max-height: 33.33%;
16777     box-sizing: border-box; }
16778   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
16779     flex: 1 1 66.66%;
16780     max-width: 100%;
16781     max-height: 66.66%;
16782     box-sizing: border-box; }
16783   .layout-xl-row > .flex-xl-0 {
16784     flex: 1 1 0%;
16785     max-width: 0%;
16786     max-height: 100%;
16787     box-sizing: border-box;
16788     min-width: 0; }
16789   .layout-xl-column > .flex-xl-0 {
16790     flex: 1 1 0%;
16791     max-width: 100%;
16792     max-height: 0%;
16793     box-sizing: border-box;
16794     min-height: 0; }
16795   .flex-xl-5 {
16796     flex: 1 1 5%;
16797     max-width: 5%;
16798     max-height: 100%;
16799     box-sizing: border-box; }
16800   .layout-row > .flex-xl-5 {
16801     flex: 1 1 5%;
16802     max-width: 5%;
16803     max-height: 100%;
16804     box-sizing: border-box; }
16805   .layout-column > .flex-xl-5 {
16806     flex: 1 1 5%;
16807     max-width: 100%;
16808     max-height: 5%;
16809     box-sizing: border-box; }
16810   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
16811     flex: 1 1 33.33%;
16812     max-width: 33.33%;
16813     max-height: 100%;
16814     box-sizing: border-box; }
16815   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
16816     flex: 1 1 66.66%;
16817     max-width: 66.66%;
16818     max-height: 100%;
16819     box-sizing: border-box; }
16820   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
16821     flex: 1 1 33.33%;
16822     max-width: 100%;
16823     max-height: 33.33%;
16824     box-sizing: border-box; }
16825   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
16826     flex: 1 1 66.66%;
16827     max-width: 100%;
16828     max-height: 66.66%;
16829     box-sizing: border-box; }
16830   .layout-xl-row > .flex-xl-5 {
16831     flex: 1 1 5%;
16832     max-width: 5%;
16833     max-height: 100%;
16834     box-sizing: border-box; }
16835   .layout-xl-column > .flex-xl-5 {
16836     flex: 1 1 5%;
16837     max-width: 100%;
16838     max-height: 5%;
16839     box-sizing: border-box; }
16840   .flex-xl-10 {
16841     flex: 1 1 10%;
16842     max-width: 10%;
16843     max-height: 100%;
16844     box-sizing: border-box; }
16845   .layout-row > .flex-xl-10 {
16846     flex: 1 1 10%;
16847     max-width: 10%;
16848     max-height: 100%;
16849     box-sizing: border-box; }
16850   .layout-column > .flex-xl-10 {
16851     flex: 1 1 10%;
16852     max-width: 100%;
16853     max-height: 10%;
16854     box-sizing: border-box; }
16855   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
16856     flex: 1 1 33.33%;
16857     max-width: 33.33%;
16858     max-height: 100%;
16859     box-sizing: border-box; }
16860   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
16861     flex: 1 1 66.66%;
16862     max-width: 66.66%;
16863     max-height: 100%;
16864     box-sizing: border-box; }
16865   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
16866     flex: 1 1 33.33%;
16867     max-width: 100%;
16868     max-height: 33.33%;
16869     box-sizing: border-box; }
16870   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
16871     flex: 1 1 66.66%;
16872     max-width: 100%;
16873     max-height: 66.66%;
16874     box-sizing: border-box; }
16875   .layout-xl-row > .flex-xl-10 {
16876     flex: 1 1 10%;
16877     max-width: 10%;
16878     max-height: 100%;
16879     box-sizing: border-box; }
16880   .layout-xl-column > .flex-xl-10 {
16881     flex: 1 1 10%;
16882     max-width: 100%;
16883     max-height: 10%;
16884     box-sizing: border-box; }
16885   .flex-xl-15 {
16886     flex: 1 1 15%;
16887     max-width: 15%;
16888     max-height: 100%;
16889     box-sizing: border-box; }
16890   .layout-row > .flex-xl-15 {
16891     flex: 1 1 15%;
16892     max-width: 15%;
16893     max-height: 100%;
16894     box-sizing: border-box; }
16895   .layout-column > .flex-xl-15 {
16896     flex: 1 1 15%;
16897     max-width: 100%;
16898     max-height: 15%;
16899     box-sizing: border-box; }
16900   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
16901     flex: 1 1 33.33%;
16902     max-width: 33.33%;
16903     max-height: 100%;
16904     box-sizing: border-box; }
16905   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
16906     flex: 1 1 66.66%;
16907     max-width: 66.66%;
16908     max-height: 100%;
16909     box-sizing: border-box; }
16910   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
16911     flex: 1 1 33.33%;
16912     max-width: 100%;
16913     max-height: 33.33%;
16914     box-sizing: border-box; }
16915   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
16916     flex: 1 1 66.66%;
16917     max-width: 100%;
16918     max-height: 66.66%;
16919     box-sizing: border-box; }
16920   .layout-xl-row > .flex-xl-15 {
16921     flex: 1 1 15%;
16922     max-width: 15%;
16923     max-height: 100%;
16924     box-sizing: border-box; }
16925   .layout-xl-column > .flex-xl-15 {
16926     flex: 1 1 15%;
16927     max-width: 100%;
16928     max-height: 15%;
16929     box-sizing: border-box; }
16930   .flex-xl-20 {
16931     flex: 1 1 20%;
16932     max-width: 20%;
16933     max-height: 100%;
16934     box-sizing: border-box; }
16935   .layout-row > .flex-xl-20 {
16936     flex: 1 1 20%;
16937     max-width: 20%;
16938     max-height: 100%;
16939     box-sizing: border-box; }
16940   .layout-column > .flex-xl-20 {
16941     flex: 1 1 20%;
16942     max-width: 100%;
16943     max-height: 20%;
16944     box-sizing: border-box; }
16945   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
16946     flex: 1 1 33.33%;
16947     max-width: 33.33%;
16948     max-height: 100%;
16949     box-sizing: border-box; }
16950   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
16951     flex: 1 1 66.66%;
16952     max-width: 66.66%;
16953     max-height: 100%;
16954     box-sizing: border-box; }
16955   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
16956     flex: 1 1 33.33%;
16957     max-width: 100%;
16958     max-height: 33.33%;
16959     box-sizing: border-box; }
16960   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
16961     flex: 1 1 66.66%;
16962     max-width: 100%;
16963     max-height: 66.66%;
16964     box-sizing: border-box; }
16965   .layout-xl-row > .flex-xl-20 {
16966     flex: 1 1 20%;
16967     max-width: 20%;
16968     max-height: 100%;
16969     box-sizing: border-box; }
16970   .layout-xl-column > .flex-xl-20 {
16971     flex: 1 1 20%;
16972     max-width: 100%;
16973     max-height: 20%;
16974     box-sizing: border-box; }
16975   .flex-xl-25 {
16976     flex: 1 1 25%;
16977     max-width: 25%;
16978     max-height: 100%;
16979     box-sizing: border-box; }
16980   .layout-row > .flex-xl-25 {
16981     flex: 1 1 25%;
16982     max-width: 25%;
16983     max-height: 100%;
16984     box-sizing: border-box; }
16985   .layout-column > .flex-xl-25 {
16986     flex: 1 1 25%;
16987     max-width: 100%;
16988     max-height: 25%;
16989     box-sizing: border-box; }
16990   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
16991     flex: 1 1 33.33%;
16992     max-width: 33.33%;
16993     max-height: 100%;
16994     box-sizing: border-box; }
16995   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
16996     flex: 1 1 66.66%;
16997     max-width: 66.66%;
16998     max-height: 100%;
16999     box-sizing: border-box; }
17000   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17001     flex: 1 1 33.33%;
17002     max-width: 100%;
17003     max-height: 33.33%;
17004     box-sizing: border-box; }
17005   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17006     flex: 1 1 66.66%;
17007     max-width: 100%;
17008     max-height: 66.66%;
17009     box-sizing: border-box; }
17010   .layout-xl-row > .flex-xl-25 {
17011     flex: 1 1 25%;
17012     max-width: 25%;
17013     max-height: 100%;
17014     box-sizing: border-box; }
17015   .layout-xl-column > .flex-xl-25 {
17016     flex: 1 1 25%;
17017     max-width: 100%;
17018     max-height: 25%;
17019     box-sizing: border-box; }
17020   .flex-xl-30 {
17021     flex: 1 1 30%;
17022     max-width: 30%;
17023     max-height: 100%;
17024     box-sizing: border-box; }
17025   .layout-row > .flex-xl-30 {
17026     flex: 1 1 30%;
17027     max-width: 30%;
17028     max-height: 100%;
17029     box-sizing: border-box; }
17030   .layout-column > .flex-xl-30 {
17031     flex: 1 1 30%;
17032     max-width: 100%;
17033     max-height: 30%;
17034     box-sizing: border-box; }
17035   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17036     flex: 1 1 33.33%;
17037     max-width: 33.33%;
17038     max-height: 100%;
17039     box-sizing: border-box; }
17040   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17041     flex: 1 1 66.66%;
17042     max-width: 66.66%;
17043     max-height: 100%;
17044     box-sizing: border-box; }
17045   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17046     flex: 1 1 33.33%;
17047     max-width: 100%;
17048     max-height: 33.33%;
17049     box-sizing: border-box; }
17050   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17051     flex: 1 1 66.66%;
17052     max-width: 100%;
17053     max-height: 66.66%;
17054     box-sizing: border-box; }
17055   .layout-xl-row > .flex-xl-30 {
17056     flex: 1 1 30%;
17057     max-width: 30%;
17058     max-height: 100%;
17059     box-sizing: border-box; }
17060   .layout-xl-column > .flex-xl-30 {
17061     flex: 1 1 30%;
17062     max-width: 100%;
17063     max-height: 30%;
17064     box-sizing: border-box; }
17065   .flex-xl-35 {
17066     flex: 1 1 35%;
17067     max-width: 35%;
17068     max-height: 100%;
17069     box-sizing: border-box; }
17070   .layout-row > .flex-xl-35 {
17071     flex: 1 1 35%;
17072     max-width: 35%;
17073     max-height: 100%;
17074     box-sizing: border-box; }
17075   .layout-column > .flex-xl-35 {
17076     flex: 1 1 35%;
17077     max-width: 100%;
17078     max-height: 35%;
17079     box-sizing: border-box; }
17080   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17081     flex: 1 1 33.33%;
17082     max-width: 33.33%;
17083     max-height: 100%;
17084     box-sizing: border-box; }
17085   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17086     flex: 1 1 66.66%;
17087     max-width: 66.66%;
17088     max-height: 100%;
17089     box-sizing: border-box; }
17090   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17091     flex: 1 1 33.33%;
17092     max-width: 100%;
17093     max-height: 33.33%;
17094     box-sizing: border-box; }
17095   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17096     flex: 1 1 66.66%;
17097     max-width: 100%;
17098     max-height: 66.66%;
17099     box-sizing: border-box; }
17100   .layout-xl-row > .flex-xl-35 {
17101     flex: 1 1 35%;
17102     max-width: 35%;
17103     max-height: 100%;
17104     box-sizing: border-box; }
17105   .layout-xl-column > .flex-xl-35 {
17106     flex: 1 1 35%;
17107     max-width: 100%;
17108     max-height: 35%;
17109     box-sizing: border-box; }
17110   .flex-xl-40 {
17111     flex: 1 1 40%;
17112     max-width: 40%;
17113     max-height: 100%;
17114     box-sizing: border-box; }
17115   .layout-row > .flex-xl-40 {
17116     flex: 1 1 40%;
17117     max-width: 40%;
17118     max-height: 100%;
17119     box-sizing: border-box; }
17120   .layout-column > .flex-xl-40 {
17121     flex: 1 1 40%;
17122     max-width: 100%;
17123     max-height: 40%;
17124     box-sizing: border-box; }
17125   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17126     flex: 1 1 33.33%;
17127     max-width: 33.33%;
17128     max-height: 100%;
17129     box-sizing: border-box; }
17130   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17131     flex: 1 1 66.66%;
17132     max-width: 66.66%;
17133     max-height: 100%;
17134     box-sizing: border-box; }
17135   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17136     flex: 1 1 33.33%;
17137     max-width: 100%;
17138     max-height: 33.33%;
17139     box-sizing: border-box; }
17140   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17141     flex: 1 1 66.66%;
17142     max-width: 100%;
17143     max-height: 66.66%;
17144     box-sizing: border-box; }
17145   .layout-xl-row > .flex-xl-40 {
17146     flex: 1 1 40%;
17147     max-width: 40%;
17148     max-height: 100%;
17149     box-sizing: border-box; }
17150   .layout-xl-column > .flex-xl-40 {
17151     flex: 1 1 40%;
17152     max-width: 100%;
17153     max-height: 40%;
17154     box-sizing: border-box; }
17155   .flex-xl-45 {
17156     flex: 1 1 45%;
17157     max-width: 45%;
17158     max-height: 100%;
17159     box-sizing: border-box; }
17160   .layout-row > .flex-xl-45 {
17161     flex: 1 1 45%;
17162     max-width: 45%;
17163     max-height: 100%;
17164     box-sizing: border-box; }
17165   .layout-column > .flex-xl-45 {
17166     flex: 1 1 45%;
17167     max-width: 100%;
17168     max-height: 45%;
17169     box-sizing: border-box; }
17170   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17171     flex: 1 1 33.33%;
17172     max-width: 33.33%;
17173     max-height: 100%;
17174     box-sizing: border-box; }
17175   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17176     flex: 1 1 66.66%;
17177     max-width: 66.66%;
17178     max-height: 100%;
17179     box-sizing: border-box; }
17180   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17181     flex: 1 1 33.33%;
17182     max-width: 100%;
17183     max-height: 33.33%;
17184     box-sizing: border-box; }
17185   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17186     flex: 1 1 66.66%;
17187     max-width: 100%;
17188     max-height: 66.66%;
17189     box-sizing: border-box; }
17190   .layout-xl-row > .flex-xl-45 {
17191     flex: 1 1 45%;
17192     max-width: 45%;
17193     max-height: 100%;
17194     box-sizing: border-box; }
17195   .layout-xl-column > .flex-xl-45 {
17196     flex: 1 1 45%;
17197     max-width: 100%;
17198     max-height: 45%;
17199     box-sizing: border-box; }
17200   .flex-xl-50 {
17201     flex: 1 1 50%;
17202     max-width: 50%;
17203     max-height: 100%;
17204     box-sizing: border-box; }
17205   .layout-row > .flex-xl-50 {
17206     flex: 1 1 50%;
17207     max-width: 50%;
17208     max-height: 100%;
17209     box-sizing: border-box; }
17210   .layout-column > .flex-xl-50 {
17211     flex: 1 1 50%;
17212     max-width: 100%;
17213     max-height: 50%;
17214     box-sizing: border-box; }
17215   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17216     flex: 1 1 33.33%;
17217     max-width: 33.33%;
17218     max-height: 100%;
17219     box-sizing: border-box; }
17220   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17221     flex: 1 1 66.66%;
17222     max-width: 66.66%;
17223     max-height: 100%;
17224     box-sizing: border-box; }
17225   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17226     flex: 1 1 33.33%;
17227     max-width: 100%;
17228     max-height: 33.33%;
17229     box-sizing: border-box; }
17230   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17231     flex: 1 1 66.66%;
17232     max-width: 100%;
17233     max-height: 66.66%;
17234     box-sizing: border-box; }
17235   .layout-xl-row > .flex-xl-50 {
17236     flex: 1 1 50%;
17237     max-width: 50%;
17238     max-height: 100%;
17239     box-sizing: border-box; }
17240   .layout-xl-column > .flex-xl-50 {
17241     flex: 1 1 50%;
17242     max-width: 100%;
17243     max-height: 50%;
17244     box-sizing: border-box; }
17245   .flex-xl-55 {
17246     flex: 1 1 55%;
17247     max-width: 55%;
17248     max-height: 100%;
17249     box-sizing: border-box; }
17250   .layout-row > .flex-xl-55 {
17251     flex: 1 1 55%;
17252     max-width: 55%;
17253     max-height: 100%;
17254     box-sizing: border-box; }
17255   .layout-column > .flex-xl-55 {
17256     flex: 1 1 55%;
17257     max-width: 100%;
17258     max-height: 55%;
17259     box-sizing: border-box; }
17260   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17261     flex: 1 1 33.33%;
17262     max-width: 33.33%;
17263     max-height: 100%;
17264     box-sizing: border-box; }
17265   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17266     flex: 1 1 66.66%;
17267     max-width: 66.66%;
17268     max-height: 100%;
17269     box-sizing: border-box; }
17270   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17271     flex: 1 1 33.33%;
17272     max-width: 100%;
17273     max-height: 33.33%;
17274     box-sizing: border-box; }
17275   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17276     flex: 1 1 66.66%;
17277     max-width: 100%;
17278     max-height: 66.66%;
17279     box-sizing: border-box; }
17280   .layout-xl-row > .flex-xl-55 {
17281     flex: 1 1 55%;
17282     max-width: 55%;
17283     max-height: 100%;
17284     box-sizing: border-box; }
17285   .layout-xl-column > .flex-xl-55 {
17286     flex: 1 1 55%;
17287     max-width: 100%;
17288     max-height: 55%;
17289     box-sizing: border-box; }
17290   .flex-xl-60 {
17291     flex: 1 1 60%;
17292     max-width: 60%;
17293     max-height: 100%;
17294     box-sizing: border-box; }
17295   .layout-row > .flex-xl-60 {
17296     flex: 1 1 60%;
17297     max-width: 60%;
17298     max-height: 100%;
17299     box-sizing: border-box; }
17300   .layout-column > .flex-xl-60 {
17301     flex: 1 1 60%;
17302     max-width: 100%;
17303     max-height: 60%;
17304     box-sizing: border-box; }
17305   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17306     flex: 1 1 33.33%;
17307     max-width: 33.33%;
17308     max-height: 100%;
17309     box-sizing: border-box; }
17310   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17311     flex: 1 1 66.66%;
17312     max-width: 66.66%;
17313     max-height: 100%;
17314     box-sizing: border-box; }
17315   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17316     flex: 1 1 33.33%;
17317     max-width: 100%;
17318     max-height: 33.33%;
17319     box-sizing: border-box; }
17320   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17321     flex: 1 1 66.66%;
17322     max-width: 100%;
17323     max-height: 66.66%;
17324     box-sizing: border-box; }
17325   .layout-xl-row > .flex-xl-60 {
17326     flex: 1 1 60%;
17327     max-width: 60%;
17328     max-height: 100%;
17329     box-sizing: border-box; }
17330   .layout-xl-column > .flex-xl-60 {
17331     flex: 1 1 60%;
17332     max-width: 100%;
17333     max-height: 60%;
17334     box-sizing: border-box; }
17335   .flex-xl-65 {
17336     flex: 1 1 65%;
17337     max-width: 65%;
17338     max-height: 100%;
17339     box-sizing: border-box; }
17340   .layout-row > .flex-xl-65 {
17341     flex: 1 1 65%;
17342     max-width: 65%;
17343     max-height: 100%;
17344     box-sizing: border-box; }
17345   .layout-column > .flex-xl-65 {
17346     flex: 1 1 65%;
17347     max-width: 100%;
17348     max-height: 65%;
17349     box-sizing: border-box; }
17350   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17351     flex: 1 1 33.33%;
17352     max-width: 33.33%;
17353     max-height: 100%;
17354     box-sizing: border-box; }
17355   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17356     flex: 1 1 66.66%;
17357     max-width: 66.66%;
17358     max-height: 100%;
17359     box-sizing: border-box; }
17360   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17361     flex: 1 1 33.33%;
17362     max-width: 100%;
17363     max-height: 33.33%;
17364     box-sizing: border-box; }
17365   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17366     flex: 1 1 66.66%;
17367     max-width: 100%;
17368     max-height: 66.66%;
17369     box-sizing: border-box; }
17370   .layout-xl-row > .flex-xl-65 {
17371     flex: 1 1 65%;
17372     max-width: 65%;
17373     max-height: 100%;
17374     box-sizing: border-box; }
17375   .layout-xl-column > .flex-xl-65 {
17376     flex: 1 1 65%;
17377     max-width: 100%;
17378     max-height: 65%;
17379     box-sizing: border-box; }
17380   .flex-xl-70 {
17381     flex: 1 1 70%;
17382     max-width: 70%;
17383     max-height: 100%;
17384     box-sizing: border-box; }
17385   .layout-row > .flex-xl-70 {
17386     flex: 1 1 70%;
17387     max-width: 70%;
17388     max-height: 100%;
17389     box-sizing: border-box; }
17390   .layout-column > .flex-xl-70 {
17391     flex: 1 1 70%;
17392     max-width: 100%;
17393     max-height: 70%;
17394     box-sizing: border-box; }
17395   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17396     flex: 1 1 33.33%;
17397     max-width: 33.33%;
17398     max-height: 100%;
17399     box-sizing: border-box; }
17400   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17401     flex: 1 1 66.66%;
17402     max-width: 66.66%;
17403     max-height: 100%;
17404     box-sizing: border-box; }
17405   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17406     flex: 1 1 33.33%;
17407     max-width: 100%;
17408     max-height: 33.33%;
17409     box-sizing: border-box; }
17410   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17411     flex: 1 1 66.66%;
17412     max-width: 100%;
17413     max-height: 66.66%;
17414     box-sizing: border-box; }
17415   .layout-xl-row > .flex-xl-70 {
17416     flex: 1 1 70%;
17417     max-width: 70%;
17418     max-height: 100%;
17419     box-sizing: border-box; }
17420   .layout-xl-column > .flex-xl-70 {
17421     flex: 1 1 70%;
17422     max-width: 100%;
17423     max-height: 70%;
17424     box-sizing: border-box; }
17425   .flex-xl-75 {
17426     flex: 1 1 75%;
17427     max-width: 75%;
17428     max-height: 100%;
17429     box-sizing: border-box; }
17430   .layout-row > .flex-xl-75 {
17431     flex: 1 1 75%;
17432     max-width: 75%;
17433     max-height: 100%;
17434     box-sizing: border-box; }
17435   .layout-column > .flex-xl-75 {
17436     flex: 1 1 75%;
17437     max-width: 100%;
17438     max-height: 75%;
17439     box-sizing: border-box; }
17440   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17441     flex: 1 1 33.33%;
17442     max-width: 33.33%;
17443     max-height: 100%;
17444     box-sizing: border-box; }
17445   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17446     flex: 1 1 66.66%;
17447     max-width: 66.66%;
17448     max-height: 100%;
17449     box-sizing: border-box; }
17450   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17451     flex: 1 1 33.33%;
17452     max-width: 100%;
17453     max-height: 33.33%;
17454     box-sizing: border-box; }
17455   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17456     flex: 1 1 66.66%;
17457     max-width: 100%;
17458     max-height: 66.66%;
17459     box-sizing: border-box; }
17460   .layout-xl-row > .flex-xl-75 {
17461     flex: 1 1 75%;
17462     max-width: 75%;
17463     max-height: 100%;
17464     box-sizing: border-box; }
17465   .layout-xl-column > .flex-xl-75 {
17466     flex: 1 1 75%;
17467     max-width: 100%;
17468     max-height: 75%;
17469     box-sizing: border-box; }
17470   .flex-xl-80 {
17471     flex: 1 1 80%;
17472     max-width: 80%;
17473     max-height: 100%;
17474     box-sizing: border-box; }
17475   .layout-row > .flex-xl-80 {
17476     flex: 1 1 80%;
17477     max-width: 80%;
17478     max-height: 100%;
17479     box-sizing: border-box; }
17480   .layout-column > .flex-xl-80 {
17481     flex: 1 1 80%;
17482     max-width: 100%;
17483     max-height: 80%;
17484     box-sizing: border-box; }
17485   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17486     flex: 1 1 33.33%;
17487     max-width: 33.33%;
17488     max-height: 100%;
17489     box-sizing: border-box; }
17490   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17491     flex: 1 1 66.66%;
17492     max-width: 66.66%;
17493     max-height: 100%;
17494     box-sizing: border-box; }
17495   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17496     flex: 1 1 33.33%;
17497     max-width: 100%;
17498     max-height: 33.33%;
17499     box-sizing: border-box; }
17500   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17501     flex: 1 1 66.66%;
17502     max-width: 100%;
17503     max-height: 66.66%;
17504     box-sizing: border-box; }
17505   .layout-xl-row > .flex-xl-80 {
17506     flex: 1 1 80%;
17507     max-width: 80%;
17508     max-height: 100%;
17509     box-sizing: border-box; }
17510   .layout-xl-column > .flex-xl-80 {
17511     flex: 1 1 80%;
17512     max-width: 100%;
17513     max-height: 80%;
17514     box-sizing: border-box; }
17515   .flex-xl-85 {
17516     flex: 1 1 85%;
17517     max-width: 85%;
17518     max-height: 100%;
17519     box-sizing: border-box; }
17520   .layout-row > .flex-xl-85 {
17521     flex: 1 1 85%;
17522     max-width: 85%;
17523     max-height: 100%;
17524     box-sizing: border-box; }
17525   .layout-column > .flex-xl-85 {
17526     flex: 1 1 85%;
17527     max-width: 100%;
17528     max-height: 85%;
17529     box-sizing: border-box; }
17530   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17531     flex: 1 1 33.33%;
17532     max-width: 33.33%;
17533     max-height: 100%;
17534     box-sizing: border-box; }
17535   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17536     flex: 1 1 66.66%;
17537     max-width: 66.66%;
17538     max-height: 100%;
17539     box-sizing: border-box; }
17540   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17541     flex: 1 1 33.33%;
17542     max-width: 100%;
17543     max-height: 33.33%;
17544     box-sizing: border-box; }
17545   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17546     flex: 1 1 66.66%;
17547     max-width: 100%;
17548     max-height: 66.66%;
17549     box-sizing: border-box; }
17550   .layout-xl-row > .flex-xl-85 {
17551     flex: 1 1 85%;
17552     max-width: 85%;
17553     max-height: 100%;
17554     box-sizing: border-box; }
17555   .layout-xl-column > .flex-xl-85 {
17556     flex: 1 1 85%;
17557     max-width: 100%;
17558     max-height: 85%;
17559     box-sizing: border-box; }
17560   .flex-xl-90 {
17561     flex: 1 1 90%;
17562     max-width: 90%;
17563     max-height: 100%;
17564     box-sizing: border-box; }
17565   .layout-row > .flex-xl-90 {
17566     flex: 1 1 90%;
17567     max-width: 90%;
17568     max-height: 100%;
17569     box-sizing: border-box; }
17570   .layout-column > .flex-xl-90 {
17571     flex: 1 1 90%;
17572     max-width: 100%;
17573     max-height: 90%;
17574     box-sizing: border-box; }
17575   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17576     flex: 1 1 33.33%;
17577     max-width: 33.33%;
17578     max-height: 100%;
17579     box-sizing: border-box; }
17580   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17581     flex: 1 1 66.66%;
17582     max-width: 66.66%;
17583     max-height: 100%;
17584     box-sizing: border-box; }
17585   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17586     flex: 1 1 33.33%;
17587     max-width: 100%;
17588     max-height: 33.33%;
17589     box-sizing: border-box; }
17590   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17591     flex: 1 1 66.66%;
17592     max-width: 100%;
17593     max-height: 66.66%;
17594     box-sizing: border-box; }
17595   .layout-xl-row > .flex-xl-90 {
17596     flex: 1 1 90%;
17597     max-width: 90%;
17598     max-height: 100%;
17599     box-sizing: border-box; }
17600   .layout-xl-column > .flex-xl-90 {
17601     flex: 1 1 90%;
17602     max-width: 100%;
17603     max-height: 90%;
17604     box-sizing: border-box; }
17605   .flex-xl-95 {
17606     flex: 1 1 95%;
17607     max-width: 95%;
17608     max-height: 100%;
17609     box-sizing: border-box; }
17610   .layout-row > .flex-xl-95 {
17611     flex: 1 1 95%;
17612     max-width: 95%;
17613     max-height: 100%;
17614     box-sizing: border-box; }
17615   .layout-column > .flex-xl-95 {
17616     flex: 1 1 95%;
17617     max-width: 100%;
17618     max-height: 95%;
17619     box-sizing: border-box; }
17620   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17621     flex: 1 1 33.33%;
17622     max-width: 33.33%;
17623     max-height: 100%;
17624     box-sizing: border-box; }
17625   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17626     flex: 1 1 66.66%;
17627     max-width: 66.66%;
17628     max-height: 100%;
17629     box-sizing: border-box; }
17630   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17631     flex: 1 1 33.33%;
17632     max-width: 100%;
17633     max-height: 33.33%;
17634     box-sizing: border-box; }
17635   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17636     flex: 1 1 66.66%;
17637     max-width: 100%;
17638     max-height: 66.66%;
17639     box-sizing: border-box; }
17640   .layout-xl-row > .flex-xl-95 {
17641     flex: 1 1 95%;
17642     max-width: 95%;
17643     max-height: 100%;
17644     box-sizing: border-box; }
17645   .layout-xl-column > .flex-xl-95 {
17646     flex: 1 1 95%;
17647     max-width: 100%;
17648     max-height: 95%;
17649     box-sizing: border-box; }
17650   .flex-xl-100 {
17651     flex: 1 1 100%;
17652     max-width: 100%;
17653     max-height: 100%;
17654     box-sizing: border-box; }
17655   .layout-row > .flex-xl-100 {
17656     flex: 1 1 100%;
17657     max-width: 100%;
17658     max-height: 100%;
17659     box-sizing: border-box; }
17660   .layout-column > .flex-xl-100 {
17661     flex: 1 1 100%;
17662     max-width: 100%;
17663     max-height: 100%;
17664     box-sizing: border-box; }
17665   .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
17666     flex: 1 1 33.33%;
17667     max-width: 33.33%;
17668     max-height: 100%;
17669     box-sizing: border-box; }
17670   .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
17671     flex: 1 1 66.66%;
17672     max-width: 66.66%;
17673     max-height: 100%;
17674     box-sizing: border-box; }
17675   .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
17676     flex: 1 1 33.33%;
17677     max-width: 100%;
17678     max-height: 33.33%;
17679     box-sizing: border-box; }
17680   .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
17681     flex: 1 1 66.66%;
17682     max-width: 100%;
17683     max-height: 66.66%;
17684     box-sizing: border-box; }
17685   .layout-xl-row > .flex-xl-100 {
17686     flex: 1 1 100%;
17687     max-width: 100%;
17688     max-height: 100%;
17689     box-sizing: border-box; }
17690   .layout-xl-column > .flex-xl-100 {
17691     flex: 1 1 100%;
17692     max-width: 100%;
17693     max-height: 100%;
17694     box-sizing: border-box; }
17695   .layout-xl-row > .flex-xl-33, .layout-xl-row > .flex-xl-33 {
17696     flex: 1 1 33.33%;
17697     max-width: 33.33%;
17698     max-height: 100%;
17699     box-sizing: border-box; }
17700   .layout-xl-row > .flex-xl-66, .layout-xl-row > .flex-xl-66 {
17701     flex: 1 1 66.66%;
17702     max-width: 66.66%;
17703     max-height: 100%;
17704     box-sizing: border-box; }
17705   .layout-xl-row > .flex {
17706     min-width: 0; }
17707   .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
17708     flex: 1 1 33.33%;
17709     max-width: 100%;
17710     max-height: 33.33%;
17711     box-sizing: border-box; }
17712   .layout-xl-column > .flex-xl-66, .layout-xl-column > .flex-xl-66 {
17713     flex: 1 1 66.66%;
17714     max-width: 100%;
17715     max-height: 66.66%;
17716     box-sizing: border-box; }
17717   .layout-xl-column > .flex {
17718     min-height: 0; }
17719   .layout-xl, .layout-xl-column, .layout-xl-row {
17720     box-sizing: border-box;
17721     display: -webkit-box;
17722     display: -webkit-flex;
17723     display: -moz-box;
17724     display: -ms-flexbox;
17725     display: flex; }
17726   .layout-xl-column {
17727     flex-direction: column; }
17728   .layout-xl-row {
17729     flex-direction: row; }
17730   .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
17731     display: none; }
17732   .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
17733     display: none; } }
17734
17735 @media print {
17736   .hide-print:not(.show-print):not(.show) {
17737     display: none !important; } }
17738
17739 /*----------------------------------------------------------------*/
17740 /*  Reset
17741 /*----------------------------------------------------------------*/
17742 * {
17743   text-rendering: optimizeLegibility;
17744   -o-text-rendering: optimizeLegibility;
17745   -ms-text-rendering: optimizeLegibility;
17746   -moz-text-rendering: optimizeLegibility;
17747   -webkit-text-rendering: optimizeLegibility;
17748   -webkit-tap-highlight-color: transparent;
17749   box-sizing: border-box; }
17750   *:before, *:after {
17751     box-sizing: border-box; }
17752   *:focus {
17753     outline: none; }
17754
17755 *:not(md-input-container) > input[type="text"],
17756 *:not(md-input-container) > input[type="tel"],
17757 *:not(md-input-container) > input[type="email"],
17758 *:not(md-input-container) > input[type="search"],
17759 *:not(md-input-container) > input[type="password"],
17760 *:not(md-input-container) > input[type="button"],
17761 *:not(md-input-container) > button,
17762 *:not(md-input-container) > input[type="submit"],
17763 *:not(md-input-container) > input[type="image"],
17764 *:not(md-input-container) > textarea {
17765   -webkit-border-radius: 0;
17766   -moz-border-radius: 0;
17767   border-radius: 0;
17768   appearance: none;
17769   -moz-appearance: none;
17770   -webkit-appearance: none;
17771   border: none;
17772   padding: 0;
17773   margin: 0; }
17774
17775 *:not(md-input-container) > input[type="button"],
17776 *:not(md-input-container) > button,
17777 *:not(md-input-container) > input[type="submit"] {
17778   background: none; }
17779
17780 button {
17781   border-radius: 0;
17782   font-family: inherit;
17783   font-size: inherit;
17784   padding: 0;
17785   margin: 0;
17786   appearance: none;
17787   -moz-appearance: none;
17788   -webkit-appearance: none; }
17789
17790 /*----------------------------------------------------------------*/
17791 /*  Variables
17792 /*----------------------------------------------------------------*/
17793 /*----------------------------------------------------------------*/
17794 /*  Mixins
17795 /*----------------------------------------------------------------*/
17796 /*----------------------------------------------------------------*/
17797 /*  Angular Material Extend
17798 /*  Adds and/or modifies Angular Material styles
17799 /*----------------------------------------------------------------*/
17800 /* --- FIXES --- */
17801 [layout] > * {
17802   min-height: auto;
17803   min-height: initial; }
17804
17805 md-card > img,
17806 md-card > :not(md-card-content) img {
17807   height: inherit;
17808   height: initial; }
17809
17810 .md-datepicker-calendar-pane * {
17811   box-sizing: initial; }
17812
17813 /* --- MODIFICATIONS --- */
17814 md-autocomplete-wrap > input[type="search"] {
17815   background: #FFFFFF;
17816   padding: 0 15px !important; }
17817
17818 md-backdrop.md-opaque {
17819   background-color: rgba(33, 33, 33, 0.48) !important; }
17820
17821 md-card md-card-header md-card-avatar md-icon {
17822   width: 40px;
17823   height: 40px; }
17824
17825 md-checkbox.no-label {
17826   margin: 0; }
17827
17828 md-chip .md-chip-remove md-icon {
17829   margin-left: 2px; }
17830   md-chip .md-chip-remove md-icon svg {
17831     width: 18px;
17832     height: 18px;
17833     max-width: 18px;
17834     max-height: 18px;
17835     margin: 4px; }
17836
17837 md-datepicker .md-datepicker-button {
17838   padding: 0 !important;
17839   margin: 0 !important;
17840   vertical-align: middle; }
17841
17842 md-datepicker .md-datepicker-input-container {
17843   margin-left: 0; }
17844
17845 .md-inline-form md-datepicker {
17846   margin-top: 14px; }
17847
17848 md-dialog md-dialog-content {
17849   padding: 32px 24px 24px 24px; }
17850
17851 md-dialog md-dialog-actions {
17852   min-height: 64px;
17853   padding-top: 8px;
17854   padding-bottom: 8px; }
17855   md-dialog md-dialog-actions .md-button {
17856     margin: 0 8px; }
17857
17858 md-input-container.no-errors-spacer .md-errors-spacer {
17859   display: none; }
17860
17861 md-input-container .input-hint {
17862   position: absolute;
17863   right: auto;
17864   bottom: 7px;
17865   left: 2px;
17866   font-size: 12px;
17867   line-height: 14px;
17868   transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
17869   color: rgba(0, 0, 0, 0.54); }
17870
17871 md-input-container.md-icon-left .input-hint {
17872   left: 38px; }
17873
17874 md-list-item .md-list-item-text p {
17875   font-size: 13px !important; }
17876
17877 md-menu,
17878 .md-menu {
17879   padding: 0; }
17880
17881 md-menu-content.md-menu-bar-menu.md-dense {
17882   padding: 8px 0; }
17883   md-menu-content.md-menu-bar-menu.md-dense .md-button,
17884   md-menu-content.md-menu-bar-menu.md-dense md-menu-item {
17885     height: 40px;
17886     line-height: 40px; }
17887     md-menu-content.md-menu-bar-menu.md-dense .md-button.md-indent > md-icon,
17888     md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
17889       top: 8px; }
17890
17891 .md-open-menu-container md-menu-content md-menu-item.selected {
17892   opacity: 0.4; }
17893
17894 md-menu-content md-menu-item .md-button {
17895   text-align: left; }
17896
17897 md-select.simplified {
17898   margin: 0 8px; }
17899   md-select.simplified .md-select-value {
17900     border: none !important;
17901     box-sizing: border-box;
17902     padding: 0; }
17903     md-select.simplified .md-select-value *:first-child {
17904       transform: none;
17905       height: auto; }
17906     md-select.simplified .md-select-value .md-select-icon {
17907       transform: none;
17908       font-size: 16px; }
17909       md-select.simplified .md-select-value .md-select-icon:after {
17910         top: 1px; }
17911
17912 md-select[multiple] md-select-value > *:first-child {
17913   display: flex; }
17914   md-select[multiple] md-select-value > *:first-child > *:first-child {
17915     flex: 0; }
17916   md-select[multiple] md-select-value > *:first-child .md-container {
17917     padding-right: 6px; }
17918     md-select[multiple] md-select-value > *:first-child .md-container:first-of-type {
17919       padding-right: 0; }
17920
17921 md-select-menu md-select-header {
17922   position: relative;
17923   display: flex;
17924   align-items: center;
17925   width: auto;
17926   height: 48px;
17927   padding-left: 10.667px;
17928   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
17929   cursor: pointer; }
17930   md-select-menu md-select-header input[type="search"] {
17931     border: none;
17932     outline: none;
17933     height: 100%;
17934     width: 100%;
17935     padding: 0; }
17936
17937 md-sidenav {
17938   -webkit-overflow-scrolling: touch; }
17939
17940 md-toolbar.colored-toolbar {
17941   color: rgba(255, 255, 255, 0.87); }
17942   md-toolbar.colored-toolbar md-menu-bar md-menu._md-open > button {
17943     background: rgba(0, 0, 0, 0.12); }
17944   md-toolbar.colored-toolbar md-menu._md-open > button {
17945     background: rgba(0, 0, 0, 0.12); }
17946   md-toolbar.colored-toolbar input {
17947     color: rgba(255, 255, 255, 0.87) !important; }
17948
17949 md-progress-circular[disabled] {
17950   visibility: hidden; }
17951
17952 /*----------------------------------------------------------------*/
17953 /*  Template Layouts
17954 /*----------------------------------------------------------------*/
17955 html,
17956 body {
17957   overflow: hidden !important; }
17958
17959 #main {
17960   position: absolute;
17961   top: 0;
17962   right: 0;
17963   bottom: 0;
17964   left: 0; }
17965
17966 body.boxed {
17967   background: #3F4450; }
17968   body.boxed #main {
17969     overflow: hidden !important;
17970     width: 100%;
17971     max-width: 1280px;
17972     margin: 0 auto;
17973     box-shadow: 0 0 12px rgba(0, 0, 0, 0.45); }
17974
17975 #layout-content-only {
17976   position: relative;
17977   height: 100%;
17978   max-height: 100%; }
17979   #layout-content-only #content {
17980     position: absolute;
17981     top: 0;
17982     right: 0;
17983     bottom: 0;
17984     left: 0; }
17985
17986 #layout-content-with-toolbar {
17987   position: relative;
17988   height: 100%;
17989   max-height: 100%; }
17990   #layout-content-with-toolbar #content {
17991     position: absolute;
17992     top: 64px;
17993     right: 0;
17994     bottom: 0;
17995     left: 0; }
17996
17997 #layout-vertical-navigation {
17998   height: 100%;
17999   max-height: 100%; }
18000   #layout-vertical-navigation #content-container {
18001     position: relative;
18002     overflow: hidden; }
18003     #layout-vertical-navigation #content-container #content {
18004       position: absolute;
18005       top: 64px;
18006       right: 0;
18007       bottom: 0;
18008       left: 0; }
18009
18010 #layout-vertical-navigation-fullwidth-toolbar {
18011   height: 100%;
18012   max-height: 100%; }
18013   #layout-vertical-navigation-fullwidth-toolbar #main-container {
18014     position: relative; }
18015     #layout-vertical-navigation-fullwidth-toolbar #main-container #content-container {
18016       position: relative;
18017       overflow: hidden; }
18018       #layout-vertical-navigation-fullwidth-toolbar #main-container #content-container #content {
18019         position: absolute;
18020         top: 0;
18021         right: 0;
18022         bottom: 0;
18023         left: 0; }
18024
18025 #layout-vertical-navigation-fullwidth-toolbar-2 {
18026   height: 100%;
18027   max-height: 100%; }
18028   #layout-vertical-navigation-fullwidth-toolbar-2 #main-container {
18029     position: relative; }
18030     #layout-vertical-navigation-fullwidth-toolbar-2 #main-container #content-container {
18031       position: relative;
18032       overflow: hidden; }
18033       #layout-vertical-navigation-fullwidth-toolbar-2 #main-container #content-container #content {
18034         position: absolute;
18035         top: 0;
18036         right: 0;
18037         bottom: 0;
18038         left: 0; }
18039
18040 #layout-horizontal-navigation {
18041   height: 100%;
18042   max-height: 100%; }
18043   #layout-horizontal-navigation #content-container {
18044     position: relative;
18045     overflow: hidden; }
18046     #layout-horizontal-navigation #content-container #content {
18047       position: absolute;
18048       top: 0;
18049       right: 0;
18050       bottom: 0;
18051       left: 0; }
18052
18053 /*----------------------------------------------------------------*/
18054 /*  Page Layouts
18055 /*----------------------------------------------------------------*/
18056 .page-layout {
18057   position: relative;
18058   overflow: hidden; }
18059   .page-layout .top-bg {
18060     position: absolute;
18061     z-index: 1;
18062     top: 0;
18063     right: 0;
18064     left: 0;
18065     height: 200px;
18066     background-image: url("/assets/images/backgrounds/header-bg.png");
18067     background-size: cover; }
18068   .page-layout md-backdrop {
18069     z-index: 50; }
18070   .page-layout > .header .breadcrumb {
18071     margin-bottom: 16px;
18072     font-weight: 500;
18073     color: rgba(0, 0, 0, 0.54); }
18074     .page-layout > .header .breadcrumb md-icon {
18075       margin: 0; }
18076     .page-layout > .header .breadcrumb .separator {
18077       margin: 0 8px; }
18078   .page-layout > .header .title {
18079     font-size: 34px; }
18080   .page-layout.carded {
18081     min-height: 100%;
18082     height: 100%; }
18083     .page-layout.carded.fullwidth.single-scroll {
18084       height: auto; }
18085       .page-layout.carded.fullwidth.single-scroll > .center .content-card .content {
18086         overflow: hidden; }
18087     .page-layout.carded.fullwidth > .center {
18088       position: relative;
18089       z-index: 2;
18090       margin-left: 32px;
18091       margin-right: 32px; }
18092       .page-layout.carded.fullwidth > .center .header {
18093         height: 136px;
18094         min-height: 136px;
18095         max-height: 136px;
18096         padding: 24px; }
18097       .page-layout.carded.fullwidth > .center .content-card {
18098         background: #FFFFFF;
18099         box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
18100         overflow: hidden; }
18101         .page-layout.carded.fullwidth > .center .content-card .toolbar {
18102           padding: 8px 24px;
18103           height: 64px;
18104           min-height: 64px;
18105           max-height: 64px;
18106           border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
18107         .page-layout.carded.fullwidth > .center .content-card .content {
18108           padding: 24px;
18109           background: #FFFFFF; }
18110     .page-layout.carded.left-sidenav.single-scroll {
18111       height: auto; }
18112       .page-layout.carded.left-sidenav.single-scroll > .center .content-card .content {
18113         overflow: hidden; }
18114     .page-layout.carded.left-sidenav > .sidenav {
18115       width: 240px;
18116       min-width: 240px;
18117       max-width: 240px;
18118       box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
18119       z-index: 51; }
18120       .page-layout.carded.left-sidenav > .sidenav .header {
18121         height: 200px;
18122         min-height: 200px;
18123         max-height: 200px;
18124         padding: 24px; }
18125       .page-layout.carded.left-sidenav > .sidenav .content {
18126         background: transparent;
18127         padding: 24px; }
18128       .page-layout.carded.left-sidenav > .sidenav.md-locked-open {
18129         width: 220px;
18130         min-width: 220px;
18131         max-width: 220px;
18132         z-index: 2;
18133         background: transparent;
18134         box-shadow: none; }
18135         .page-layout.carded.left-sidenav > .sidenav.md-locked-open + .center {
18136           margin-left: 0; }
18137       .page-layout.carded.left-sidenav > .sidenav:not(.md-locked-open) .header {
18138         border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
18139       .page-layout.carded.left-sidenav > .sidenav:not(.md-locked-open) .content {
18140         overflow: hidden; }
18141     .page-layout.carded.left-sidenav > .center {
18142       position: relative;
18143       z-index: 2;
18144       margin-left: 32px;
18145       margin-right: 32px; }
18146       .page-layout.carded.left-sidenav > .center .header {
18147         height: 136px;
18148         min-height: 136px;
18149         max-height: 136px;
18150         padding: 24px; }
18151       .page-layout.carded.left-sidenav > .center .content-card {
18152         background: #FFFFFF;
18153         box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
18154         overflow: hidden; }
18155         .page-layout.carded.left-sidenav > .center .content-card .toolbar {
18156           padding: 8px 24px;
18157           height: 64px;
18158           min-height: 64px;
18159           max-height: 64px;
18160           border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
18161           .page-layout.carded.left-sidenav > .center .content-card .toolbar .sidenav-toggle {
18162             margin: 0 8px 0 0 !important;
18163             padding: 0 !important;
18164             border-radius: 0; }
18165         .page-layout.carded.left-sidenav > .center .content-card .content {
18166           padding: 24px;
18167           background: #FFFFFF; }
18168     .page-layout.carded.right-sidenav.single-scroll {
18169       height: auto; }
18170       .page-layout.carded.right-sidenav.single-scroll > .center .content-card .content {
18171         overflow: hidden; }
18172     .page-layout.carded.right-sidenav > .sidenav {
18173       width: 240px;
18174       min-width: 240px;
18175       max-width: 240px;
18176       box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
18177       z-index: 51; }
18178       .page-layout.carded.right-sidenav > .sidenav .header {
18179         height: 200px;
18180         min-height: 200px;
18181         max-height: 200px;
18182         padding: 24px 24px 24px 0; }
18183       .page-layout.carded.right-sidenav > .sidenav .content {
18184         background: transparent;
18185         padding: 24px 24px 24px 0; }
18186       .page-layout.carded.right-sidenav > .sidenav.md-locked-open {
18187         width: 196px;
18188         min-width: 196px;
18189         max-width: 196px;
18190         z-index: 2;
18191         background: transparent;
18192         box-shadow: none; }
18193       .page-layout.carded.right-sidenav > .sidenav:not(.md-locked-open) .header {
18194         padding: 24px;
18195         border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
18196       .page-layout.carded.right-sidenav > .sidenav:not(.md-locked-open) .content {
18197         overflow: hidden;
18198         padding: 24px; }
18199     .page-layout.carded.right-sidenav > .center {
18200       position: relative;
18201       z-index: 2;
18202       margin-left: 32px;
18203       margin-right: 32px; }
18204       .page-layout.carded.right-sidenav > .center .header {
18205         height: 136px;
18206         min-height: 136px;
18207         max-height: 136px;
18208         padding: 24px; }
18209       .page-layout.carded.right-sidenav > .center .content-card {
18210         background: #FFFFFF;
18211         box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
18212         overflow: hidden; }
18213         .page-layout.carded.right-sidenav > .center .content-card .toolbar {
18214           padding: 8px 24px;
18215           height: 64px;
18216           min-height: 64px;
18217           max-height: 64px;
18218           border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
18219           .page-layout.carded.right-sidenav > .center .content-card .toolbar .sidenav-toggle {
18220             margin: 0 0 0 8px !important;
18221             padding: 0 !important;
18222             border-radius: 0; }
18223         .page-layout.carded.right-sidenav > .center .content-card .content {
18224           padding: 24px;
18225           background: #FFFFFF; }
18226   .page-layout.simple.fullwidth, .page-layout.simple.inner-sidenav {
18227     min-height: 100%; }
18228     .page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidenav > .header {
18229       height: 200px;
18230       min-height: 200px;
18231       max-height: 200px;
18232       padding: 24px;
18233       background-image: url("/assets/images/backgrounds/header-bg.png");
18234       background-size: cover; }
18235     .page-layout.simple.fullwidth > .content, .page-layout.simple.inner-sidenav > .content {
18236       padding: 24px; }
18237   .page-layout.simple.left-sidenav {
18238     min-height: 100%;
18239     height: 100%; }
18240     .page-layout.simple.left-sidenav.single-scroll {
18241       height: auto; }
18242       .page-layout.simple.left-sidenav.single-scroll > .center {
18243         overflow: hidden; }
18244     .page-layout.simple.left-sidenav.inner-sidenav > .content > md-sidenav {
18245       margin-right: 24px; }
18246     .page-layout.simple.left-sidenav .sidenav {
18247       width: 240px;
18248       min-width: 240px;
18249       max-width: 240px;
18250       padding: 24px;
18251       z-index: 51;
18252       box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
18253       .page-layout.simple.left-sidenav .sidenav.md-locked-open {
18254         width: 220px;
18255         min-width: 220px;
18256         max-width: 220px;
18257         z-index: 2;
18258         box-shadow: none;
18259         background: transparent; }
18260     .page-layout.simple.left-sidenav > .center {
18261       position: relative;
18262       overflow: auto;
18263       z-index: 3;
18264       box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
18265       .page-layout.simple.left-sidenav > .center .header {
18266         height: 200px;
18267         min-height: 200px;
18268         max-height: 200px;
18269         padding: 24px;
18270         background-image: url("/assets/images/backgrounds/header-bg.png");
18271         background-size: cover; }
18272       .page-layout.simple.left-sidenav > .center .content {
18273         padding: 24px;
18274         background: #FFFFFF; }
18275   .page-layout.simple.right-sidenav {
18276     min-height: 100%;
18277     height: 100%; }
18278     .page-layout.simple.right-sidenav.single-scroll {
18279       height: auto; }
18280       .page-layout.simple.right-sidenav.single-scroll > .center {
18281         overflow: hidden; }
18282     .page-layout.simple.right-sidenav.inner-sidenav > .content > md-sidenav {
18283       margin-left: 24px; }
18284     .page-layout.simple.right-sidenav .sidenav {
18285       width: 240px;
18286       min-width: 240px;
18287       max-width: 240px;
18288       padding: 24px;
18289       z-index: 51;
18290       box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
18291       .page-layout.simple.right-sidenav .sidenav.md-locked-open {
18292         width: 220px;
18293         min-width: 220px;
18294         max-width: 220px;
18295         z-index: 2;
18296         box-shadow: none;
18297         background: transparent; }
18298     .page-layout.simple.right-sidenav > .center {
18299       position: relative;
18300       overflow: auto;
18301       z-index: 3;
18302       box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
18303       .page-layout.simple.right-sidenav > .center .header {
18304         height: 200px;
18305         min-height: 200px;
18306         max-height: 200px;
18307         padding: 24px;
18308         background-image: url("/assets/images/backgrounds/header-bg.png");
18309         background-size: cover; }
18310       .page-layout.simple.right-sidenav > .center .content {
18311         padding: 24px;
18312         background: #FFFFFF; }
18313   .page-layout.simple.inner-sidenav {
18314     height: auto; }
18315     .page-layout.simple.inner-sidenav > .content > md-sidenav.md-locked-open {
18316       padding: 0; }
18317   .page-layout.simple.tabbed {
18318     min-height: 100%; }
18319     .page-layout.simple.tabbed > .header {
18320       height: 200px;
18321       min-height: 200px;
18322       max-height: 200px;
18323       padding: 24px;
18324       background-image: url("/assets/images/backgrounds/header-bg.png");
18325       background-size: cover; }
18326     .page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper {
18327       background: #FFFFFF;
18328       box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
18329       padding: 0 24px; }
18330       .page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper md-tabs-canvas {
18331         height: 56px; }
18332         .page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
18333           height: 56px; }
18334         .page-layout.simple.tabbed > .content > md-tabs > md-tabs-wrapper md-tabs-canvas .md-tab {
18335           padding: 16px 24px;
18336           text-transform: none; }
18337     .page-layout.simple.tabbed > .content > md-tabs:not(.md-dynamic-height) md-tabs-content-wrapper {
18338       top: 56px; }
18339     .page-layout.simple.tabbed > .content > md-tabs > md-tabs-content-wrapper > md-tab-content {
18340       padding: 24px; }
18341     .page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar {
18342       background: #FFFFFF;
18343       box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
18344       border: none;
18345       height: 56px; }
18346       .page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav {
18347         margin: 0 12px; }
18348         .page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav .md-nav-item {
18349           height: 56px; }
18350           .page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button {
18351             height: 56px;
18352             line-height: 32px; }
18353           .page-layout.simple.tabbed > .content > md-nav-bar .md-nav-bar nav .md-nav-item ._md-nav-button-text {
18354             text-transform: none; }
18355   .page-layout.blank {
18356     min-height: 100%;
18357     padding: 24px; }
18358
18359 .single-scroll .carded.fullwidth {
18360   height: auto; }
18361   .single-scroll .carded.fullwidth > .center .content-card .content {
18362     overflow: hidden; }
18363
18364 .single-scroll .carded.left-sidenav {
18365   height: auto; }
18366   .single-scroll .carded.left-sidenav > .center .content-card .content {
18367     overflow: hidden; }
18368
18369 .single-scroll .carded.right-sidenav {
18370   height: auto; }
18371   .single-scroll .carded.right-sidenav > .center .content-card .content {
18372     overflow: hidden; }
18373
18374 .single-scroll .simple.left-sidenav {
18375   height: auto; }
18376   .single-scroll .simple.left-sidenav > .center {
18377     overflow: hidden; }
18378
18379 .single-scroll .simple.right-sidenav {
18380   height: auto; }
18381   .single-scroll .simple.right-sidenav > .center {
18382     overflow: hidden; }
18383
18384 @media screen and (max-width: 1280px) {
18385   .page-layout.simple.inner-sidenav.right-sidenav > .content, .page-layout.simple.inner-sidenav.left-sidenav > .content {
18386     height: auto !important; }
18387     .page-layout.simple.inner-sidenav.right-sidenav > .content > md-sidenav, .page-layout.simple.inner-sidenav.left-sidenav > .content > md-sidenav {
18388       margin-left: 0;
18389       margin-right: 0; }
18390   .sidenav-open .page-layout.simple.inner-sidenav {
18391     height: 100%; } }
18392
18393 @media screen and (max-width: 600px) {
18394   .page-layout .top-bg {
18395     height: 160px; }
18396   .page-layout.carded.right-sidenav > .center, .page-layout.carded.left-sidenav > .center, .page-layout.carded.fullwidth > .center {
18397     margin-left: 16px;
18398     margin-right: 16px; }
18399     .page-layout.carded.right-sidenav > .center .header, .page-layout.carded.left-sidenav > .center .header, .page-layout.carded.fullwidth > .center .header {
18400       height: 96px;
18401       min-height: 96px;
18402       max-height: 96px;
18403       padding: 16px; }
18404   .page-layout.carded.fullwidth {
18405     height: auto; }
18406     .page-layout.carded.fullwidth > .center .content-card .content {
18407       overflow: hidden; }
18408   .page-layout.carded.right-sidenav, .page-layout.carded.left-sidenav {
18409     height: auto; }
18410     .page-layout.carded.right-sidenav > .center .content-card .content, .page-layout.carded.left-sidenav > .center .content-card .content {
18411       overflow: hidden; }
18412   .page-layout.simple.fullwidth > .header, .page-layout.simple.inner-sidenav > .header {
18413     height: 160px;
18414     min-height: 160px;
18415     max-height: 160px;
18416     padding: 16px; }
18417   .page-layout.simple.right-sidenav > .center .header, .page-layout.simple.left-sidenav > .center .header {
18418     height: 160px;
18419     min-height: 160px;
18420     max-height: 160px;
18421     padding: 16px; }
18422   .page-layout.simple.left-sidenav, .page-layout.simple.right-sidenav {
18423     height: auto; }
18424     .page-layout.simple.left-sidenav > .center, .page-layout.simple.right-sidenav > .center {
18425       overflow: hidden; } }
18426
18427 /*----------------------------------------------------------------*/
18428 /*  Animations
18429 /*----------------------------------------------------------------*/
18430 .animate-slide-up {
18431   -webkit-backface-visibility: hidden;
18432   -webkit-perspective: 1000px;
18433   transition-property: none;
18434   transition-duration: 400ms;
18435   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
18436   opacity: 1; }
18437   .animate-slide-up.ng-enter {
18438     transform: translateY(100%);
18439     opacity: 0; }
18440     .animate-slide-up.ng-enter.ng-enter-active {
18441       transition-property: all;
18442       transform: translateY(0);
18443       opacity: 1; }
18444   .animate-slide-up.ng-leave {
18445     transform: translateY(0);
18446     opacity: 1; }
18447     .animate-slide-up.ng-leave.ng-leave-active {
18448       transition-property: all;
18449       transform: translateY(-100%);
18450       opacity: 0; }
18451   .animate-slide-up.ng-hide {
18452     transform: translateY(-100%);
18453     opacity: 0; }
18454   .animate-slide-up.ng-hide-add-active, .animate-slide-up.ng-hide-remove-active {
18455     transition-property: all; }
18456
18457 .animate-slide-down {
18458   -webkit-backface-visibility: hidden;
18459   -webkit-perspective: 1000px;
18460   transition-property: none;
18461   transition-duration: 400ms;
18462   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
18463   opacity: 1; }
18464   .animate-slide-down.ng-enter {
18465     transform: translateY(-100%);
18466     opacity: 0; }
18467     .animate-slide-down.ng-enter.ng-enter-active {
18468       transition-property: all;
18469       transform: translateY(0);
18470       opacity: 1; }
18471   .animate-slide-down.ng-leave {
18472     transform: translateY(0);
18473     opacity: 1; }
18474     .animate-slide-down.ng-leave.ng-leave-active {
18475       transition-property: all;
18476       transform: translateY(100%);
18477       opacity: 0; }
18478   .animate-slide-down.ng-hide {
18479     transform: translateY(-100%);
18480     opacity: 0; }
18481   .animate-slide-down.ng-hide-add-active, .animate-slide-down.ng-hide-remove-active {
18482     transition-property: all; }
18483
18484 .animate-slide-left {
18485   -webkit-backface-visibility: hidden;
18486   -webkit-perspective: 1000px;
18487   transition-property: none;
18488   transition-duration: 400ms;
18489   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
18490   opacity: 1; }
18491   .animate-slide-left.ng-enter {
18492     transform: translateX(100%);
18493     opacity: 0; }
18494     .animate-slide-left.ng-enter.ng-enter-active {
18495       transition-property: all;
18496       transform: translateX(0);
18497       opacity: 1; }
18498   .animate-slide-left.ng-leave {
18499     transform: translateX(0);
18500     opacity: 1; }
18501     .animate-slide-left.ng-leave.ng-leave-active {
18502       transition-property: all;
18503       transform: translateX(-100%);
18504       opacity: 0; }
18505   .animate-slide-left.ng-hide {
18506     transform: translateX(-100%);
18507     opacity: 0; }
18508   .animate-slide-left.ng-hide-add-active, .animate-slide-left.ng-hide-remove-active {
18509     transition-property: all; }
18510
18511 .animate-slide-right {
18512   -webkit-backface-visibility: hidden;
18513   -webkit-perspective: 1000px;
18514   transition-property: none;
18515   transition-duration: 400ms;
18516   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
18517   opacity: 1; }
18518   .animate-slide-right.ng-enter {
18519     transform: translateX(-100%);
18520     opacity: 0; }
18521     .animate-slide-right.ng-enter.ng-enter-active {
18522       transition-property: all;
18523       transform: translateX(0);
18524       opacity: 1; }
18525   .animate-slide-right.ng-leave {
18526     transform: translateX(0);
18527     opacity: 1; }
18528     .animate-slide-right.ng-leave.ng-leave-active {
18529       transition-property: all;
18530       transform: translateX(100%);
18531       opacity: 0; }
18532   .animate-slide-right.ng-hide {
18533     transform: translateX(100%);
18534     opacity: 0; }
18535   .animate-slide-right.ng-hide-add-active, .animate-slide-right.ng-hide-remove-active {
18536     transition-property: all; }
18537
18538 .animate-fade-in-out {
18539   -webkit-backface-visibility: hidden;
18540   -webkit-perspective: 1000px;
18541   transition-property: none;
18542   transition-duration: 400ms;
18543   transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
18544   opacity: 1; }
18545   .animate-fade-in-out.ng-enter {
18546     opacity: 0; }
18547     .animate-fade-in-out.ng-enter.ng-enter-active {
18548       transition-property: all;
18549       opacity: 1; }
18550   .animate-fade-in-out.ng-leave {
18551     opacity: 1; }
18552     .animate-fade-in-out.ng-leave.ng-leave-active {
18553       transition-property: all;
18554       opacity: 0; }
18555   .animate-fade-in-out.ng-hide {
18556     opacity: 0; }
18557   .animate-fade-in-out.ng-hide-add-active, .animate-fade-in-out.ng-hide-remove-active {
18558     transition-property: all; }
18559
18560 /*----------------------------------------------------------------*/
18561 /*  @ Custom Animation Keyframes
18562 /*----------------------------------------------------------------*/
18563 @keyframes slide-in-left {
18564   0% {
18565     opacity: 0;
18566     transform: translateX(-500px); }
18567   65% {
18568     opacity: 1;
18569     transform: translateX(0); }
18570   100% {
18571     transform: translateX(0); } }
18572
18573 @keyframes slide-in-right {
18574   0% {
18575     opacity: 0;
18576     transform: translateX(500px); }
18577   65% {
18578     opacity: 1;
18579     transform: translateX(0); }
18580   100% {
18581     transform: translateX(0); } }
18582
18583 @keyframes slide-in-bottom {
18584   0% {
18585     opacity: 0;
18586     transform: translateY(200px); }
18587   65% {
18588     opacity: 1;
18589     transform: translateY(0); }
18590   100% {
18591     transform: translateY(0); } }
18592
18593 .animate-rotate {
18594   animation: rotate 1.75s linear infinite; }
18595
18596 @keyframes rotate {
18597   0% {
18598     transform: rotate(0deg); }
18599   100% {
18600     transform: rotate(360deg); } }
18601
18602 /*----------------------------------------------------------------*/
18603 /*  Colors
18604 /*----------------------------------------------------------------*/
18605 .black-fg,
18606 .black-text {
18607   color: rgba(0, 0, 0, 0.87) !important; }
18608   .black-fg.secondary-text,
18609   .black-fg .secondary-text, .black-fg.icon,
18610   .black-fg .icon,
18611   .black-text.secondary-text,
18612   .black-text .secondary-text,
18613   .black-text.icon,
18614   .black-text .icon {
18615     color: rgba(0, 0, 0, 0.54) !important; }
18616   .black-fg.hint-text,
18617   .black-fg .hint-text, .black-fg.disabled-text,
18618   .black-fg .disabled-text,
18619   .black-text.hint-text,
18620   .black-text .hint-text,
18621   .black-text.disabled-text,
18622   .black-text .disabled-text {
18623     color: rgba(0, 0, 0, 0.26) !important; }
18624   .black-fg.divider,
18625   .black-fg .divider, .black-fg.faint-text,
18626   .black-fg .faint-text,
18627   .black-text.divider,
18628   .black-text .divider,
18629   .black-text.faint-text,
18630   .black-text .faint-text {
18631     color: rgba(0, 0, 0, 0.12) !important; }
18632
18633 .white-fg,
18634 .white-text {
18635   color: white !important; }
18636   .white-fg.secondary-text,
18637   .white-fg .secondary-text, .white-fg.icon,
18638   .white-fg .icon,
18639   .white-text.secondary-text,
18640   .white-text .secondary-text,
18641   .white-text.icon,
18642   .white-text .icon {
18643     color: rgba(255, 255, 255, 0.7) !important; }
18644   .white-fg.hint-text,
18645   .white-fg .hint-text, .white-fg.disabled-text,
18646   .white-fg .disabled-text,
18647   .white-text.hint-text,
18648   .white-text .hint-text,
18649   .white-text.disabled-text,
18650   .white-text .disabled-text {
18651     color: rgba(255, 255, 255, 0.3) !important; }
18652   .white-fg.divider,
18653   .white-fg .divider, .white-fg.faint-text,
18654   .white-fg .faint-text,
18655   .white-text.divider,
18656   .white-text .divider,
18657   .white-text.faint-text,
18658   .white-text .faint-text {
18659     color: rgba(255, 255, 255, 0.12) !important; }
18660   .white-fg md-icon,
18661   .white-text md-icon {
18662     color: #FFFFFF; }
18663   .white-fg md-progress-linear .md-container,
18664   .white-text md-progress-linear .md-container {
18665     background: rgba(255, 255, 255, 0.3); }
18666   .white-fg md-progress-linear .md-bar,
18667   .white-text md-progress-linear .md-bar {
18668     background: rgba(255, 255, 255, 0.7); }
18669
18670 .red-50-bg {
18671   background-color: #FFEBEE !important; }
18672
18673 .md-red-50-bg {
18674   background-color: #FFEBEE !important;
18675   color: rgba(0, 0, 0, 0.87); }
18676
18677 .red-50-fg {
18678   color: #FFEBEE !important; }
18679
18680 .red-50-border {
18681   border-color: #FFEBEE !important; }
18682
18683 .red-50-border-top {
18684   border-top-color: #FFEBEE !important; }
18685
18686 .red-50-border-right {
18687   border-right-color: #FFEBEE !important; }
18688
18689 .red-50-border-bottom {
18690   border-bottom-color: #FFEBEE !important; }
18691
18692 .red-50-border-left {
18693   border-left-color: #FFEBEE !important; }
18694
18695 .red-100-bg {
18696   background-color: #FFCDD2 !important; }
18697
18698 .md-red-100-bg {
18699   background-color: #FFCDD2 !important;
18700   color: rgba(0, 0, 0, 0.87); }
18701
18702 .red-100-fg {
18703   color: #FFCDD2 !important; }
18704
18705 .red-100-border {
18706   border-color: #FFCDD2 !important; }
18707
18708 .red-100-border-top {
18709   border-top-color: #FFCDD2 !important; }
18710
18711 .red-100-border-right {
18712   border-right-color: #FFCDD2 !important; }
18713
18714 .red-100-border-bottom {
18715   border-bottom-color: #FFCDD2 !important; }
18716
18717 .red-100-border-left {
18718   border-left-color: #FFCDD2 !important; }
18719
18720 .red-200-bg {
18721   background-color: #EF9A9A !important; }
18722
18723 .md-red-200-bg {
18724   background-color: #EF9A9A !important;
18725   color: rgba(0, 0, 0, 0.87); }
18726
18727 .red-200-fg {
18728   color: #EF9A9A !important; }
18729
18730 .red-200-border {
18731   border-color: #EF9A9A !important; }
18732
18733 .red-200-border-top {
18734   border-top-color: #EF9A9A !important; }
18735
18736 .red-200-border-right {
18737   border-right-color: #EF9A9A !important; }
18738
18739 .red-200-border-bottom {
18740   border-bottom-color: #EF9A9A !important; }
18741
18742 .red-200-border-left {
18743   border-left-color: #EF9A9A !important; }
18744
18745 .red-300-bg {
18746   background-color: #E57373 !important; }
18747
18748 .md-red-300-bg {
18749   background-color: #E57373 !important;
18750   color: rgba(0, 0, 0, 0.87); }
18751
18752 .red-300-fg {
18753   color: #E57373 !important; }
18754
18755 .red-300-border {
18756   border-color: #E57373 !important; }
18757
18758 .red-300-border-top {
18759   border-top-color: #E57373 !important; }
18760
18761 .red-300-border-right {
18762   border-right-color: #E57373 !important; }
18763
18764 .red-300-border-bottom {
18765   border-bottom-color: #E57373 !important; }
18766
18767 .red-300-border-left {
18768   border-left-color: #E57373 !important; }
18769
18770 .red-400-bg {
18771   background-color: #EF5350 !important; }
18772
18773 .md-red-400-bg {
18774   background-color: #EF5350 !important;
18775   color: white; }
18776
18777 .red-400-fg {
18778   color: #EF5350 !important; }
18779
18780 .red-400-border {
18781   border-color: #EF5350 !important; }
18782
18783 .red-400-border-top {
18784   border-top-color: #EF5350 !important; }
18785
18786 .red-400-border-right {
18787   border-right-color: #EF5350 !important; }
18788
18789 .red-400-border-bottom {
18790   border-bottom-color: #EF5350 !important; }
18791
18792 .red-400-border-left {
18793   border-left-color: #EF5350 !important; }
18794
18795 .red-500-bg {
18796   background-color: #F44336 !important; }
18797
18798 .md-red-500-bg {
18799   background-color: #F44336 !important;
18800   color: white; }
18801
18802 .red-500-fg {
18803   color: #F44336 !important; }
18804
18805 .red-500-border {
18806   border-color: #F44336 !important; }
18807
18808 .red-500-border-top {
18809   border-top-color: #F44336 !important; }
18810
18811 .red-500-border-right {
18812   border-right-color: #F44336 !important; }
18813
18814 .red-500-border-bottom {
18815   border-bottom-color: #F44336 !important; }
18816
18817 .red-500-border-left {
18818   border-left-color: #F44336 !important; }
18819
18820 .md-red-bg {
18821   background-color: #F44336 !important;
18822   color: white; }
18823
18824 .red-bg {
18825   background-color: #F44336 !important; }
18826
18827 .red-fg {
18828   color: #F44336 !important; }
18829
18830 .red-border {
18831   border-color: #F44336 !important; }
18832
18833 .red-border-top {
18834   border-top-color: #F44336 !important; }
18835
18836 .red-border-right {
18837   border-right-color: #F44336 !important; }
18838
18839 .red-border-bottom {
18840   border-bottom-color: #F44336 !important; }
18841
18842 .red-border-left {
18843   border-left-color: #F44336 !important; }
18844
18845 .red-600-bg {
18846   background-color: #E53935 !important; }
18847
18848 .md-red-600-bg {
18849   background-color: #E53935 !important;
18850   color: white; }
18851
18852 .red-600-fg {
18853   color: #E53935 !important; }
18854
18855 .red-600-border {
18856   border-color: #E53935 !important; }
18857
18858 .red-600-border-top {
18859   border-top-color: #E53935 !important; }
18860
18861 .red-600-border-right {
18862   border-right-color: #E53935 !important; }
18863
18864 .red-600-border-bottom {
18865   border-bottom-color: #E53935 !important; }
18866
18867 .red-600-border-left {
18868   border-left-color: #E53935 !important; }
18869
18870 .red-700-bg {
18871   background-color: #D32F2F !important; }
18872
18873 .md-red-700-bg {
18874   background-color: #D32F2F !important;
18875   color: white; }
18876
18877 .red-700-fg {
18878   color: #D32F2F !important; }
18879
18880 .red-700-border {
18881   border-color: #D32F2F !important; }
18882
18883 .red-700-border-top {
18884   border-top-color: #D32F2F !important; }
18885
18886 .red-700-border-right {
18887   border-right-color: #D32F2F !important; }
18888
18889 .red-700-border-bottom {
18890   border-bottom-color: #D32F2F !important; }
18891
18892 .red-700-border-left {
18893   border-left-color: #D32F2F !important; }
18894
18895 .red-800-bg {
18896   background-color: #C62828 !important; }
18897
18898 .md-red-800-bg {
18899   background-color: #C62828 !important;
18900   color: rgba(255, 255, 255, 0.87); }
18901
18902 .red-800-fg {
18903   color: #C62828 !important; }
18904
18905 .red-800-border {
18906   border-color: #C62828 !important; }
18907
18908 .red-800-border-top {
18909   border-top-color: #C62828 !important; }
18910
18911 .red-800-border-right {
18912   border-right-color: #C62828 !important; }
18913
18914 .red-800-border-bottom {
18915   border-bottom-color: #C62828 !important; }
18916
18917 .red-800-border-left {
18918   border-left-color: #C62828 !important; }
18919
18920 .red-900-bg {
18921   background-color: #B71C1C !important; }
18922
18923 .md-red-900-bg {
18924   background-color: #B71C1C !important;
18925   color: rgba(255, 255, 255, 0.87); }
18926
18927 .red-900-fg {
18928   color: #B71C1C !important; }
18929
18930 .red-900-border {
18931   border-color: #B71C1C !important; }
18932
18933 .red-900-border-top {
18934   border-top-color: #B71C1C !important; }
18935
18936 .red-900-border-right {
18937   border-right-color: #B71C1C !important; }
18938
18939 .red-900-border-bottom {
18940   border-bottom-color: #B71C1C !important; }
18941
18942 .red-900-border-left {
18943   border-left-color: #B71C1C !important; }
18944
18945 .red-A100-bg {
18946   background-color: #FF8A80 !important; }
18947
18948 .md-red-A100-bg {
18949   background-color: #FF8A80 !important;
18950   color: rgba(0, 0, 0, 0.87); }
18951
18952 .red-A100-fg {
18953   color: #FF8A80 !important; }
18954
18955 .red-A100-border {
18956   border-color: #FF8A80 !important; }
18957
18958 .red-A100-border-top {
18959   border-top-color: #FF8A80 !important; }
18960
18961 .red-A100-border-right {
18962   border-right-color: #FF8A80 !important; }
18963
18964 .red-A100-border-bottom {
18965   border-bottom-color: #FF8A80 !important; }
18966
18967 .red-A100-border-left {
18968   border-left-color: #FF8A80 !important; }
18969
18970 .red-A200-bg {
18971   background-color: #FF5252 !important; }
18972
18973 .md-red-A200-bg {
18974   background-color: #FF5252 !important;
18975   color: white; }
18976
18977 .red-A200-fg {
18978   color: #FF5252 !important; }
18979
18980 .red-A200-border {
18981   border-color: #FF5252 !important; }
18982
18983 .red-A200-border-top {
18984   border-top-color: #FF5252 !important; }
18985
18986 .red-A200-border-right {
18987   border-right-color: #FF5252 !important; }
18988
18989 .red-A200-border-bottom {
18990   border-bottom-color: #FF5252 !important; }
18991
18992 .red-A200-border-left {
18993   border-left-color: #FF5252 !important; }
18994
18995 .red-A400-bg {
18996   background-color: #FF1744 !important; }
18997
18998 .md-red-A400-bg {
18999   background-color: #FF1744 !important;
19000   color: white; }
19001
19002 .red-A400-fg {
19003   color: #FF1744 !important; }
19004
19005 .red-A400-border {
19006   border-color: #FF1744 !important; }
19007
19008 .red-A400-border-top {
19009   border-top-color: #FF1744 !important; }
19010
19011 .red-A400-border-right {
19012   border-right-color: #FF1744 !important; }
19013
19014 .red-A400-border-bottom {
19015   border-bottom-color: #FF1744 !important; }
19016
19017 .red-A400-border-left {
19018   border-left-color: #FF1744 !important; }
19019
19020 .red-A700-bg {
19021   background-color: #D50000 !important; }
19022
19023 .md-red-A700-bg {
19024   background-color: #D50000 !important;
19025   color: white; }
19026
19027 .red-A700-fg {
19028   color: #D50000 !important; }
19029
19030 .red-A700-border {
19031   border-color: #D50000 !important; }
19032
19033 .red-A700-border-top {
19034   border-top-color: #D50000 !important; }
19035
19036 .red-A700-border-right {
19037   border-right-color: #D50000 !important; }
19038
19039 .red-A700-border-bottom {
19040   border-bottom-color: #D50000 !important; }
19041
19042 .red-A700-border-left {
19043   border-left-color: #D50000 !important; }
19044
19045 .pink-50-bg {
19046   background-color: #FCE4EC !important; }
19047
19048 .md-pink-50-bg {
19049   background-color: #FCE4EC !important;
19050   color: rgba(0, 0, 0, 0.87); }
19051
19052 .pink-50-fg {
19053   color: #FCE4EC !important; }
19054
19055 .pink-50-border {
19056   border-color: #FCE4EC !important; }
19057
19058 .pink-50-border-top {
19059   border-top-color: #FCE4EC !important; }
19060
19061 .pink-50-border-right {
19062   border-right-color: #FCE4EC !important; }
19063
19064 .pink-50-border-bottom {
19065   border-bottom-color: #FCE4EC !important; }
19066
19067 .pink-50-border-left {
19068   border-left-color: #FCE4EC !important; }
19069
19070 .pink-100-bg {
19071   background-color: #F8BBD0 !important; }
19072
19073 .md-pink-100-bg {
19074   background-color: #F8BBD0 !important;
19075   color: rgba(0, 0, 0, 0.87); }
19076
19077 .pink-100-fg {
19078   color: #F8BBD0 !important; }
19079
19080 .pink-100-border {
19081   border-color: #F8BBD0 !important; }
19082
19083 .pink-100-border-top {
19084   border-top-color: #F8BBD0 !important; }
19085
19086 .pink-100-border-right {
19087   border-right-color: #F8BBD0 !important; }
19088
19089 .pink-100-border-bottom {
19090   border-bottom-color: #F8BBD0 !important; }
19091
19092 .pink-100-border-left {
19093   border-left-color: #F8BBD0 !important; }
19094
19095 .pink-200-bg {
19096   background-color: #F48FB1 !important; }
19097
19098 .md-pink-200-bg {
19099   background-color: #F48FB1 !important;
19100   color: rgba(0, 0, 0, 0.87); }
19101
19102 .pink-200-fg {
19103   color: #F48FB1 !important; }
19104
19105 .pink-200-border {
19106   border-color: #F48FB1 !important; }
19107
19108 .pink-200-border-top {
19109   border-top-color: #F48FB1 !important; }
19110
19111 .pink-200-border-right {
19112   border-right-color: #F48FB1 !important; }
19113
19114 .pink-200-border-bottom {
19115   border-bottom-color: #F48FB1 !important; }
19116
19117 .pink-200-border-left {
19118   border-left-color: #F48FB1 !important; }
19119
19120 .pink-300-bg {
19121   background-color: #F06292 !important; }
19122
19123 .md-pink-300-bg {
19124   background-color: #F06292 !important;
19125   color: rgba(255, 255, 255, 0.87); }
19126
19127 .pink-300-fg {
19128   color: #F06292 !important; }
19129
19130 .pink-300-border {
19131   border-color: #F06292 !important; }
19132
19133 .pink-300-border-top {
19134   border-top-color: #F06292 !important; }
19135
19136 .pink-300-border-right {
19137   border-right-color: #F06292 !important; }
19138
19139 .pink-300-border-bottom {
19140   border-bottom-color: #F06292 !important; }
19141
19142 .pink-300-border-left {
19143   border-left-color: #F06292 !important; }
19144
19145 .pink-400-bg {
19146   background-color: #EC407A !important; }
19147
19148 .md-pink-400-bg {
19149   background-color: #EC407A !important;
19150   color: rgba(255, 255, 255, 0.87); }
19151
19152 .pink-400-fg {
19153   color: #EC407A !important; }
19154
19155 .pink-400-border {
19156   border-color: #EC407A !important; }
19157
19158 .pink-400-border-top {
19159   border-top-color: #EC407A !important; }
19160
19161 .pink-400-border-right {
19162   border-right-color: #EC407A !important; }
19163
19164 .pink-400-border-bottom {
19165   border-bottom-color: #EC407A !important; }
19166
19167 .pink-400-border-left {
19168   border-left-color: #EC407A !important; }
19169
19170 .pink-500-bg {
19171   background-color: #E91E63 !important; }
19172
19173 .md-pink-500-bg {
19174   background-color: #E91E63 !important;
19175   color: white; }
19176
19177 .pink-500-fg {
19178   color: #E91E63 !important; }
19179
19180 .pink-500-border {
19181   border-color: #E91E63 !important; }
19182
19183 .pink-500-border-top {
19184   border-top-color: #E91E63 !important; }
19185
19186 .pink-500-border-right {
19187   border-right-color: #E91E63 !important; }
19188
19189 .pink-500-border-bottom {
19190   border-bottom-color: #E91E63 !important; }
19191
19192 .pink-500-border-left {
19193   border-left-color: #E91E63 !important; }
19194
19195 .md-pink-bg {
19196   background-color: #E91E63 !important;
19197   color: white; }
19198
19199 .pink-bg {
19200   background-color: #E91E63 !important; }
19201
19202 .pink-fg {
19203   color: #E91E63 !important; }
19204
19205 .pink-border {
19206   border-color: #E91E63 !important; }
19207
19208 .pink-border-top {
19209   border-top-color: #E91E63 !important; }
19210
19211 .pink-border-right {
19212   border-right-color: #E91E63 !important; }
19213
19214 .pink-border-bottom {
19215   border-bottom-color: #E91E63 !important; }
19216
19217 .pink-border-left {
19218   border-left-color: #E91E63 !important; }
19219
19220 .pink-600-bg {
19221   background-color: #D81B60 !important; }
19222
19223 .md-pink-600-bg {
19224   background-color: #D81B60 !important;
19225   color: white; }
19226
19227 .pink-600-fg {
19228   color: #D81B60 !important; }
19229
19230 .pink-600-border {
19231   border-color: #D81B60 !important; }
19232
19233 .pink-600-border-top {
19234   border-top-color: #D81B60 !important; }
19235
19236 .pink-600-border-right {
19237   border-right-color: #D81B60 !important; }
19238
19239 .pink-600-border-bottom {
19240   border-bottom-color: #D81B60 !important; }
19241
19242 .pink-600-border-left {
19243   border-left-color: #D81B60 !important; }
19244
19245 .pink-700-bg {
19246   background-color: #C2185B !important; }
19247
19248 .md-pink-700-bg {
19249   background-color: #C2185B !important;
19250   color: rgba(255, 255, 255, 0.87); }
19251
19252 .pink-700-fg {
19253   color: #C2185B !important; }
19254
19255 .pink-700-border {
19256   border-color: #C2185B !important; }
19257
19258 .pink-700-border-top {
19259   border-top-color: #C2185B !important; }
19260
19261 .pink-700-border-right {
19262   border-right-color: #C2185B !important; }
19263
19264 .pink-700-border-bottom {
19265   border-bottom-color: #C2185B !important; }
19266
19267 .pink-700-border-left {
19268   border-left-color: #C2185B !important; }
19269
19270 .pink-800-bg {
19271   background-color: #AD1457 !important; }
19272
19273 .md-pink-800-bg {
19274   background-color: #AD1457 !important;
19275   color: rgba(255, 255, 255, 0.87); }
19276
19277 .pink-800-fg {
19278   color: #AD1457 !important; }
19279
19280 .pink-800-border {
19281   border-color: #AD1457 !important; }
19282
19283 .pink-800-border-top {
19284   border-top-color: #AD1457 !important; }
19285
19286 .pink-800-border-right {
19287   border-right-color: #AD1457 !important; }
19288
19289 .pink-800-border-bottom {
19290   border-bottom-color: #AD1457 !important; }
19291
19292 .pink-800-border-left {
19293   border-left-color: #AD1457 !important; }
19294
19295 .pink-900-bg {
19296   background-color: #880E4F !important; }
19297
19298 .md-pink-900-bg {
19299   background-color: #880E4F !important;
19300   color: rgba(255, 255, 255, 0.87); }
19301
19302 .pink-900-fg {
19303   color: #880E4F !important; }
19304
19305 .pink-900-border {
19306   border-color: #880E4F !important; }
19307
19308 .pink-900-border-top {
19309   border-top-color: #880E4F !important; }
19310
19311 .pink-900-border-right {
19312   border-right-color: #880E4F !important; }
19313
19314 .pink-900-border-bottom {
19315   border-bottom-color: #880E4F !important; }
19316
19317 .pink-900-border-left {
19318   border-left-color: #880E4F !important; }
19319
19320 .pink-A100-bg {
19321   background-color: #FF80AB !important; }
19322
19323 .md-pink-A100-bg {
19324   background-color: #FF80AB !important;
19325   color: rgba(0, 0, 0, 0.87); }
19326
19327 .pink-A100-fg {
19328   color: #FF80AB !important; }
19329
19330 .pink-A100-border {
19331   border-color: #FF80AB !important; }
19332
19333 .pink-A100-border-top {
19334   border-top-color: #FF80AB !important; }
19335
19336 .pink-A100-border-right {
19337   border-right-color: #FF80AB !important; }
19338
19339 .pink-A100-border-bottom {
19340   border-bottom-color: #FF80AB !important; }
19341
19342 .pink-A100-border-left {
19343   border-left-color: #FF80AB !important; }
19344
19345 .pink-A200-bg {
19346   background-color: #FF4081 !important; }
19347
19348 .md-pink-A200-bg {
19349   background-color: #FF4081 !important;
19350   color: white; }
19351
19352 .pink-A200-fg {
19353   color: #FF4081 !important; }
19354
19355 .pink-A200-border {
19356   border-color: #FF4081 !important; }
19357
19358 .pink-A200-border-top {
19359   border-top-color: #FF4081 !important; }
19360
19361 .pink-A200-border-right {
19362   border-right-color: #FF4081 !important; }
19363
19364 .pink-A200-border-bottom {
19365   border-bottom-color: #FF4081 !important; }
19366
19367 .pink-A200-border-left {
19368   border-left-color: #FF4081 !important; }
19369
19370 .pink-A400-bg {
19371   background-color: #F50057 !important; }
19372
19373 .md-pink-A400-bg {
19374   background-color: #F50057 !important;
19375   color: white; }
19376
19377 .pink-A400-fg {
19378   color: #F50057 !important; }
19379
19380 .pink-A400-border {
19381   border-color: #F50057 !important; }
19382
19383 .pink-A400-border-top {
19384   border-top-color: #F50057 !important; }
19385
19386 .pink-A400-border-right {
19387   border-right-color: #F50057 !important; }
19388
19389 .pink-A400-border-bottom {
19390   border-bottom-color: #F50057 !important; }
19391
19392 .pink-A400-border-left {
19393   border-left-color: #F50057 !important; }
19394
19395 .pink-A700-bg {
19396   background-color: #C51162 !important; }
19397
19398 .md-pink-A700-bg {
19399   background-color: #C51162 !important;
19400   color: white; }
19401
19402 .pink-A700-fg {
19403   color: #C51162 !important; }
19404
19405 .pink-A700-border {
19406   border-color: #C51162 !important; }
19407
19408 .pink-A700-border-top {
19409   border-top-color: #C51162 !important; }
19410
19411 .pink-A700-border-right {
19412   border-right-color: #C51162 !important; }
19413
19414 .pink-A700-border-bottom {
19415   border-bottom-color: #C51162 !important; }
19416
19417 .pink-A700-border-left {
19418   border-left-color: #C51162 !important; }
19419
19420 .purple-50-bg {
19421   background-color: #F3E5F5 !important; }
19422
19423 .md-purple-50-bg {
19424   background-color: #F3E5F5 !important;
19425   color: rgba(0, 0, 0, 0.87); }
19426
19427 .purple-50-fg {
19428   color: #F3E5F5 !important; }
19429
19430 .purple-50-border {
19431   border-color: #F3E5F5 !important; }
19432
19433 .purple-50-border-top {
19434   border-top-color: #F3E5F5 !important; }
19435
19436 .purple-50-border-right {
19437   border-right-color: #F3E5F5 !important; }
19438
19439 .purple-50-border-bottom {
19440   border-bottom-color: #F3E5F5 !important; }
19441
19442 .purple-50-border-left {
19443   border-left-color: #F3E5F5 !important; }
19444
19445 .purple-100-bg {
19446   background-color: #E1BEE7 !important; }
19447
19448 .md-purple-100-bg {
19449   background-color: #E1BEE7 !important;
19450   color: rgba(0, 0, 0, 0.87); }
19451
19452 .purple-100-fg {
19453   color: #E1BEE7 !important; }
19454
19455 .purple-100-border {
19456   border-color: #E1BEE7 !important; }
19457
19458 .purple-100-border-top {
19459   border-top-color: #E1BEE7 !important; }
19460
19461 .purple-100-border-right {
19462   border-right-color: #E1BEE7 !important; }
19463
19464 .purple-100-border-bottom {
19465   border-bottom-color: #E1BEE7 !important; }
19466
19467 .purple-100-border-left {
19468   border-left-color: #E1BEE7 !important; }
19469
19470 .purple-200-bg {
19471   background-color: #CE93D8 !important; }
19472
19473 .md-purple-200-bg {
19474   background-color: #CE93D8 !important;
19475   color: rgba(0, 0, 0, 0.87); }
19476
19477 .purple-200-fg {
19478   color: #CE93D8 !important; }
19479
19480 .purple-200-border {
19481   border-color: #CE93D8 !important; }
19482
19483 .purple-200-border-top {
19484   border-top-color: #CE93D8 !important; }
19485
19486 .purple-200-border-right {
19487   border-right-color: #CE93D8 !important; }
19488
19489 .purple-200-border-bottom {
19490   border-bottom-color: #CE93D8 !important; }
19491
19492 .purple-200-border-left {
19493   border-left-color: #CE93D8 !important; }
19494
19495 .purple-300-bg {
19496   background-color: #BA68C8 !important; }
19497
19498 .md-purple-300-bg {
19499   background-color: #BA68C8 !important;
19500   color: white; }
19501
19502 .purple-300-fg {
19503   color: #BA68C8 !important; }
19504
19505 .purple-300-border {
19506   border-color: #BA68C8 !important; }
19507
19508 .purple-300-border-top {
19509   border-top-color: #BA68C8 !important; }
19510
19511 .purple-300-border-right {
19512   border-right-color: #BA68C8 !important; }
19513
19514 .purple-300-border-bottom {
19515   border-bottom-color: #BA68C8 !important; }
19516
19517 .purple-300-border-left {
19518   border-left-color: #BA68C8 !important; }
19519
19520 .purple-400-bg {
19521   background-color: #AB47BC !important; }
19522
19523 .md-purple-400-bg {
19524   background-color: #AB47BC !important;
19525   color: white; }
19526
19527 .purple-400-fg {
19528   color: #AB47BC !important; }
19529
19530 .purple-400-border {
19531   border-color: #AB47BC !important; }
19532
19533 .purple-400-border-top {
19534   border-top-color: #AB47BC !important; }
19535
19536 .purple-400-border-right {
19537   border-right-color: #AB47BC !important; }
19538
19539 .purple-400-border-bottom {
19540   border-bottom-color: #AB47BC !important; }
19541
19542 .purple-400-border-left {
19543   border-left-color: #AB47BC !important; }
19544
19545 .purple-500-bg {
19546   background-color: #9C27B0 !important; }
19547
19548 .md-purple-500-bg {
19549   background-color: #9C27B0 !important;
19550   color: rgba(255, 255, 255, 0.87); }
19551
19552 .purple-500-fg {
19553   color: #9C27B0 !important; }
19554
19555 .purple-500-border {
19556   border-color: #9C27B0 !important; }
19557
19558 .purple-500-border-top {
19559   border-top-color: #9C27B0 !important; }
19560
19561 .purple-500-border-right {
19562   border-right-color: #9C27B0 !important; }
19563
19564 .purple-500-border-bottom {
19565   border-bottom-color: #9C27B0 !important; }
19566
19567 .purple-500-border-left {
19568   border-left-color: #9C27B0 !important; }
19569
19570 .md-purple-bg {
19571   background-color: #9C27B0 !important;
19572   color: rgba(255, 255, 255, 0.87); }
19573
19574 .purple-bg {
19575   background-color: #9C27B0 !important; }
19576
19577 .purple-fg {
19578   color: #9C27B0 !important; }
19579
19580 .purple-border {
19581   border-color: #9C27B0 !important; }
19582
19583 .purple-border-top {
19584   border-top-color: #9C27B0 !important; }
19585
19586 .purple-border-right {
19587   border-right-color: #9C27B0 !important; }
19588
19589 .purple-border-bottom {
19590   border-bottom-color: #9C27B0 !important; }
19591
19592 .purple-border-left {
19593   border-left-color: #9C27B0 !important; }
19594
19595 .purple-600-bg {
19596   background-color: #8E24AA !important; }
19597
19598 .md-purple-600-bg {
19599   background-color: #8E24AA !important;
19600   color: rgba(255, 255, 255, 0.87); }
19601
19602 .purple-600-fg {
19603   color: #8E24AA !important; }
19604
19605 .purple-600-border {
19606   border-color: #8E24AA !important; }
19607
19608 .purple-600-border-top {
19609   border-top-color: #8E24AA !important; }
19610
19611 .purple-600-border-right {
19612   border-right-color: #8E24AA !important; }
19613
19614 .purple-600-border-bottom {
19615   border-bottom-color: #8E24AA !important; }
19616
19617 .purple-600-border-left {
19618   border-left-color: #8E24AA !important; }
19619
19620 .purple-700-bg {
19621   background-color: #7B1FA2 !important; }
19622
19623 .md-purple-700-bg {
19624   background-color: #7B1FA2 !important;
19625   color: rgba(255, 255, 255, 0.87); }
19626
19627 .purple-700-fg {
19628   color: #7B1FA2 !important; }
19629
19630 .purple-700-border {
19631   border-color: #7B1FA2 !important; }
19632
19633 .purple-700-border-top {
19634   border-top-color: #7B1FA2 !important; }
19635
19636 .purple-700-border-right {
19637   border-right-color: #7B1FA2 !important; }
19638
19639 .purple-700-border-bottom {
19640   border-bottom-color: #7B1FA2 !important; }
19641
19642 .purple-700-border-left {
19643   border-left-color: #7B1FA2 !important; }
19644
19645 .purple-800-bg {
19646   background-color: #6A1B9A !important; }
19647
19648 .md-purple-800-bg {
19649   background-color: #6A1B9A !important;
19650   color: rgba(255, 255, 255, 0.87); }
19651
19652 .purple-800-fg {
19653   color: #6A1B9A !important; }
19654
19655 .purple-800-border {
19656   border-color: #6A1B9A !important; }
19657
19658 .purple-800-border-top {
19659   border-top-color: #6A1B9A !important; }
19660
19661 .purple-800-border-right {
19662   border-right-color: #6A1B9A !important; }
19663
19664 .purple-800-border-bottom {
19665   border-bottom-color: #6A1B9A !important; }
19666
19667 .purple-800-border-left {
19668   border-left-color: #6A1B9A !important; }
19669
19670 .purple-900-bg {
19671   background-color: #4A148C !important; }
19672
19673 .md-purple-900-bg {
19674   background-color: #4A148C !important;
19675   color: rgba(255, 255, 255, 0.87); }
19676
19677 .purple-900-fg {
19678   color: #4A148C !important; }
19679
19680 .purple-900-border {
19681   border-color: #4A148C !important; }
19682
19683 .purple-900-border-top {
19684   border-top-color: #4A148C !important; }
19685
19686 .purple-900-border-right {
19687   border-right-color: #4A148C !important; }
19688
19689 .purple-900-border-bottom {
19690   border-bottom-color: #4A148C !important; }
19691
19692 .purple-900-border-left {
19693   border-left-color: #4A148C !important; }
19694
19695 .purple-A100-bg {
19696   background-color: #EA80FC !important; }
19697
19698 .md-purple-A100-bg {
19699   background-color: #EA80FC !important;
19700   color: rgba(0, 0, 0, 0.87); }
19701
19702 .purple-A100-fg {
19703   color: #EA80FC !important; }
19704
19705 .purple-A100-border {
19706   border-color: #EA80FC !important; }
19707
19708 .purple-A100-border-top {
19709   border-top-color: #EA80FC !important; }
19710
19711 .purple-A100-border-right {
19712   border-right-color: #EA80FC !important; }
19713
19714 .purple-A100-border-bottom {
19715   border-bottom-color: #EA80FC !important; }
19716
19717 .purple-A100-border-left {
19718   border-left-color: #EA80FC !important; }
19719
19720 .purple-A200-bg {
19721   background-color: #E040FB !important; }
19722
19723 .md-purple-A200-bg {
19724   background-color: #E040FB !important;
19725   color: white; }
19726
19727 .purple-A200-fg {
19728   color: #E040FB !important; }
19729
19730 .purple-A200-border {
19731   border-color: #E040FB !important; }
19732
19733 .purple-A200-border-top {
19734   border-top-color: #E040FB !important; }
19735
19736 .purple-A200-border-right {
19737   border-right-color: #E040FB !important; }
19738
19739 .purple-A200-border-bottom {
19740   border-bottom-color: #E040FB !important; }
19741
19742 .purple-A200-border-left {
19743   border-left-color: #E040FB !important; }
19744
19745 .purple-A400-bg {
19746   background-color: #D500F9 !important; }
19747
19748 .md-purple-A400-bg {
19749   background-color: #D500F9 !important;
19750   color: white; }
19751
19752 .purple-A400-fg {
19753   color: #D500F9 !important; }
19754
19755 .purple-A400-border {
19756   border-color: #D500F9 !important; }
19757
19758 .purple-A400-border-top {
19759   border-top-color: #D500F9 !important; }
19760
19761 .purple-A400-border-right {
19762   border-right-color: #D500F9 !important; }
19763
19764 .purple-A400-border-bottom {
19765   border-bottom-color: #D500F9 !important; }
19766
19767 .purple-A400-border-left {
19768   border-left-color: #D500F9 !important; }
19769
19770 .purple-A700-bg {
19771   background-color: #AA00FF !important; }
19772
19773 .md-purple-A700-bg {
19774   background-color: #AA00FF !important;
19775   color: white; }
19776
19777 .purple-A700-fg {
19778   color: #AA00FF !important; }
19779
19780 .purple-A700-border {
19781   border-color: #AA00FF !important; }
19782
19783 .purple-A700-border-top {
19784   border-top-color: #AA00FF !important; }
19785
19786 .purple-A700-border-right {
19787   border-right-color: #AA00FF !important; }
19788
19789 .purple-A700-border-bottom {
19790   border-bottom-color: #AA00FF !important; }
19791
19792 .purple-A700-border-left {
19793   border-left-color: #AA00FF !important; }
19794
19795 .deep-purple-50-bg {
19796   background-color: #EDE7F6 !important; }
19797
19798 .md-deep-purple-50-bg {
19799   background-color: #EDE7F6 !important;
19800   color: rgba(0, 0, 0, 0.87); }
19801
19802 .deep-purple-50-fg {
19803   color: #EDE7F6 !important; }
19804
19805 .deep-purple-50-border {
19806   border-color: #EDE7F6 !important; }
19807
19808 .deep-purple-50-border-top {
19809   border-top-color: #EDE7F6 !important; }
19810
19811 .deep-purple-50-border-right {
19812   border-right-color: #EDE7F6 !important; }
19813
19814 .deep-purple-50-border-bottom {
19815   border-bottom-color: #EDE7F6 !important; }
19816
19817 .deep-purple-50-border-left {
19818   border-left-color: #EDE7F6 !important; }
19819
19820 .deep-purple-100-bg {
19821   background-color: #D1C4E9 !important; }
19822
19823 .md-deep-purple-100-bg {
19824   background-color: #D1C4E9 !important;
19825   color: rgba(0, 0, 0, 0.87); }
19826
19827 .deep-purple-100-fg {
19828   color: #D1C4E9 !important; }
19829
19830 .deep-purple-100-border {
19831   border-color: #D1C4E9 !important; }
19832
19833 .deep-purple-100-border-top {
19834   border-top-color: #D1C4E9 !important; }
19835
19836 .deep-purple-100-border-right {
19837   border-right-color: #D1C4E9 !important; }
19838
19839 .deep-purple-100-border-bottom {
19840   border-bottom-color: #D1C4E9 !important; }
19841
19842 .deep-purple-100-border-left {
19843   border-left-color: #D1C4E9 !important; }
19844
19845 .deep-purple-200-bg {
19846   background-color: #B39DDB !important; }
19847
19848 .md-deep-purple-200-bg {
19849   background-color: #B39DDB !important;
19850   color: rgba(0, 0, 0, 0.87); }
19851
19852 .deep-purple-200-fg {
19853   color: #B39DDB !important; }
19854
19855 .deep-purple-200-border {
19856   border-color: #B39DDB !important; }
19857
19858 .deep-purple-200-border-top {
19859   border-top-color: #B39DDB !important; }
19860
19861 .deep-purple-200-border-right {
19862   border-right-color: #B39DDB !important; }
19863
19864 .deep-purple-200-border-bottom {
19865   border-bottom-color: #B39DDB !important; }
19866
19867 .deep-purple-200-border-left {
19868   border-left-color: #B39DDB !important; }
19869
19870 .deep-purple-300-bg {
19871   background-color: #9575CD !important; }
19872
19873 .md-deep-purple-300-bg {
19874   background-color: #9575CD !important;
19875   color: white; }
19876
19877 .deep-purple-300-fg {
19878   color: #9575CD !important; }
19879
19880 .deep-purple-300-border {
19881   border-color: #9575CD !important; }
19882
19883 .deep-purple-300-border-top {
19884   border-top-color: #9575CD !important; }
19885
19886 .deep-purple-300-border-right {
19887   border-right-color: #9575CD !important; }
19888
19889 .deep-purple-300-border-bottom {
19890   border-bottom-color: #9575CD !important; }
19891
19892 .deep-purple-300-border-left {
19893   border-left-color: #9575CD !important; }
19894
19895 .deep-purple-400-bg {
19896   background-color: #7E57C2 !important; }
19897
19898 .md-deep-purple-400-bg {
19899   background-color: #7E57C2 !important;
19900   color: white; }
19901
19902 .deep-purple-400-fg {
19903   color: #7E57C2 !important; }
19904
19905 .deep-purple-400-border {
19906   border-color: #7E57C2 !important; }
19907
19908 .deep-purple-400-border-top {
19909   border-top-color: #7E57C2 !important; }
19910
19911 .deep-purple-400-border-right {
19912   border-right-color: #7E57C2 !important; }
19913
19914 .deep-purple-400-border-bottom {
19915   border-bottom-color: #7E57C2 !important; }
19916
19917 .deep-purple-400-border-left {
19918   border-left-color: #7E57C2 !important; }
19919
19920 .deep-purple-500-bg {
19921   background-color: #673AB7 !important; }
19922
19923 .md-deep-purple-500-bg {
19924   background-color: #673AB7 !important;
19925   color: rgba(255, 255, 255, 0.87); }
19926
19927 .deep-purple-500-fg {
19928   color: #673AB7 !important; }
19929
19930 .deep-purple-500-border {
19931   border-color: #673AB7 !important; }
19932
19933 .deep-purple-500-border-top {
19934   border-top-color: #673AB7 !important; }
19935
19936 .deep-purple-500-border-right {
19937   border-right-color: #673AB7 !important; }
19938
19939 .deep-purple-500-border-bottom {
19940   border-bottom-color: #673AB7 !important; }
19941
19942 .deep-purple-500-border-left {
19943   border-left-color: #673AB7 !important; }
19944
19945 .md-deep-purple-bg {
19946   background-color: #673AB7 !important;
19947   color: rgba(255, 255, 255, 0.87); }
19948
19949 .deep-purple-bg {
19950   background-color: #673AB7 !important; }
19951
19952 .deep-purple-fg {
19953   color: #673AB7 !important; }
19954
19955 .deep-purple-border {
19956   border-color: #673AB7 !important; }
19957
19958 .deep-purple-border-top {
19959   border-top-color: #673AB7 !important; }
19960
19961 .deep-purple-border-right {
19962   border-right-color: #673AB7 !important; }
19963
19964 .deep-purple-border-bottom {
19965   border-bottom-color: #673AB7 !important; }
19966
19967 .deep-purple-border-left {
19968   border-left-color: #673AB7 !important; }
19969
19970 .deep-purple-600-bg {
19971   background-color: #5E35B1 !important; }
19972
19973 .md-deep-purple-600-bg {
19974   background-color: #5E35B1 !important;
19975   color: rgba(255, 255, 255, 0.87); }
19976
19977 .deep-purple-600-fg {
19978   color: #5E35B1 !important; }
19979
19980 .deep-purple-600-border {
19981   border-color: #5E35B1 !important; }
19982
19983 .deep-purple-600-border-top {
19984   border-top-color: #5E35B1 !important; }
19985
19986 .deep-purple-600-border-right {
19987   border-right-color: #5E35B1 !important; }
19988
19989 .deep-purple-600-border-bottom {
19990   border-bottom-color: #5E35B1 !important; }
19991
19992 .deep-purple-600-border-left {
19993   border-left-color: #5E35B1 !important; }
19994
19995 .deep-purple-700-bg {
19996   background-color: #512DA8 !important; }
19997
19998 .md-deep-purple-700-bg {
19999   background-color: #512DA8 !important;
20000   color: rgba(255, 255, 255, 0.87); }
20001
20002 .deep-purple-700-fg {
20003   color: #512DA8 !important; }
20004
20005 .deep-purple-700-border {
20006   border-color: #512DA8 !important; }
20007
20008 .deep-purple-700-border-top {
20009   border-top-color: #512DA8 !important; }
20010
20011 .deep-purple-700-border-right {
20012   border-right-color: #512DA8 !important; }
20013
20014 .deep-purple-700-border-bottom {
20015   border-bottom-color: #512DA8 !important; }
20016
20017 .deep-purple-700-border-left {
20018   border-left-color: #512DA8 !important; }
20019
20020 .deep-purple-800-bg {
20021   background-color: #4527A0 !important; }
20022
20023 .md-deep-purple-800-bg {
20024   background-color: #4527A0 !important;
20025   color: rgba(255, 255, 255, 0.87); }
20026
20027 .deep-purple-800-fg {
20028   color: #4527A0 !important; }
20029
20030 .deep-purple-800-border {
20031   border-color: #4527A0 !important; }
20032
20033 .deep-purple-800-border-top {
20034   border-top-color: #4527A0 !important; }
20035
20036 .deep-purple-800-border-right {
20037   border-right-color: #4527A0 !important; }
20038
20039 .deep-purple-800-border-bottom {
20040   border-bottom-color: #4527A0 !important; }
20041
20042 .deep-purple-800-border-left {
20043   border-left-color: #4527A0 !important; }
20044
20045 .deep-purple-900-bg {
20046   background-color: #311B92 !important; }
20047
20048 .md-deep-purple-900-bg {
20049   background-color: #311B92 !important;
20050   color: rgba(255, 255, 255, 0.87); }
20051
20052 .deep-purple-900-fg {
20053   color: #311B92 !important; }
20054
20055 .deep-purple-900-border {
20056   border-color: #311B92 !important; }
20057
20058 .deep-purple-900-border-top {
20059   border-top-color: #311B92 !important; }
20060
20061 .deep-purple-900-border-right {
20062   border-right-color: #311B92 !important; }
20063
20064 .deep-purple-900-border-bottom {
20065   border-bottom-color: #311B92 !important; }
20066
20067 .deep-purple-900-border-left {
20068   border-left-color: #311B92 !important; }
20069
20070 .deep-purple-A100-bg {
20071   background-color: #B388FF !important; }
20072
20073 .md-deep-purple-A100-bg {
20074   background-color: #B388FF !important;
20075   color: rgba(0, 0, 0, 0.87); }
20076
20077 .deep-purple-A100-fg {
20078   color: #B388FF !important; }
20079
20080 .deep-purple-A100-border {
20081   border-color: #B388FF !important; }
20082
20083 .deep-purple-A100-border-top {
20084   border-top-color: #B388FF !important; }
20085
20086 .deep-purple-A100-border-right {
20087   border-right-color: #B388FF !important; }
20088
20089 .deep-purple-A100-border-bottom {
20090   border-bottom-color: #B388FF !important; }
20091
20092 .deep-purple-A100-border-left {
20093   border-left-color: #B388FF !important; }
20094
20095 .deep-purple-A200-bg {
20096   background-color: #7C4DFF !important; }
20097
20098 .md-deep-purple-A200-bg {
20099   background-color: #7C4DFF !important;
20100   color: white; }
20101
20102 .deep-purple-A200-fg {
20103   color: #7C4DFF !important; }
20104
20105 .deep-purple-A200-border {
20106   border-color: #7C4DFF !important; }
20107
20108 .deep-purple-A200-border-top {
20109   border-top-color: #7C4DFF !important; }
20110
20111 .deep-purple-A200-border-right {
20112   border-right-color: #7C4DFF !important; }
20113
20114 .deep-purple-A200-border-bottom {
20115   border-bottom-color: #7C4DFF !important; }
20116
20117 .deep-purple-A200-border-left {
20118   border-left-color: #7C4DFF !important; }
20119
20120 .deep-purple-A400-bg {
20121   background-color: #651FFF !important; }
20122
20123 .md-deep-purple-A400-bg {
20124   background-color: #651FFF !important;
20125   color: rgba(255, 255, 255, 0.87); }
20126
20127 .deep-purple-A400-fg {
20128   color: #651FFF !important; }
20129
20130 .deep-purple-A400-border {
20131   border-color: #651FFF !important; }
20132
20133 .deep-purple-A400-border-top {
20134   border-top-color: #651FFF !important; }
20135
20136 .deep-purple-A400-border-right {
20137   border-right-color: #651FFF !important; }
20138
20139 .deep-purple-A400-border-bottom {
20140   border-bottom-color: #651FFF !important; }
20141
20142 .deep-purple-A400-border-left {
20143   border-left-color: #651FFF !important; }
20144
20145 .deep-purple-A700-bg {
20146   background-color: #6200EA !important; }
20147
20148 .md-deep-purple-A700-bg {
20149   background-color: #6200EA !important;
20150   color: rgba(255, 255, 255, 0.87); }
20151
20152 .deep-purple-A700-fg {
20153   color: #6200EA !important; }
20154
20155 .deep-purple-A700-border {
20156   border-color: #6200EA !important; }
20157
20158 .deep-purple-A700-border-top {
20159   border-top-color: #6200EA !important; }
20160
20161 .deep-purple-A700-border-right {
20162   border-right-color: #6200EA !important; }
20163
20164 .deep-purple-A700-border-bottom {
20165   border-bottom-color: #6200EA !important; }
20166
20167 .deep-purple-A700-border-left {
20168   border-left-color: #6200EA !important; }
20169
20170 .indigo-50-bg {
20171   background-color: #E8EAF6 !important; }
20172
20173 .md-indigo-50-bg {
20174   background-color: #E8EAF6 !important;
20175   color: rgba(0, 0, 0, 0.87); }
20176
20177 .indigo-50-fg {
20178   color: #E8EAF6 !important; }
20179
20180 .indigo-50-border {
20181   border-color: #E8EAF6 !important; }
20182
20183 .indigo-50-border-top {
20184   border-top-color: #E8EAF6 !important; }
20185
20186 .indigo-50-border-right {
20187   border-right-color: #E8EAF6 !important; }
20188
20189 .indigo-50-border-bottom {
20190   border-bottom-color: #E8EAF6 !important; }
20191
20192 .indigo-50-border-left {
20193   border-left-color: #E8EAF6 !important; }
20194
20195 .indigo-100-bg {
20196   background-color: #C5CAE9 !important; }
20197
20198 .md-indigo-100-bg {
20199   background-color: #C5CAE9 !important;
20200   color: rgba(0, 0, 0, 0.87); }
20201
20202 .indigo-100-fg {
20203   color: #C5CAE9 !important; }
20204
20205 .indigo-100-border {
20206   border-color: #C5CAE9 !important; }
20207
20208 .indigo-100-border-top {
20209   border-top-color: #C5CAE9 !important; }
20210
20211 .indigo-100-border-right {
20212   border-right-color: #C5CAE9 !important; }
20213
20214 .indigo-100-border-bottom {
20215   border-bottom-color: #C5CAE9 !important; }
20216
20217 .indigo-100-border-left {
20218   border-left-color: #C5CAE9 !important; }
20219
20220 .indigo-200-bg {
20221   background-color: #9FA8DA !important; }
20222
20223 .md-indigo-200-bg {
20224   background-color: #9FA8DA !important;
20225   color: rgba(0, 0, 0, 0.87); }
20226
20227 .indigo-200-fg {
20228   color: #9FA8DA !important; }
20229
20230 .indigo-200-border {
20231   border-color: #9FA8DA !important; }
20232
20233 .indigo-200-border-top {
20234   border-top-color: #9FA8DA !important; }
20235
20236 .indigo-200-border-right {
20237   border-right-color: #9FA8DA !important; }
20238
20239 .indigo-200-border-bottom {
20240   border-bottom-color: #9FA8DA !important; }
20241
20242 .indigo-200-border-left {
20243   border-left-color: #9FA8DA !important; }
20244
20245 .indigo-300-bg {
20246   background-color: #7986CB !important; }
20247
20248 .md-indigo-300-bg {
20249   background-color: #7986CB !important;
20250   color: white; }
20251
20252 .indigo-300-fg {
20253   color: #7986CB !important; }
20254
20255 .indigo-300-border {
20256   border-color: #7986CB !important; }
20257
20258 .indigo-300-border-top {
20259   border-top-color: #7986CB !important; }
20260
20261 .indigo-300-border-right {
20262   border-right-color: #7986CB !important; }
20263
20264 .indigo-300-border-bottom {
20265   border-bottom-color: #7986CB !important; }
20266
20267 .indigo-300-border-left {
20268   border-left-color: #7986CB !important; }
20269
20270 .indigo-400-bg {
20271   background-color: #5C6BC0 !important; }
20272
20273 .md-indigo-400-bg {
20274   background-color: #5C6BC0 !important;
20275   color: white; }
20276
20277 .indigo-400-fg {
20278   color: #5C6BC0 !important; }
20279
20280 .indigo-400-border {
20281   border-color: #5C6BC0 !important; }
20282
20283 .indigo-400-border-top {
20284   border-top-color: #5C6BC0 !important; }
20285
20286 .indigo-400-border-right {
20287   border-right-color: #5C6BC0 !important; }
20288
20289 .indigo-400-border-bottom {
20290   border-bottom-color: #5C6BC0 !important; }
20291
20292 .indigo-400-border-left {
20293   border-left-color: #5C6BC0 !important; }
20294
20295 .indigo-500-bg {
20296   background-color: #3F51B5 !important; }
20297
20298 .md-indigo-500-bg {
20299   background-color: #3F51B5 !important;
20300   color: rgba(255, 255, 255, 0.87); }
20301
20302 .indigo-500-fg {
20303   color: #3F51B5 !important; }
20304
20305 .indigo-500-border {
20306   border-color: #3F51B5 !important; }
20307
20308 .indigo-500-border-top {
20309   border-top-color: #3F51B5 !important; }
20310
20311 .indigo-500-border-right {
20312   border-right-color: #3F51B5 !important; }
20313
20314 .indigo-500-border-bottom {
20315   border-bottom-color: #3F51B5 !important; }
20316
20317 .indigo-500-border-left {
20318   border-left-color: #3F51B5 !important; }
20319
20320 .md-indigo-bg {
20321   background-color: #3F51B5 !important;
20322   color: rgba(255, 255, 255, 0.87); }
20323
20324 .indigo-bg {
20325   background-color: #3F51B5 !important; }
20326
20327 .indigo-fg {
20328   color: #3F51B5 !important; }
20329
20330 .indigo-border {
20331   border-color: #3F51B5 !important; }
20332
20333 .indigo-border-top {
20334   border-top-color: #3F51B5 !important; }
20335
20336 .indigo-border-right {
20337   border-right-color: #3F51B5 !important; }
20338
20339 .indigo-border-bottom {
20340   border-bottom-color: #3F51B5 !important; }
20341
20342 .indigo-border-left {
20343   border-left-color: #3F51B5 !important; }
20344
20345 .indigo-600-bg {
20346   background-color: #3949AB !important; }
20347
20348 .md-indigo-600-bg {
20349   background-color: #3949AB !important;
20350   color: rgba(255, 255, 255, 0.87); }
20351
20352 .indigo-600-fg {
20353   color: #3949AB !important; }
20354
20355 .indigo-600-border {
20356   border-color: #3949AB !important; }
20357
20358 .indigo-600-border-top {
20359   border-top-color: #3949AB !important; }
20360
20361 .indigo-600-border-right {
20362   border-right-color: #3949AB !important; }
20363
20364 .indigo-600-border-bottom {
20365   border-bottom-color: #3949AB !important; }
20366
20367 .indigo-600-border-left {
20368   border-left-color: #3949AB !important; }
20369
20370 .indigo-700-bg {
20371   background-color: #303F9F !important; }
20372
20373 .md-indigo-700-bg {
20374   background-color: #303F9F !important;
20375   color: rgba(255, 255, 255, 0.87); }
20376
20377 .indigo-700-fg {
20378   color: #303F9F !important; }
20379
20380 .indigo-700-border {
20381   border-color: #303F9F !important; }
20382
20383 .indigo-700-border-top {
20384   border-top-color: #303F9F !important; }
20385
20386 .indigo-700-border-right {
20387   border-right-color: #303F9F !important; }
20388
20389 .indigo-700-border-bottom {
20390   border-bottom-color: #303F9F !important; }
20391
20392 .indigo-700-border-left {
20393   border-left-color: #303F9F !important; }
20394
20395 .indigo-800-bg {
20396   background-color: #283593 !important; }
20397
20398 .md-indigo-800-bg {
20399   background-color: #283593 !important;
20400   color: rgba(255, 255, 255, 0.87); }
20401
20402 .indigo-800-fg {
20403   color: #283593 !important; }
20404
20405 .indigo-800-border {
20406   border-color: #283593 !important; }
20407
20408 .indigo-800-border-top {
20409   border-top-color: #283593 !important; }
20410
20411 .indigo-800-border-right {
20412   border-right-color: #283593 !important; }
20413
20414 .indigo-800-border-bottom {
20415   border-bottom-color: #283593 !important; }
20416
20417 .indigo-800-border-left {
20418   border-left-color: #283593 !important; }
20419
20420 .indigo-900-bg {
20421   background-color: #1A237E !important; }
20422
20423 .md-indigo-900-bg {
20424   background-color: #1A237E !important;
20425   color: rgba(255, 255, 255, 0.87); }
20426
20427 .indigo-900-fg {
20428   color: #1A237E !important; }
20429
20430 .indigo-900-border {
20431   border-color: #1A237E !important; }
20432
20433 .indigo-900-border-top {
20434   border-top-color: #1A237E !important; }
20435
20436 .indigo-900-border-right {
20437   border-right-color: #1A237E !important; }
20438
20439 .indigo-900-border-bottom {
20440   border-bottom-color: #1A237E !important; }
20441
20442 .indigo-900-border-left {
20443   border-left-color: #1A237E !important; }
20444
20445 .indigo-A100-bg {
20446   background-color: #8C9EFF !important; }
20447
20448 .md-indigo-A100-bg {
20449   background-color: #8C9EFF !important;
20450   color: rgba(0, 0, 0, 0.87); }
20451
20452 .indigo-A100-fg {
20453   color: #8C9EFF !important; }
20454
20455 .indigo-A100-border {
20456   border-color: #8C9EFF !important; }
20457
20458 .indigo-A100-border-top {
20459   border-top-color: #8C9EFF !important; }
20460
20461 .indigo-A100-border-right {
20462   border-right-color: #8C9EFF !important; }
20463
20464 .indigo-A100-border-bottom {
20465   border-bottom-color: #8C9EFF !important; }
20466
20467 .indigo-A100-border-left {
20468   border-left-color: #8C9EFF !important; }
20469
20470 .indigo-A200-bg {
20471   background-color: #536DFE !important; }
20472
20473 .md-indigo-A200-bg {
20474   background-color: #536DFE !important;
20475   color: white; }
20476
20477 .indigo-A200-fg {
20478   color: #536DFE !important; }
20479
20480 .indigo-A200-border {
20481   border-color: #536DFE !important; }
20482
20483 .indigo-A200-border-top {
20484   border-top-color: #536DFE !important; }
20485
20486 .indigo-A200-border-right {
20487   border-right-color: #536DFE !important; }
20488
20489 .indigo-A200-border-bottom {
20490   border-bottom-color: #536DFE !important; }
20491
20492 .indigo-A200-border-left {
20493   border-left-color: #536DFE !important; }
20494
20495 .indigo-A400-bg {
20496   background-color: #3D5AFE !important; }
20497
20498 .md-indigo-A400-bg {
20499   background-color: #3D5AFE !important;
20500   color: white; }
20501
20502 .indigo-A400-fg {
20503   color: #3D5AFE !important; }
20504
20505 .indigo-A400-border {
20506   border-color: #3D5AFE !important; }
20507
20508 .indigo-A400-border-top {
20509   border-top-color: #3D5AFE !important; }
20510
20511 .indigo-A400-border-right {
20512   border-right-color: #3D5AFE !important; }
20513
20514 .indigo-A400-border-bottom {
20515   border-bottom-color: #3D5AFE !important; }
20516
20517 .indigo-A400-border-left {
20518   border-left-color: #3D5AFE !important; }
20519
20520 .indigo-A700-bg {
20521   background-color: #304FFE !important; }
20522
20523 .md-indigo-A700-bg {
20524   background-color: #304FFE !important;
20525   color: rgba(255, 255, 255, 0.87); }
20526
20527 .indigo-A700-fg {
20528   color: #304FFE !important; }
20529
20530 .indigo-A700-border {
20531   border-color: #304FFE !important; }
20532
20533 .indigo-A700-border-top {
20534   border-top-color: #304FFE !important; }
20535
20536 .indigo-A700-border-right {
20537   border-right-color: #304FFE !important; }
20538
20539 .indigo-A700-border-bottom {
20540   border-bottom-color: #304FFE !important; }
20541
20542 .indigo-A700-border-left {
20543   border-left-color: #304FFE !important; }
20544
20545 .blue-50-bg {
20546   background-color: #E3F2FD !important; }
20547
20548 .md-blue-50-bg {
20549   background-color: #E3F2FD !important;
20550   color: rgba(0, 0, 0, 0.87); }
20551
20552 .blue-50-fg {
20553   color: #E3F2FD !important; }
20554
20555 .blue-50-border {
20556   border-color: #E3F2FD !important; }
20557
20558 .blue-50-border-top {
20559   border-top-color: #E3F2FD !important; }
20560
20561 .blue-50-border-right {
20562   border-right-color: #E3F2FD !important; }
20563
20564 .blue-50-border-bottom {
20565   border-bottom-color: #E3F2FD !important; }
20566
20567 .blue-50-border-left {
20568   border-left-color: #E3F2FD !important; }
20569
20570 .blue-100-bg {
20571   background-color: #BBDEFB !important; }
20572
20573 .md-blue-100-bg {
20574   background-color: #BBDEFB !important;
20575   color: rgba(0, 0, 0, 0.87); }
20576
20577 .blue-100-fg {
20578   color: #BBDEFB !important; }
20579
20580 .blue-100-border {
20581   border-color: #BBDEFB !important; }
20582
20583 .blue-100-border-top {
20584   border-top-color: #BBDEFB !important; }
20585
20586 .blue-100-border-right {
20587   border-right-color: #BBDEFB !important; }
20588
20589 .blue-100-border-bottom {
20590   border-bottom-color: #BBDEFB !important; }
20591
20592 .blue-100-border-left {
20593   border-left-color: #BBDEFB !important; }
20594
20595 .blue-200-bg {
20596   background-color: #90CAF9 !important; }
20597
20598 .md-blue-200-bg {
20599   background-color: #90CAF9 !important;
20600   color: rgba(0, 0, 0, 0.87); }
20601
20602 .blue-200-fg {
20603   color: #90CAF9 !important; }
20604
20605 .blue-200-border {
20606   border-color: #90CAF9 !important; }
20607
20608 .blue-200-border-top {
20609   border-top-color: #90CAF9 !important; }
20610
20611 .blue-200-border-right {
20612   border-right-color: #90CAF9 !important; }
20613
20614 .blue-200-border-bottom {
20615   border-bottom-color: #90CAF9 !important; }
20616
20617 .blue-200-border-left {
20618   border-left-color: #90CAF9 !important; }
20619
20620 .blue-300-bg {
20621   background-color: #64B5F6 !important; }
20622
20623 .md-blue-300-bg {
20624   background-color: #64B5F6 !important;
20625   color: rgba(0, 0, 0, 0.87); }
20626
20627 .blue-300-fg {
20628   color: #64B5F6 !important; }
20629
20630 .blue-300-border {
20631   border-color: #64B5F6 !important; }
20632
20633 .blue-300-border-top {
20634   border-top-color: #64B5F6 !important; }
20635
20636 .blue-300-border-right {
20637   border-right-color: #64B5F6 !important; }
20638
20639 .blue-300-border-bottom {
20640   border-bottom-color: #64B5F6 !important; }
20641
20642 .blue-300-border-left {
20643   border-left-color: #64B5F6 !important; }
20644
20645 .blue-400-bg {
20646   background-color: #42A5F5 !important; }
20647
20648 .md-blue-400-bg {
20649   background-color: #42A5F5 !important;
20650   color: rgba(0, 0, 0, 0.87); }
20651
20652 .blue-400-fg {
20653   color: #42A5F5 !important; }
20654
20655 .blue-400-border {
20656   border-color: #42A5F5 !important; }
20657
20658 .blue-400-border-top {
20659   border-top-color: #42A5F5 !important; }
20660
20661 .blue-400-border-right {
20662   border-right-color: #42A5F5 !important; }
20663
20664 .blue-400-border-bottom {
20665   border-bottom-color: #42A5F5 !important; }
20666
20667 .blue-400-border-left {
20668   border-left-color: #42A5F5 !important; }
20669
20670 .blue-500-bg {
20671   background-color: #2196F3 !important; }
20672
20673 .md-blue-500-bg {
20674   background-color: #2196F3 !important;
20675   color: white; }
20676
20677 .blue-500-fg {
20678   color: #2196F3 !important; }
20679
20680 .blue-500-border {
20681   border-color: #2196F3 !important; }
20682
20683 .blue-500-border-top {
20684   border-top-color: #2196F3 !important; }
20685
20686 .blue-500-border-right {
20687   border-right-color: #2196F3 !important; }
20688
20689 .blue-500-border-bottom {
20690   border-bottom-color: #2196F3 !important; }
20691
20692 .blue-500-border-left {
20693   border-left-color: #2196F3 !important; }
20694
20695 .md-blue-bg {
20696   background-color: #2196F3 !important;
20697   color: white; }
20698
20699 .blue-bg {
20700   background-color: #2196F3 !important; }
20701
20702 .blue-fg {
20703   color: #2196F3 !important; }
20704
20705 .blue-border {
20706   border-color: #2196F3 !important; }
20707
20708 .blue-border-top {
20709   border-top-color: #2196F3 !important; }
20710
20711 .blue-border-right {
20712   border-right-color: #2196F3 !important; }
20713
20714 .blue-border-bottom {
20715   border-bottom-color: #2196F3 !important; }
20716
20717 .blue-border-left {
20718   border-left-color: #2196F3 !important; }
20719
20720 .blue-600-bg {
20721   background-color: #1E88E5 !important; }
20722
20723 .md-blue-600-bg {
20724   background-color: #1E88E5 !important;
20725   color: white; }
20726
20727 .blue-600-fg {
20728   color: #1E88E5 !important; }
20729
20730 .blue-600-border {
20731   border-color: #1E88E5 !important; }
20732
20733 .blue-600-border-top {
20734   border-top-color: #1E88E5 !important; }
20735
20736 .blue-600-border-right {
20737   border-right-color: #1E88E5 !important; }
20738
20739 .blue-600-border-bottom {
20740   border-bottom-color: #1E88E5 !important; }
20741
20742 .blue-600-border-left {
20743   border-left-color: #1E88E5 !important; }
20744
20745 .blue-700-bg {
20746   background-color: #1976D2 !important; }
20747
20748 .md-blue-700-bg {
20749   background-color: #1976D2 !important;
20750   color: white; }
20751
20752 .blue-700-fg {
20753   color: #1976D2 !important; }
20754
20755 .blue-700-border {
20756   border-color: #1976D2 !important; }
20757
20758 .blue-700-border-top {
20759   border-top-color: #1976D2 !important; }
20760
20761 .blue-700-border-right {
20762   border-right-color: #1976D2 !important; }
20763
20764 .blue-700-border-bottom {
20765   border-bottom-color: #1976D2 !important; }
20766
20767 .blue-700-border-left {
20768   border-left-color: #1976D2 !important; }
20769
20770 .blue-800-bg {
20771   background-color: #1565C0 !important; }
20772
20773 .md-blue-800-bg {
20774   background-color: #1565C0 !important;
20775   color: rgba(255, 255, 255, 0.87); }
20776
20777 .blue-800-fg {
20778   color: #1565C0 !important; }
20779
20780 .blue-800-border {
20781   border-color: #1565C0 !important; }
20782
20783 .blue-800-border-top {
20784   border-top-color: #1565C0 !important; }
20785
20786 .blue-800-border-right {
20787   border-right-color: #1565C0 !important; }
20788
20789 .blue-800-border-bottom {
20790   border-bottom-color: #1565C0 !important; }
20791
20792 .blue-800-border-left {
20793   border-left-color: #1565C0 !important; }
20794
20795 .blue-900-bg {
20796   background-color: #0D47A1 !important; }
20797
20798 .md-blue-900-bg {
20799   background-color: #0D47A1 !important;
20800   color: rgba(255, 255, 255, 0.87); }
20801
20802 .blue-900-fg {
20803   color: #0D47A1 !important; }
20804
20805 .blue-900-border {
20806   border-color: #0D47A1 !important; }
20807
20808 .blue-900-border-top {
20809   border-top-color: #0D47A1 !important; }
20810
20811 .blue-900-border-right {
20812   border-right-color: #0D47A1 !important; }
20813
20814 .blue-900-border-bottom {
20815   border-bottom-color: #0D47A1 !important; }
20816
20817 .blue-900-border-left {
20818   border-left-color: #0D47A1 !important; }
20819
20820 .blue-A100-bg {
20821   background-color: #82B1FF !important; }
20822
20823 .md-blue-A100-bg {
20824   background-color: #82B1FF !important;
20825   color: rgba(0, 0, 0, 0.87); }
20826
20827 .blue-A100-fg {
20828   color: #82B1FF !important; }
20829
20830 .blue-A100-border {
20831   border-color: #82B1FF !important; }
20832
20833 .blue-A100-border-top {
20834   border-top-color: #82B1FF !important; }
20835
20836 .blue-A100-border-right {
20837   border-right-color: #82B1FF !important; }
20838
20839 .blue-A100-border-bottom {
20840   border-bottom-color: #82B1FF !important; }
20841
20842 .blue-A100-border-left {
20843   border-left-color: #82B1FF !important; }
20844
20845 .blue-A200-bg {
20846   background-color: #448AFF !important; }
20847
20848 .md-blue-A200-bg {
20849   background-color: #448AFF !important;
20850   color: white; }
20851
20852 .blue-A200-fg {
20853   color: #448AFF !important; }
20854
20855 .blue-A200-border {
20856   border-color: #448AFF !important; }
20857
20858 .blue-A200-border-top {
20859   border-top-color: #448AFF !important; }
20860
20861 .blue-A200-border-right {
20862   border-right-color: #448AFF !important; }
20863
20864 .blue-A200-border-bottom {
20865   border-bottom-color: #448AFF !important; }
20866
20867 .blue-A200-border-left {
20868   border-left-color: #448AFF !important; }
20869
20870 .blue-A400-bg {
20871   background-color: #2979FF !important; }
20872
20873 .md-blue-A400-bg {
20874   background-color: #2979FF !important;
20875   color: white; }
20876
20877 .blue-A400-fg {
20878   color: #2979FF !important; }
20879
20880 .blue-A400-border {
20881   border-color: #2979FF !important; }
20882
20883 .blue-A400-border-top {
20884   border-top-color: #2979FF !important; }
20885
20886 .blue-A400-border-right {
20887   border-right-color: #2979FF !important; }
20888
20889 .blue-A400-border-bottom {
20890   border-bottom-color: #2979FF !important; }
20891
20892 .blue-A400-border-left {
20893   border-left-color: #2979FF !important; }
20894
20895 .blue-A700-bg {
20896   background-color: #2962FF !important; }
20897
20898 .md-blue-A700-bg {
20899   background-color: #2962FF !important;
20900   color: white; }
20901
20902 .blue-A700-fg {
20903   color: #2962FF !important; }
20904
20905 .blue-A700-border {
20906   border-color: #2962FF !important; }
20907
20908 .blue-A700-border-top {
20909   border-top-color: #2962FF !important; }
20910
20911 .blue-A700-border-right {
20912   border-right-color: #2962FF !important; }
20913
20914 .blue-A700-border-bottom {
20915   border-bottom-color: #2962FF !important; }
20916
20917 .blue-A700-border-left {
20918   border-left-color: #2962FF !important; }
20919
20920 .light-blue-50-bg {
20921   background-color: #E1F5FE !important; }
20922
20923 .md-light-blue-50-bg {
20924   background-color: #E1F5FE !important;
20925   color: rgba(0, 0, 0, 0.87); }
20926
20927 .light-blue-50-fg {
20928   color: #E1F5FE !important; }
20929
20930 .light-blue-50-border {
20931   border-color: #E1F5FE !important; }
20932
20933 .light-blue-50-border-top {
20934   border-top-color: #E1F5FE !important; }
20935
20936 .light-blue-50-border-right {
20937   border-right-color: #E1F5FE !important; }
20938
20939 .light-blue-50-border-bottom {
20940   border-bottom-color: #E1F5FE !important; }
20941
20942 .light-blue-50-border-left {
20943   border-left-color: #E1F5FE !important; }
20944
20945 .light-blue-100-bg {
20946   background-color: #B3E5FC !important; }
20947
20948 .md-light-blue-100-bg {
20949   background-color: #B3E5FC !important;
20950   color: rgba(0, 0, 0, 0.87); }
20951
20952 .light-blue-100-fg {
20953   color: #B3E5FC !important; }
20954
20955 .light-blue-100-border {
20956   border-color: #B3E5FC !important; }
20957
20958 .light-blue-100-border-top {
20959   border-top-color: #B3E5FC !important; }
20960
20961 .light-blue-100-border-right {
20962   border-right-color: #B3E5FC !important; }
20963
20964 .light-blue-100-border-bottom {
20965   border-bottom-color: #B3E5FC !important; }
20966
20967 .light-blue-100-border-left {
20968   border-left-color: #B3E5FC !important; }
20969
20970 .light-blue-200-bg {
20971   background-color: #81D4FA !important; }
20972
20973 .md-light-blue-200-bg {
20974   background-color: #81D4FA !important;
20975   color: rgba(0, 0, 0, 0.87); }
20976
20977 .light-blue-200-fg {
20978   color: #81D4FA !important; }
20979
20980 .light-blue-200-border {
20981   border-color: #81D4FA !important; }
20982
20983 .light-blue-200-border-top {
20984   border-top-color: #81D4FA !important; }
20985
20986 .light-blue-200-border-right {
20987   border-right-color: #81D4FA !important; }
20988
20989 .light-blue-200-border-bottom {
20990   border-bottom-color: #81D4FA !important; }
20991
20992 .light-blue-200-border-left {
20993   border-left-color: #81D4FA !important; }
20994
20995 .light-blue-300-bg {
20996   background-color: #4FC3F7 !important; }
20997
20998 .md-light-blue-300-bg {
20999   background-color: #4FC3F7 !important;
21000   color: rgba(0, 0, 0, 0.87); }
21001
21002 .light-blue-300-fg {
21003   color: #4FC3F7 !important; }
21004
21005 .light-blue-300-border {
21006   border-color: #4FC3F7 !important; }
21007
21008 .light-blue-300-border-top {
21009   border-top-color: #4FC3F7 !important; }
21010
21011 .light-blue-300-border-right {
21012   border-right-color: #4FC3F7 !important; }
21013
21014 .light-blue-300-border-bottom {
21015   border-bottom-color: #4FC3F7 !important; }
21016
21017 .light-blue-300-border-left {
21018   border-left-color: #4FC3F7 !important; }
21019
21020 .light-blue-400-bg {
21021   background-color: #29B6F6 !important; }
21022
21023 .md-light-blue-400-bg {
21024   background-color: #29B6F6 !important;
21025   color: rgba(0, 0, 0, 0.87); }
21026
21027 .light-blue-400-fg {
21028   color: #29B6F6 !important; }
21029
21030 .light-blue-400-border {
21031   border-color: #29B6F6 !important; }
21032
21033 .light-blue-400-border-top {
21034   border-top-color: #29B6F6 !important; }
21035
21036 .light-blue-400-border-right {
21037   border-right-color: #29B6F6 !important; }
21038
21039 .light-blue-400-border-bottom {
21040   border-bottom-color: #29B6F6 !important; }
21041
21042 .light-blue-400-border-left {
21043   border-left-color: #29B6F6 !important; }
21044
21045 .light-blue-500-bg {
21046   background-color: #03A9F4 !important; }
21047
21048 .md-light-blue-500-bg {
21049   background-color: #03A9F4 !important;
21050   color: rgba(0, 0, 0, 0.87); }
21051
21052 .light-blue-500-fg {
21053   color: #03A9F4 !important; }
21054
21055 .light-blue-500-border {
21056   border-color: #03A9F4 !important; }
21057
21058 .light-blue-500-border-top {
21059   border-top-color: #03A9F4 !important; }
21060
21061 .light-blue-500-border-right {
21062   border-right-color: #03A9F4 !important; }
21063
21064 .light-blue-500-border-bottom {
21065   border-bottom-color: #03A9F4 !important; }
21066
21067 .light-blue-500-border-left {
21068   border-left-color: #03A9F4 !important; }
21069
21070 .md-light-blue-bg {
21071   background-color: #03A9F4 !important;
21072   color: rgba(0, 0, 0, 0.87); }
21073
21074 .light-blue-bg {
21075   background-color: #03A9F4 !important; }
21076
21077 .light-blue-fg {
21078   color: #03A9F4 !important; }
21079
21080 .light-blue-border {
21081   border-color: #03A9F4 !important; }
21082
21083 .light-blue-border-top {
21084   border-top-color: #03A9F4 !important; }
21085
21086 .light-blue-border-right {
21087   border-right-color: #03A9F4 !important; }
21088
21089 .light-blue-border-bottom {
21090   border-bottom-color: #03A9F4 !important; }
21091
21092 .light-blue-border-left {
21093   border-left-color: #03A9F4 !important; }
21094
21095 .light-blue-600-bg {
21096   background-color: #039BE5 !important; }
21097
21098 .md-light-blue-600-bg {
21099   background-color: #039BE5 !important;
21100   color: white; }
21101
21102 .light-blue-600-fg {
21103   color: #039BE5 !important; }
21104
21105 .light-blue-600-border {
21106   border-color: #039BE5 !important; }
21107
21108 .light-blue-600-border-top {
21109   border-top-color: #039BE5 !important; }
21110
21111 .light-blue-600-border-right {
21112   border-right-color: #039BE5 !important; }
21113
21114 .light-blue-600-border-bottom {
21115   border-bottom-color: #039BE5 !important; }
21116
21117 .light-blue-600-border-left {
21118   border-left-color: #039BE5 !important; }
21119
21120 .light-blue-700-bg {
21121   background-color: #0288D1 !important; }
21122
21123 .md-light-blue-700-bg {
21124   background-color: #0288D1 !important;
21125   color: white; }
21126
21127 .light-blue-700-fg {
21128   color: #0288D1 !important; }
21129
21130 .light-blue-700-border {
21131   border-color: #0288D1 !important; }
21132
21133 .light-blue-700-border-top {
21134   border-top-color: #0288D1 !important; }
21135
21136 .light-blue-700-border-right {
21137   border-right-color: #0288D1 !important; }
21138
21139 .light-blue-700-border-bottom {
21140   border-bottom-color: #0288D1 !important; }
21141
21142 .light-blue-700-border-left {
21143   border-left-color: #0288D1 !important; }
21144
21145 .light-blue-800-bg {
21146   background-color: #0277BD !important; }
21147
21148 .md-light-blue-800-bg {
21149   background-color: #0277BD !important;
21150   color: white; }
21151
21152 .light-blue-800-fg {
21153   color: #0277BD !important; }
21154
21155 .light-blue-800-border {
21156   border-color: #0277BD !important; }
21157
21158 .light-blue-800-border-top {
21159   border-top-color: #0277BD !important; }
21160
21161 .light-blue-800-border-right {
21162   border-right-color: #0277BD !important; }
21163
21164 .light-blue-800-border-bottom {
21165   border-bottom-color: #0277BD !important; }
21166
21167 .light-blue-800-border-left {
21168   border-left-color: #0277BD !important; }
21169
21170 .light-blue-900-bg {
21171   background-color: #01579B !important; }
21172
21173 .md-light-blue-900-bg {
21174   background-color: #01579B !important;
21175   color: white; }
21176
21177 .light-blue-900-fg {
21178   color: #01579B !important; }
21179
21180 .light-blue-900-border {
21181   border-color: #01579B !important; }
21182
21183 .light-blue-900-border-top {
21184   border-top-color: #01579B !important; }
21185
21186 .light-blue-900-border-right {
21187   border-right-color: #01579B !important; }
21188
21189 .light-blue-900-border-bottom {
21190   border-bottom-color: #01579B !important; }
21191
21192 .light-blue-900-border-left {
21193   border-left-color: #01579B !important; }
21194
21195 .light-blue-A100-bg {
21196   background-color: #80D8FF !important; }
21197
21198 .md-light-blue-A100-bg {
21199   background-color: #80D8FF !important;
21200   color: rgba(0, 0, 0, 0.87); }
21201
21202 .light-blue-A100-fg {
21203   color: #80D8FF !important; }
21204
21205 .light-blue-A100-border {
21206   border-color: #80D8FF !important; }
21207
21208 .light-blue-A100-border-top {
21209   border-top-color: #80D8FF !important; }
21210
21211 .light-blue-A100-border-right {
21212   border-right-color: #80D8FF !important; }
21213
21214 .light-blue-A100-border-bottom {
21215   border-bottom-color: #80D8FF !important; }
21216
21217 .light-blue-A100-border-left {
21218   border-left-color: #80D8FF !important; }
21219
21220 .light-blue-A200-bg {
21221   background-color: #40C4FF !important; }
21222
21223 .md-light-blue-A200-bg {
21224   background-color: #40C4FF !important;
21225   color: rgba(0, 0, 0, 0.87); }
21226
21227 .light-blue-A200-fg {
21228   color: #40C4FF !important; }
21229
21230 .light-blue-A200-border {
21231   border-color: #40C4FF !important; }
21232
21233 .light-blue-A200-border-top {
21234   border-top-color: #40C4FF !important; }
21235
21236 .light-blue-A200-border-right {
21237   border-right-color: #40C4FF !important; }
21238
21239 .light-blue-A200-border-bottom {
21240   border-bottom-color: #40C4FF !important; }
21241
21242 .light-blue-A200-border-left {
21243   border-left-color: #40C4FF !important; }
21244
21245 .light-blue-A400-bg {
21246   background-color: #00B0FF !important; }
21247
21248 .md-light-blue-A400-bg {
21249   background-color: #00B0FF !important;
21250   color: rgba(0, 0, 0, 0.87); }
21251
21252 .light-blue-A400-fg {
21253   color: #00B0FF !important; }
21254
21255 .light-blue-A400-border {
21256   border-color: #00B0FF !important; }
21257
21258 .light-blue-A400-border-top {
21259   border-top-color: #00B0FF !important; }
21260
21261 .light-blue-A400-border-right {
21262   border-right-color: #00B0FF !important; }
21263
21264 .light-blue-A400-border-bottom {
21265   border-bottom-color: #00B0FF !important; }
21266
21267 .light-blue-A400-border-left {
21268   border-left-color: #00B0FF !important; }
21269
21270 .light-blue-A700-bg {
21271   background-color: #0091EA !important; }
21272
21273 .md-light-blue-A700-bg {
21274   background-color: #0091EA !important;
21275   color: white; }
21276
21277 .light-blue-A700-fg {
21278   color: #0091EA !important; }
21279
21280 .light-blue-A700-border {
21281   border-color: #0091EA !important; }
21282
21283 .light-blue-A700-border-top {
21284   border-top-color: #0091EA !important; }
21285
21286 .light-blue-A700-border-right {
21287   border-right-color: #0091EA !important; }
21288
21289 .light-blue-A700-border-bottom {
21290   border-bottom-color: #0091EA !important; }
21291
21292 .light-blue-A700-border-left {
21293   border-left-color: #0091EA !important; }
21294
21295 .cyan-50-bg {
21296   background-color: #E0F7FA !important; }
21297
21298 .md-cyan-50-bg {
21299   background-color: #E0F7FA !important;
21300   color: rgba(0, 0, 0, 0.87); }
21301
21302 .cyan-50-fg {
21303   color: #E0F7FA !important; }
21304
21305 .cyan-50-border {
21306   border-color: #E0F7FA !important; }
21307
21308 .cyan-50-border-top {
21309   border-top-color: #E0F7FA !important; }
21310
21311 .cyan-50-border-right {
21312   border-right-color: #E0F7FA !important; }
21313
21314 .cyan-50-border-bottom {
21315   border-bottom-color: #E0F7FA !important; }
21316
21317 .cyan-50-border-left {
21318   border-left-color: #E0F7FA !important; }
21319
21320 .cyan-100-bg {
21321   background-color: #B2EBF2 !important; }
21322
21323 .md-cyan-100-bg {
21324   background-color: #B2EBF2 !important;
21325   color: rgba(0, 0, 0, 0.87); }
21326
21327 .cyan-100-fg {
21328   color: #B2EBF2 !important; }
21329
21330 .cyan-100-border {
21331   border-color: #B2EBF2 !important; }
21332
21333 .cyan-100-border-top {
21334   border-top-color: #B2EBF2 !important; }
21335
21336 .cyan-100-border-right {
21337   border-right-color: #B2EBF2 !important; }
21338
21339 .cyan-100-border-bottom {
21340   border-bottom-color: #B2EBF2 !important; }
21341
21342 .cyan-100-border-left {
21343   border-left-color: #B2EBF2 !important; }
21344
21345 .cyan-200-bg {
21346   background-color: #80DEEA !important; }
21347
21348 .md-cyan-200-bg {
21349   background-color: #80DEEA !important;
21350   color: rgba(0, 0, 0, 0.87); }
21351
21352 .cyan-200-fg {
21353   color: #80DEEA !important; }
21354
21355 .cyan-200-border {
21356   border-color: #80DEEA !important; }
21357
21358 .cyan-200-border-top {
21359   border-top-color: #80DEEA !important; }
21360
21361 .cyan-200-border-right {
21362   border-right-color: #80DEEA !important; }
21363
21364 .cyan-200-border-bottom {
21365   border-bottom-color: #80DEEA !important; }
21366
21367 .cyan-200-border-left {
21368   border-left-color: #80DEEA !important; }
21369
21370 .cyan-300-bg {
21371   background-color: #4DD0E1 !important; }
21372
21373 .md-cyan-300-bg {
21374   background-color: #4DD0E1 !important;
21375   color: rgba(0, 0, 0, 0.87); }
21376
21377 .cyan-300-fg {
21378   color: #4DD0E1 !important; }
21379
21380 .cyan-300-border {
21381   border-color: #4DD0E1 !important; }
21382
21383 .cyan-300-border-top {
21384   border-top-color: #4DD0E1 !important; }
21385
21386 .cyan-300-border-right {
21387   border-right-color: #4DD0E1 !important; }
21388
21389 .cyan-300-border-bottom {
21390   border-bottom-color: #4DD0E1 !important; }
21391
21392 .cyan-300-border-left {
21393   border-left-color: #4DD0E1 !important; }
21394
21395 .cyan-400-bg {
21396   background-color: #26C6DA !important; }
21397
21398 .md-cyan-400-bg {
21399   background-color: #26C6DA !important;
21400   color: rgba(0, 0, 0, 0.87); }
21401
21402 .cyan-400-fg {
21403   color: #26C6DA !important; }
21404
21405 .cyan-400-border {
21406   border-color: #26C6DA !important; }
21407
21408 .cyan-400-border-top {
21409   border-top-color: #26C6DA !important; }
21410
21411 .cyan-400-border-right {
21412   border-right-color: #26C6DA !important; }
21413
21414 .cyan-400-border-bottom {
21415   border-bottom-color: #26C6DA !important; }
21416
21417 .cyan-400-border-left {
21418   border-left-color: #26C6DA !important; }
21419
21420 .cyan-500-bg {
21421   background-color: #00BCD4 !important; }
21422
21423 .md-cyan-500-bg {
21424   background-color: #00BCD4 !important;
21425   color: rgba(0, 0, 0, 0.87); }
21426
21427 .cyan-500-fg {
21428   color: #00BCD4 !important; }
21429
21430 .cyan-500-border {
21431   border-color: #00BCD4 !important; }
21432
21433 .cyan-500-border-top {
21434   border-top-color: #00BCD4 !important; }
21435
21436 .cyan-500-border-right {
21437   border-right-color: #00BCD4 !important; }
21438
21439 .cyan-500-border-bottom {
21440   border-bottom-color: #00BCD4 !important; }
21441
21442 .cyan-500-border-left {
21443   border-left-color: #00BCD4 !important; }
21444
21445 .md-cyan-bg {
21446   background-color: #00BCD4 !important;
21447   color: rgba(0, 0, 0, 0.87); }
21448
21449 .cyan-bg {
21450   background-color: #00BCD4 !important; }
21451
21452 .cyan-fg {
21453   color: #00BCD4 !important; }
21454
21455 .cyan-border {
21456   border-color: #00BCD4 !important; }
21457
21458 .cyan-border-top {
21459   border-top-color: #00BCD4 !important; }
21460
21461 .cyan-border-right {
21462   border-right-color: #00BCD4 !important; }
21463
21464 .cyan-border-bottom {
21465   border-bottom-color: #00BCD4 !important; }
21466
21467 .cyan-border-left {
21468   border-left-color: #00BCD4 !important; }
21469
21470 .cyan-600-bg {
21471   background-color: #00ACC1 !important; }
21472
21473 .md-cyan-600-bg {
21474   background-color: #00ACC1 !important;
21475   color: rgba(0, 0, 0, 0.87); }
21476
21477 .cyan-600-fg {
21478   color: #00ACC1 !important; }
21479
21480 .cyan-600-border {
21481   border-color: #00ACC1 !important; }
21482
21483 .cyan-600-border-top {
21484   border-top-color: #00ACC1 !important; }
21485
21486 .cyan-600-border-right {
21487   border-right-color: #00ACC1 !important; }
21488
21489 .cyan-600-border-bottom {
21490   border-bottom-color: #00ACC1 !important; }
21491
21492 .cyan-600-border-left {
21493   border-left-color: #00ACC1 !important; }
21494
21495 .cyan-700-bg {
21496   background-color: #0097A7 !important; }
21497
21498 .md-cyan-700-bg {
21499   background-color: #0097A7 !important;
21500   color: white; }
21501
21502 .cyan-700-fg {
21503   color: #0097A7 !important; }
21504
21505 .cyan-700-border {
21506   border-color: #0097A7 !important; }
21507
21508 .cyan-700-border-top {
21509   border-top-color: #0097A7 !important; }
21510
21511 .cyan-700-border-right {
21512   border-right-color: #0097A7 !important; }
21513
21514 .cyan-700-border-bottom {
21515   border-bottom-color: #0097A7 !important; }
21516
21517 .cyan-700-border-left {
21518   border-left-color: #0097A7 !important; }
21519
21520 .cyan-800-bg {
21521   background-color: #00838F !important; }
21522
21523 .md-cyan-800-bg {
21524   background-color: #00838F !important;
21525   color: white; }
21526
21527 .cyan-800-fg {
21528   color: #00838F !important; }
21529
21530 .cyan-800-border {
21531   border-color: #00838F !important; }
21532
21533 .cyan-800-border-top {
21534   border-top-color: #00838F !important; }
21535
21536 .cyan-800-border-right {
21537   border-right-color: #00838F !important; }
21538
21539 .cyan-800-border-bottom {
21540   border-bottom-color: #00838F !important; }
21541
21542 .cyan-800-border-left {
21543   border-left-color: #00838F !important; }
21544
21545 .cyan-900-bg {
21546   background-color: #006064 !important; }
21547
21548 .md-cyan-900-bg {
21549   background-color: #006064 !important;
21550   color: white; }
21551
21552 .cyan-900-fg {
21553   color: #006064 !important; }
21554
21555 .cyan-900-border {
21556   border-color: #006064 !important; }
21557
21558 .cyan-900-border-top {
21559   border-top-color: #006064 !important; }
21560
21561 .cyan-900-border-right {
21562   border-right-color: #006064 !important; }
21563
21564 .cyan-900-border-bottom {
21565   border-bottom-color: #006064 !important; }
21566
21567 .cyan-900-border-left {
21568   border-left-color: #006064 !important; }
21569
21570 .cyan-A100-bg {
21571   background-color: #84FFFF !important; }
21572
21573 .md-cyan-A100-bg {
21574   background-color: #84FFFF !important;
21575   color: rgba(0, 0, 0, 0.87); }
21576
21577 .cyan-A100-fg {
21578   color: #84FFFF !important; }
21579
21580 .cyan-A100-border {
21581   border-color: #84FFFF !important; }
21582
21583 .cyan-A100-border-top {
21584   border-top-color: #84FFFF !important; }
21585
21586 .cyan-A100-border-right {
21587   border-right-color: #84FFFF !important; }
21588
21589 .cyan-A100-border-bottom {
21590   border-bottom-color: #84FFFF !important; }
21591
21592 .cyan-A100-border-left {
21593   border-left-color: #84FFFF !important; }
21594
21595 .cyan-A200-bg {
21596   background-color: #18FFFF !important; }
21597
21598 .md-cyan-A200-bg {
21599   background-color: #18FFFF !important;
21600   color: rgba(0, 0, 0, 0.87); }
21601
21602 .cyan-A200-fg {
21603   color: #18FFFF !important; }
21604
21605 .cyan-A200-border {
21606   border-color: #18FFFF !important; }
21607
21608 .cyan-A200-border-top {
21609   border-top-color: #18FFFF !important; }
21610
21611 .cyan-A200-border-right {
21612   border-right-color: #18FFFF !important; }
21613
21614 .cyan-A200-border-bottom {
21615   border-bottom-color: #18FFFF !important; }
21616
21617 .cyan-A200-border-left {
21618   border-left-color: #18FFFF !important; }
21619
21620 .cyan-A400-bg {
21621   background-color: #00E5FF !important; }
21622
21623 .md-cyan-A400-bg {
21624   background-color: #00E5FF !important;
21625   color: rgba(0, 0, 0, 0.87); }
21626
21627 .cyan-A400-fg {
21628   color: #00E5FF !important; }
21629
21630 .cyan-A400-border {
21631   border-color: #00E5FF !important; }
21632
21633 .cyan-A400-border-top {
21634   border-top-color: #00E5FF !important; }
21635
21636 .cyan-A400-border-right {
21637   border-right-color: #00E5FF !important; }
21638
21639 .cyan-A400-border-bottom {
21640   border-bottom-color: #00E5FF !important; }
21641
21642 .cyan-A400-border-left {
21643   border-left-color: #00E5FF !important; }
21644
21645 .cyan-A700-bg {
21646   background-color: #00B8D4 !important; }
21647
21648 .md-cyan-A700-bg {
21649   background-color: #00B8D4 !important;
21650   color: rgba(0, 0, 0, 0.87); }
21651
21652 .cyan-A700-fg {
21653   color: #00B8D4 !important; }
21654
21655 .cyan-A700-border {
21656   border-color: #00B8D4 !important; }
21657
21658 .cyan-A700-border-top {
21659   border-top-color: #00B8D4 !important; }
21660
21661 .cyan-A700-border-right {
21662   border-right-color: #00B8D4 !important; }
21663
21664 .cyan-A700-border-bottom {
21665   border-bottom-color: #00B8D4 !important; }
21666
21667 .cyan-A700-border-left {
21668   border-left-color: #00B8D4 !important; }
21669
21670 .teal-50-bg {
21671   background-color: #E0F2F1 !important; }
21672
21673 .md-teal-50-bg {
21674   background-color: #E0F2F1 !important;
21675   color: rgba(0, 0, 0, 0.87); }
21676
21677 .teal-50-fg {
21678   color: #E0F2F1 !important; }
21679
21680 .teal-50-border {
21681   border-color: #E0F2F1 !important; }
21682
21683 .teal-50-border-top {
21684   border-top-color: #E0F2F1 !important; }
21685
21686 .teal-50-border-right {
21687   border-right-color: #E0F2F1 !important; }
21688
21689 .teal-50-border-bottom {
21690   border-bottom-color: #E0F2F1 !important; }
21691
21692 .teal-50-border-left {
21693   border-left-color: #E0F2F1 !important; }
21694
21695 .teal-100-bg {
21696   background-color: #B2DFDB !important; }
21697
21698 .md-teal-100-bg {
21699   background-color: #B2DFDB !important;
21700   color: rgba(0, 0, 0, 0.87); }
21701
21702 .teal-100-fg {
21703   color: #B2DFDB !important; }
21704
21705 .teal-100-border {
21706   border-color: #B2DFDB !important; }
21707
21708 .teal-100-border-top {
21709   border-top-color: #B2DFDB !important; }
21710
21711 .teal-100-border-right {
21712   border-right-color: #B2DFDB !important; }
21713
21714 .teal-100-border-bottom {
21715   border-bottom-color: #B2DFDB !important; }
21716
21717 .teal-100-border-left {
21718   border-left-color: #B2DFDB !important; }
21719
21720 .teal-200-bg {
21721   background-color: #80CBC4 !important; }
21722
21723 .md-teal-200-bg {
21724   background-color: #80CBC4 !important;
21725   color: rgba(0, 0, 0, 0.87); }
21726
21727 .teal-200-fg {
21728   color: #80CBC4 !important; }
21729
21730 .teal-200-border {
21731   border-color: #80CBC4 !important; }
21732
21733 .teal-200-border-top {
21734   border-top-color: #80CBC4 !important; }
21735
21736 .teal-200-border-right {
21737   border-right-color: #80CBC4 !important; }
21738
21739 .teal-200-border-bottom {
21740   border-bottom-color: #80CBC4 !important; }
21741
21742 .teal-200-border-left {
21743   border-left-color: #80CBC4 !important; }
21744
21745 .teal-300-bg {
21746   background-color: #4DB6AC !important; }
21747
21748 .md-teal-300-bg {
21749   background-color: #4DB6AC !important;
21750   color: rgba(0, 0, 0, 0.87); }
21751
21752 .teal-300-fg {
21753   color: #4DB6AC !important; }
21754
21755 .teal-300-border {
21756   border-color: #4DB6AC !important; }
21757
21758 .teal-300-border-top {
21759   border-top-color: #4DB6AC !important; }
21760
21761 .teal-300-border-right {
21762   border-right-color: #4DB6AC !important; }
21763
21764 .teal-300-border-bottom {
21765   border-bottom-color: #4DB6AC !important; }
21766
21767 .teal-300-border-left {
21768   border-left-color: #4DB6AC !important; }
21769
21770 .teal-400-bg {
21771   background-color: #26A69A !important; }
21772
21773 .md-teal-400-bg {
21774   background-color: #26A69A !important;
21775   color: rgba(0, 0, 0, 0.87); }
21776
21777 .teal-400-fg {
21778   color: #26A69A !important; }
21779
21780 .teal-400-border {
21781   border-color: #26A69A !important; }
21782
21783 .teal-400-border-top {
21784   border-top-color: #26A69A !important; }
21785
21786 .teal-400-border-right {
21787   border-right-color: #26A69A !important; }
21788
21789 .teal-400-border-bottom {
21790   border-bottom-color: #26A69A !important; }
21791
21792 .teal-400-border-left {
21793   border-left-color: #26A69A !important; }
21794
21795 .teal-500-bg {
21796   background-color: #009688 !important; }
21797
21798 .md-teal-500-bg {
21799   background-color: #009688 !important;
21800   color: white; }
21801
21802 .teal-500-fg {
21803   color: #009688 !important; }
21804
21805 .teal-500-border {
21806   border-color: #009688 !important; }
21807
21808 .teal-500-border-top {
21809   border-top-color: #009688 !important; }
21810
21811 .teal-500-border-right {
21812   border-right-color: #009688 !important; }
21813
21814 .teal-500-border-bottom {
21815   border-bottom-color: #009688 !important; }
21816
21817 .teal-500-border-left {
21818   border-left-color: #009688 !important; }
21819
21820 .md-teal-bg {
21821   background-color: #009688 !important;
21822   color: white; }
21823
21824 .teal-bg {
21825   background-color: #009688 !important; }
21826
21827 .teal-fg {
21828   color: #009688 !important; }
21829
21830 .teal-border {
21831   border-color: #009688 !important; }
21832
21833 .teal-border-top {
21834   border-top-color: #009688 !important; }
21835
21836 .teal-border-right {
21837   border-right-color: #009688 !important; }
21838
21839 .teal-border-bottom {
21840   border-bottom-color: #009688 !important; }
21841
21842 .teal-border-left {
21843   border-left-color: #009688 !important; }
21844
21845 .teal-600-bg {
21846   background-color: #00897B !important; }
21847
21848 .md-teal-600-bg {
21849   background-color: #00897B !important;
21850   color: white; }
21851
21852 .teal-600-fg {
21853   color: #00897B !important; }
21854
21855 .teal-600-border {
21856   border-color: #00897B !important; }
21857
21858 .teal-600-border-top {
21859   border-top-color: #00897B !important; }
21860
21861 .teal-600-border-right {
21862   border-right-color: #00897B !important; }
21863
21864 .teal-600-border-bottom {
21865   border-bottom-color: #00897B !important; }
21866
21867 .teal-600-border-left {
21868   border-left-color: #00897B !important; }
21869
21870 .teal-700-bg {
21871   background-color: #00796B !important; }
21872
21873 .md-teal-700-bg {
21874   background-color: #00796B !important;
21875   color: white; }
21876
21877 .teal-700-fg {
21878   color: #00796B !important; }
21879
21880 .teal-700-border {
21881   border-color: #00796B !important; }
21882
21883 .teal-700-border-top {
21884   border-top-color: #00796B !important; }
21885
21886 .teal-700-border-right {
21887   border-right-color: #00796B !important; }
21888
21889 .teal-700-border-bottom {
21890   border-bottom-color: #00796B !important; }
21891
21892 .teal-700-border-left {
21893   border-left-color: #00796B !important; }
21894
21895 .teal-800-bg {
21896   background-color: #00695C !important; }
21897
21898 .md-teal-800-bg {
21899   background-color: #00695C !important;
21900   color: rgba(255, 255, 255, 0.87); }
21901
21902 .teal-800-fg {
21903   color: #00695C !important; }
21904
21905 .teal-800-border {
21906   border-color: #00695C !important; }
21907
21908 .teal-800-border-top {
21909   border-top-color: #00695C !important; }
21910
21911 .teal-800-border-right {
21912   border-right-color: #00695C !important; }
21913
21914 .teal-800-border-bottom {
21915   border-bottom-color: #00695C !important; }
21916
21917 .teal-800-border-left {
21918   border-left-color: #00695C !important; }
21919
21920 .teal-900-bg {
21921   background-color: #004D40 !important; }
21922
21923 .md-teal-900-bg {
21924   background-color: #004D40 !important;
21925   color: rgba(255, 255, 255, 0.87); }
21926
21927 .teal-900-fg {
21928   color: #004D40 !important; }
21929
21930 .teal-900-border {
21931   border-color: #004D40 !important; }
21932
21933 .teal-900-border-top {
21934   border-top-color: #004D40 !important; }
21935
21936 .teal-900-border-right {
21937   border-right-color: #004D40 !important; }
21938
21939 .teal-900-border-bottom {
21940   border-bottom-color: #004D40 !important; }
21941
21942 .teal-900-border-left {
21943   border-left-color: #004D40 !important; }
21944
21945 .teal-A100-bg {
21946   background-color: #A7FFEB !important; }
21947
21948 .md-teal-A100-bg {
21949   background-color: #A7FFEB !important;
21950   color: rgba(0, 0, 0, 0.87); }
21951
21952 .teal-A100-fg {
21953   color: #A7FFEB !important; }
21954
21955 .teal-A100-border {
21956   border-color: #A7FFEB !important; }
21957
21958 .teal-A100-border-top {
21959   border-top-color: #A7FFEB !important; }
21960
21961 .teal-A100-border-right {
21962   border-right-color: #A7FFEB !important; }
21963
21964 .teal-A100-border-bottom {
21965   border-bottom-color: #A7FFEB !important; }
21966
21967 .teal-A100-border-left {
21968   border-left-color: #A7FFEB !important; }
21969
21970 .teal-A200-bg {
21971   background-color: #64FFDA !important; }
21972
21973 .md-teal-A200-bg {
21974   background-color: #64FFDA !important;
21975   color: rgba(0, 0, 0, 0.87); }
21976
21977 .teal-A200-fg {
21978   color: #64FFDA !important; }
21979
21980 .teal-A200-border {
21981   border-color: #64FFDA !important; }
21982
21983 .teal-A200-border-top {
21984   border-top-color: #64FFDA !important; }
21985
21986 .teal-A200-border-right {
21987   border-right-color: #64FFDA !important; }
21988
21989 .teal-A200-border-bottom {
21990   border-bottom-color: #64FFDA !important; }
21991
21992 .teal-A200-border-left {
21993   border-left-color: #64FFDA !important; }
21994
21995 .teal-A400-bg {
21996   background-color: #1DE9B6 !important; }
21997
21998 .md-teal-A400-bg {
21999   background-color: #1DE9B6 !important;
22000   color: rgba(0, 0, 0, 0.87); }
22001
22002 .teal-A400-fg {
22003   color: #1DE9B6 !important; }
22004
22005 .teal-A400-border {
22006   border-color: #1DE9B6 !important; }
22007
22008 .teal-A400-border-top {
22009   border-top-color: #1DE9B6 !important; }
22010
22011 .teal-A400-border-right {
22012   border-right-color: #1DE9B6 !important; }
22013
22014 .teal-A400-border-bottom {
22015   border-bottom-color: #1DE9B6 !important; }
22016
22017 .teal-A400-border-left {
22018   border-left-color: #1DE9B6 !important; }
22019
22020 .teal-A700-bg {
22021   background-color: #00BFA5 !important; }
22022
22023 .md-teal-A700-bg {
22024   background-color: #00BFA5 !important;
22025   color: rgba(0, 0, 0, 0.87); }
22026
22027 .teal-A700-fg {
22028   color: #00BFA5 !important; }
22029
22030 .teal-A700-border {
22031   border-color: #00BFA5 !important; }
22032
22033 .teal-A700-border-top {
22034   border-top-color: #00BFA5 !important; }
22035
22036 .teal-A700-border-right {
22037   border-right-color: #00BFA5 !important; }
22038
22039 .teal-A700-border-bottom {
22040   border-bottom-color: #00BFA5 !important; }
22041
22042 .teal-A700-border-left {
22043   border-left-color: #00BFA5 !important; }
22044
22045 .green-50-bg {
22046   background-color: #E8F5E9 !important; }
22047
22048 .md-green-50-bg {
22049   background-color: #E8F5E9 !important;
22050   color: rgba(0, 0, 0, 0.87); }
22051
22052 .green-50-fg {
22053   color: #E8F5E9 !important; }
22054
22055 .green-50-border {
22056   border-color: #E8F5E9 !important; }
22057
22058 .green-50-border-top {
22059   border-top-color: #E8F5E9 !important; }
22060
22061 .green-50-border-right {
22062   border-right-color: #E8F5E9 !important; }
22063
22064 .green-50-border-bottom {
22065   border-bottom-color: #E8F5E9 !important; }
22066
22067 .green-50-border-left {
22068   border-left-color: #E8F5E9 !important; }
22069
22070 .green-100-bg {
22071   background-color: #C8E6C9 !important; }
22072
22073 .md-green-100-bg {
22074   background-color: #C8E6C9 !important;
22075   color: rgba(0, 0, 0, 0.87); }
22076
22077 .green-100-fg {
22078   color: #C8E6C9 !important; }
22079
22080 .green-100-border {
22081   border-color: #C8E6C9 !important; }
22082
22083 .green-100-border-top {
22084   border-top-color: #C8E6C9 !important; }
22085
22086 .green-100-border-right {
22087   border-right-color: #C8E6C9 !important; }
22088
22089 .green-100-border-bottom {
22090   border-bottom-color: #C8E6C9 !important; }
22091
22092 .green-100-border-left {
22093   border-left-color: #C8E6C9 !important; }
22094
22095 .green-200-bg {
22096   background-color: #A5D6A7 !important; }
22097
22098 .md-green-200-bg {
22099   background-color: #A5D6A7 !important;
22100   color: rgba(0, 0, 0, 0.87); }
22101
22102 .green-200-fg {
22103   color: #A5D6A7 !important; }
22104
22105 .green-200-border {
22106   border-color: #A5D6A7 !important; }
22107
22108 .green-200-border-top {
22109   border-top-color: #A5D6A7 !important; }
22110
22111 .green-200-border-right {
22112   border-right-color: #A5D6A7 !important; }
22113
22114 .green-200-border-bottom {
22115   border-bottom-color: #A5D6A7 !important; }
22116
22117 .green-200-border-left {
22118   border-left-color: #A5D6A7 !important; }
22119
22120 .green-300-bg {
22121   background-color: #81C784 !important; }
22122
22123 .md-green-300-bg {
22124   background-color: #81C784 !important;
22125   color: rgba(0, 0, 0, 0.87); }
22126
22127 .green-300-fg {
22128   color: #81C784 !important; }
22129
22130 .green-300-border {
22131   border-color: #81C784 !important; }
22132
22133 .green-300-border-top {
22134   border-top-color: #81C784 !important; }
22135
22136 .green-300-border-right {
22137   border-right-color: #81C784 !important; }
22138
22139 .green-300-border-bottom {
22140   border-bottom-color: #81C784 !important; }
22141
22142 .green-300-border-left {
22143   border-left-color: #81C784 !important; }
22144
22145 .green-400-bg {
22146   background-color: #66BB6A !important; }
22147
22148 .md-green-400-bg {
22149   background-color: #66BB6A !important;
22150   color: rgba(0, 0, 0, 0.87); }
22151
22152 .green-400-fg {
22153   color: #66BB6A !important; }
22154
22155 .green-400-border {
22156   border-color: #66BB6A !important; }
22157
22158 .green-400-border-top {
22159   border-top-color: #66BB6A !important; }
22160
22161 .green-400-border-right {
22162   border-right-color: #66BB6A !important; }
22163
22164 .green-400-border-bottom {
22165   border-bottom-color: #66BB6A !important; }
22166
22167 .green-400-border-left {
22168   border-left-color: #66BB6A !important; }
22169
22170 .green-500-bg {
22171   background-color: #4CAF50 !important; }
22172
22173 .md-green-500-bg {
22174   background-color: #4CAF50 !important;
22175   color: rgba(0, 0, 0, 0.87); }
22176
22177 .green-500-fg {
22178   color: #4CAF50 !important; }
22179
22180 .green-500-border {
22181   border-color: #4CAF50 !important; }
22182
22183 .green-500-border-top {
22184   border-top-color: #4CAF50 !important; }
22185
22186 .green-500-border-right {
22187   border-right-color: #4CAF50 !important; }
22188
22189 .green-500-border-bottom {
22190   border-bottom-color: #4CAF50 !important; }
22191
22192 .green-500-border-left {
22193   border-left-color: #4CAF50 !important; }
22194
22195 .md-green-bg {
22196   background-color: #4CAF50 !important;
22197   color: rgba(0, 0, 0, 0.87); }
22198
22199 .green-bg {
22200   background-color: #4CAF50 !important; }
22201
22202 .green-fg {
22203   color: #4CAF50 !important; }
22204
22205 .green-border {
22206   border-color: #4CAF50 !important; }
22207
22208 .green-border-top {
22209   border-top-color: #4CAF50 !important; }
22210
22211 .green-border-right {
22212   border-right-color: #4CAF50 !important; }
22213
22214 .green-border-bottom {
22215   border-bottom-color: #4CAF50 !important; }
22216
22217 .green-border-left {
22218   border-left-color: #4CAF50 !important; }
22219
22220 .green-600-bg {
22221   background-color: #43A047 !important; }
22222
22223 .md-green-600-bg {
22224   background-color: #43A047 !important;
22225   color: white; }
22226
22227 .green-600-fg {
22228   color: #43A047 !important; }
22229
22230 .green-600-border {
22231   border-color: #43A047 !important; }
22232
22233 .green-600-border-top {
22234   border-top-color: #43A047 !important; }
22235
22236 .green-600-border-right {
22237   border-right-color: #43A047 !important; }
22238
22239 .green-600-border-bottom {
22240   border-bottom-color: #43A047 !important; }
22241
22242 .green-600-border-left {
22243   border-left-color: #43A047 !important; }
22244
22245 .green-700-bg {
22246   background-color: #388E3C !important; }
22247
22248 .md-green-700-bg {
22249   background-color: #388E3C !important;
22250   color: white; }
22251
22252 .green-700-fg {
22253   color: #388E3C !important; }
22254
22255 .green-700-border {
22256   border-color: #388E3C !important; }
22257
22258 .green-700-border-top {
22259   border-top-color: #388E3C !important; }
22260
22261 .green-700-border-right {
22262   border-right-color: #388E3C !important; }
22263
22264 .green-700-border-bottom {
22265   border-bottom-color: #388E3C !important; }
22266
22267 .green-700-border-left {
22268   border-left-color: #388E3C !important; }
22269
22270 .green-800-bg {
22271   background-color: #2E7D32 !important; }
22272
22273 .md-green-800-bg {
22274   background-color: #2E7D32 !important;
22275   color: rgba(255, 255, 255, 0.87); }
22276
22277 .green-800-fg {
22278   color: #2E7D32 !important; }
22279
22280 .green-800-border {
22281   border-color: #2E7D32 !important; }
22282
22283 .green-800-border-top {
22284   border-top-color: #2E7D32 !important; }
22285
22286 .green-800-border-right {
22287   border-right-color: #2E7D32 !important; }
22288
22289 .green-800-border-bottom {
22290   border-bottom-color: #2E7D32 !important; }
22291
22292 .green-800-border-left {
22293   border-left-color: #2E7D32 !important; }
22294
22295 .green-900-bg {
22296   background-color: #1B5E20 !important; }
22297
22298 .md-green-900-bg {
22299   background-color: #1B5E20 !important;
22300   color: rgba(255, 255, 255, 0.87); }
22301
22302 .green-900-fg {
22303   color: #1B5E20 !important; }
22304
22305 .green-900-border {
22306   border-color: #1B5E20 !important; }
22307
22308 .green-900-border-top {
22309   border-top-color: #1B5E20 !important; }
22310
22311 .green-900-border-right {
22312   border-right-color: #1B5E20 !important; }
22313
22314 .green-900-border-bottom {
22315   border-bottom-color: #1B5E20 !important; }
22316
22317 .green-900-border-left {
22318   border-left-color: #1B5E20 !important; }
22319
22320 .green-A100-bg {
22321   background-color: #B9F6CA !important; }
22322
22323 .md-green-A100-bg {
22324   background-color: #B9F6CA !important;
22325   color: rgba(0, 0, 0, 0.87); }
22326
22327 .green-A100-fg {
22328   color: #B9F6CA !important; }
22329
22330 .green-A100-border {
22331   border-color: #B9F6CA !important; }
22332
22333 .green-A100-border-top {
22334   border-top-color: #B9F6CA !important; }
22335
22336 .green-A100-border-right {
22337   border-right-color: #B9F6CA !important; }
22338
22339 .green-A100-border-bottom {
22340   border-bottom-color: #B9F6CA !important; }
22341
22342 .green-A100-border-left {
22343   border-left-color: #B9F6CA !important; }
22344
22345 .green-A200-bg {
22346   background-color: #69F0AE !important; }
22347
22348 .md-green-A200-bg {
22349   background-color: #69F0AE !important;
22350   color: rgba(0, 0, 0, 0.87); }
22351
22352 .green-A200-fg {
22353   color: #69F0AE !important; }
22354
22355 .green-A200-border {
22356   border-color: #69F0AE !important; }
22357
22358 .green-A200-border-top {
22359   border-top-color: #69F0AE !important; }
22360
22361 .green-A200-border-right {
22362   border-right-color: #69F0AE !important; }
22363
22364 .green-A200-border-bottom {
22365   border-bottom-color: #69F0AE !important; }
22366
22367 .green-A200-border-left {
22368   border-left-color: #69F0AE !important; }
22369
22370 .green-A400-bg {
22371   background-color: #00E676 !important; }
22372
22373 .md-green-A400-bg {
22374   background-color: #00E676 !important;
22375   color: rgba(0, 0, 0, 0.87); }
22376
22377 .green-A400-fg {
22378   color: #00E676 !important; }
22379
22380 .green-A400-border {
22381   border-color: #00E676 !important; }
22382
22383 .green-A400-border-top {
22384   border-top-color: #00E676 !important; }
22385
22386 .green-A400-border-right {
22387   border-right-color: #00E676 !important; }
22388
22389 .green-A400-border-bottom {
22390   border-bottom-color: #00E676 !important; }
22391
22392 .green-A400-border-left {
22393   border-left-color: #00E676 !important; }
22394
22395 .green-A700-bg {
22396   background-color: #00C853 !important; }
22397
22398 .md-green-A700-bg {
22399   background-color: #00C853 !important;
22400   color: rgba(0, 0, 0, 0.87); }
22401
22402 .green-A700-fg {
22403   color: #00C853 !important; }
22404
22405 .green-A700-border {
22406   border-color: #00C853 !important; }
22407
22408 .green-A700-border-top {
22409   border-top-color: #00C853 !important; }
22410
22411 .green-A700-border-right {
22412   border-right-color: #00C853 !important; }
22413
22414 .green-A700-border-bottom {
22415   border-bottom-color: #00C853 !important; }
22416
22417 .green-A700-border-left {
22418   border-left-color: #00C853 !important; }
22419
22420 .light-green-50-bg {
22421   background-color: #F1F8E9 !important; }
22422
22423 .md-light-green-50-bg {
22424   background-color: #F1F8E9 !important;
22425   color: rgba(0, 0, 0, 0.87); }
22426
22427 .light-green-50-fg {
22428   color: #F1F8E9 !important; }
22429
22430 .light-green-50-border {
22431   border-color: #F1F8E9 !important; }
22432
22433 .light-green-50-border-top {
22434   border-top-color: #F1F8E9 !important; }
22435
22436 .light-green-50-border-right {
22437   border-right-color: #F1F8E9 !important; }
22438
22439 .light-green-50-border-bottom {
22440   border-bottom-color: #F1F8E9 !important; }
22441
22442 .light-green-50-border-left {
22443   border-left-color: #F1F8E9 !important; }
22444
22445 .light-green-100-bg {
22446   background-color: #DCEDC8 !important; }
22447
22448 .md-light-green-100-bg {
22449   background-color: #DCEDC8 !important;
22450   color: rgba(0, 0, 0, 0.87); }
22451
22452 .light-green-100-fg {
22453   color: #DCEDC8 !important; }
22454
22455 .light-green-100-border {
22456   border-color: #DCEDC8 !important; }
22457
22458 .light-green-100-border-top {
22459   border-top-color: #DCEDC8 !important; }
22460
22461 .light-green-100-border-right {
22462   border-right-color: #DCEDC8 !important; }
22463
22464 .light-green-100-border-bottom {
22465   border-bottom-color: #DCEDC8 !important; }
22466
22467 .light-green-100-border-left {
22468   border-left-color: #DCEDC8 !important; }
22469
22470 .light-green-200-bg {
22471   background-color: #C5E1A5 !important; }
22472
22473 .md-light-green-200-bg {
22474   background-color: #C5E1A5 !important;
22475   color: rgba(0, 0, 0, 0.87); }
22476
22477 .light-green-200-fg {
22478   color: #C5E1A5 !important; }
22479
22480 .light-green-200-border {
22481   border-color: #C5E1A5 !important; }
22482
22483 .light-green-200-border-top {
22484   border-top-color: #C5E1A5 !important; }
22485
22486 .light-green-200-border-right {
22487   border-right-color: #C5E1A5 !important; }
22488
22489 .light-green-200-border-bottom {
22490   border-bottom-color: #C5E1A5 !important; }
22491
22492 .light-green-200-border-left {
22493   border-left-color: #C5E1A5 !important; }
22494
22495 .light-green-300-bg {
22496   background-color: #AED581 !important; }
22497
22498 .md-light-green-300-bg {
22499   background-color: #AED581 !important;
22500   color: rgba(0, 0, 0, 0.87); }
22501
22502 .light-green-300-fg {
22503   color: #AED581 !important; }
22504
22505 .light-green-300-border {
22506   border-color: #AED581 !important; }
22507
22508 .light-green-300-border-top {
22509   border-top-color: #AED581 !important; }
22510
22511 .light-green-300-border-right {
22512   border-right-color: #AED581 !important; }
22513
22514 .light-green-300-border-bottom {
22515   border-bottom-color: #AED581 !important; }
22516
22517 .light-green-300-border-left {
22518   border-left-color: #AED581 !important; }
22519
22520 .light-green-400-bg {
22521   background-color: #9CCC65 !important; }
22522
22523 .md-light-green-400-bg {
22524   background-color: #9CCC65 !important;
22525   color: rgba(0, 0, 0, 0.87); }
22526
22527 .light-green-400-fg {
22528   color: #9CCC65 !important; }
22529
22530 .light-green-400-border {
22531   border-color: #9CCC65 !important; }
22532
22533 .light-green-400-border-top {
22534   border-top-color: #9CCC65 !important; }
22535
22536 .light-green-400-border-right {
22537   border-right-color: #9CCC65 !important; }
22538
22539 .light-green-400-border-bottom {
22540   border-bottom-color: #9CCC65 !important; }
22541
22542 .light-green-400-border-left {
22543   border-left-color: #9CCC65 !important; }
22544
22545 .light-green-500-bg {
22546   background-color: #8BC34A !important; }
22547
22548 .md-light-green-500-bg {
22549   background-color: #8BC34A !important;
22550   color: rgba(0, 0, 0, 0.87); }
22551
22552 .light-green-500-fg {
22553   color: #8BC34A !important; }
22554
22555 .light-green-500-border {
22556   border-color: #8BC34A !important; }
22557
22558 .light-green-500-border-top {
22559   border-top-color: #8BC34A !important; }
22560
22561 .light-green-500-border-right {
22562   border-right-color: #8BC34A !important; }
22563
22564 .light-green-500-border-bottom {
22565   border-bottom-color: #8BC34A !important; }
22566
22567 .light-green-500-border-left {
22568   border-left-color: #8BC34A !important; }
22569
22570 .md-light-green-bg {
22571   background-color: #8BC34A !important;
22572   color: rgba(0, 0, 0, 0.87); }
22573
22574 .light-green-bg {
22575   background-color: #8BC34A !important; }
22576
22577 .light-green-fg {
22578   color: #8BC34A !important; }
22579
22580 .light-green-border {
22581   border-color: #8BC34A !important; }
22582
22583 .light-green-border-top {
22584   border-top-color: #8BC34A !important; }
22585
22586 .light-green-border-right {
22587   border-right-color: #8BC34A !important; }
22588
22589 .light-green-border-bottom {
22590   border-bottom-color: #8BC34A !important; }
22591
22592 .light-green-border-left {
22593   border-left-color: #8BC34A !important; }
22594
22595 .light-green-600-bg {
22596   background-color: #7CB342 !important; }
22597
22598 .md-light-green-600-bg {
22599   background-color: #7CB342 !important;
22600   color: rgba(0, 0, 0, 0.87); }
22601
22602 .light-green-600-fg {
22603   color: #7CB342 !important; }
22604
22605 .light-green-600-border {
22606   border-color: #7CB342 !important; }
22607
22608 .light-green-600-border-top {
22609   border-top-color: #7CB342 !important; }
22610
22611 .light-green-600-border-right {
22612   border-right-color: #7CB342 !important; }
22613
22614 .light-green-600-border-bottom {
22615   border-bottom-color: #7CB342 !important; }
22616
22617 .light-green-600-border-left {
22618   border-left-color: #7CB342 !important; }
22619
22620 .light-green-700-bg {
22621   background-color: #689F38 !important; }
22622
22623 .md-light-green-700-bg {
22624   background-color: #689F38 !important;
22625   color: white; }
22626
22627 .light-green-700-fg {
22628   color: #689F38 !important; }
22629
22630 .light-green-700-border {
22631   border-color: #689F38 !important; }
22632
22633 .light-green-700-border-top {
22634   border-top-color: #689F38 !important; }
22635
22636 .light-green-700-border-right {
22637   border-right-color: #689F38 !important; }
22638
22639 .light-green-700-border-bottom {
22640   border-bottom-color: #689F38 !important; }
22641
22642 .light-green-700-border-left {
22643   border-left-color: #689F38 !important; }
22644
22645 .light-green-800-bg {
22646   background-color: #558B2F !important; }
22647
22648 .md-light-green-800-bg {
22649   background-color: #558B2F !important;
22650   color: white; }
22651
22652 .light-green-800-fg {
22653   color: #558B2F !important; }
22654
22655 .light-green-800-border {
22656   border-color: #558B2F !important; }
22657
22658 .light-green-800-border-top {
22659   border-top-color: #558B2F !important; }
22660
22661 .light-green-800-border-right {
22662   border-right-color: #558B2F !important; }
22663
22664 .light-green-800-border-bottom {
22665   border-bottom-color: #558B2F !important; }
22666
22667 .light-green-800-border-left {
22668   border-left-color: #558B2F !important; }
22669
22670 .light-green-900-bg {
22671   background-color: #33691E !important; }
22672
22673 .md-light-green-900-bg {
22674   background-color: #33691E !important;
22675   color: white; }
22676
22677 .light-green-900-fg {
22678   color: #33691E !important; }
22679
22680 .light-green-900-border {
22681   border-color: #33691E !important; }
22682
22683 .light-green-900-border-top {
22684   border-top-color: #33691E !important; }
22685
22686 .light-green-900-border-right {
22687   border-right-color: #33691E !important; }
22688
22689 .light-green-900-border-bottom {
22690   border-bottom-color: #33691E !important; }
22691
22692 .light-green-900-border-left {
22693   border-left-color: #33691E !important; }
22694
22695 .light-green-A100-bg {
22696   background-color: #CCFF90 !important; }
22697
22698 .md-light-green-A100-bg {
22699   background-color: #CCFF90 !important;
22700   color: rgba(0, 0, 0, 0.87); }
22701
22702 .light-green-A100-fg {
22703   color: #CCFF90 !important; }
22704
22705 .light-green-A100-border {
22706   border-color: #CCFF90 !important; }
22707
22708 .light-green-A100-border-top {
22709   border-top-color: #CCFF90 !important; }
22710
22711 .light-green-A100-border-right {
22712   border-right-color: #CCFF90 !important; }
22713
22714 .light-green-A100-border-bottom {
22715   border-bottom-color: #CCFF90 !important; }
22716
22717 .light-green-A100-border-left {
22718   border-left-color: #CCFF90 !important; }
22719
22720 .light-green-A200-bg {
22721   background-color: #B2FF59 !important; }
22722
22723 .md-light-green-A200-bg {
22724   background-color: #B2FF59 !important;
22725   color: rgba(0, 0, 0, 0.87); }
22726
22727 .light-green-A200-fg {
22728   color: #B2FF59 !important; }
22729
22730 .light-green-A200-border {
22731   border-color: #B2FF59 !important; }
22732
22733 .light-green-A200-border-top {
22734   border-top-color: #B2FF59 !important; }
22735
22736 .light-green-A200-border-right {
22737   border-right-color: #B2FF59 !important; }
22738
22739 .light-green-A200-border-bottom {
22740   border-bottom-color: #B2FF59 !important; }
22741
22742 .light-green-A200-border-left {
22743   border-left-color: #B2FF59 !important; }
22744
22745 .light-green-A400-bg {
22746   background-color: #76FF03 !important; }
22747
22748 .md-light-green-A400-bg {
22749   background-color: #76FF03 !important;
22750   color: rgba(0, 0, 0, 0.87); }
22751
22752 .light-green-A400-fg {
22753   color: #76FF03 !important; }
22754
22755 .light-green-A400-border {
22756   border-color: #76FF03 !important; }
22757
22758 .light-green-A400-border-top {
22759   border-top-color: #76FF03 !important; }
22760
22761 .light-green-A400-border-right {
22762   border-right-color: #76FF03 !important; }
22763
22764 .light-green-A400-border-bottom {
22765   border-bottom-color: #76FF03 !important; }
22766
22767 .light-green-A400-border-left {
22768   border-left-color: #76FF03 !important; }
22769
22770 .light-green-A700-bg {
22771   background-color: #64DD17 !important; }
22772
22773 .md-light-green-A700-bg {
22774   background-color: #64DD17 !important;
22775   color: rgba(0, 0, 0, 0.87); }
22776
22777 .light-green-A700-fg {
22778   color: #64DD17 !important; }
22779
22780 .light-green-A700-border {
22781   border-color: #64DD17 !important; }
22782
22783 .light-green-A700-border-top {
22784   border-top-color: #64DD17 !important; }
22785
22786 .light-green-A700-border-right {
22787   border-right-color: #64DD17 !important; }
22788
22789 .light-green-A700-border-bottom {
22790   border-bottom-color: #64DD17 !important; }
22791
22792 .light-green-A700-border-left {
22793   border-left-color: #64DD17 !important; }
22794
22795 .lime-50-bg {
22796   background-color: #F9FBE7 !important; }
22797
22798 .md-lime-50-bg {
22799   background-color: #F9FBE7 !important;
22800   color: rgba(0, 0, 0, 0.87); }
22801
22802 .lime-50-fg {
22803   color: #F9FBE7 !important; }
22804
22805 .lime-50-border {
22806   border-color: #F9FBE7 !important; }
22807
22808 .lime-50-border-top {
22809   border-top-color: #F9FBE7 !important; }
22810
22811 .lime-50-border-right {
22812   border-right-color: #F9FBE7 !important; }
22813
22814 .lime-50-border-bottom {
22815   border-bottom-color: #F9FBE7 !important; }
22816
22817 .lime-50-border-left {
22818   border-left-color: #F9FBE7 !important; }
22819
22820 .lime-100-bg {
22821   background-color: #F0F4C3 !important; }
22822
22823 .md-lime-100-bg {
22824   background-color: #F0F4C3 !important;
22825   color: rgba(0, 0, 0, 0.87); }
22826
22827 .lime-100-fg {
22828   color: #F0F4C3 !important; }
22829
22830 .lime-100-border {
22831   border-color: #F0F4C3 !important; }
22832
22833 .lime-100-border-top {
22834   border-top-color: #F0F4C3 !important; }
22835
22836 .lime-100-border-right {
22837   border-right-color: #F0F4C3 !important; }
22838
22839 .lime-100-border-bottom {
22840   border-bottom-color: #F0F4C3 !important; }
22841
22842 .lime-100-border-left {
22843   border-left-color: #F0F4C3 !important; }
22844
22845 .lime-200-bg {
22846   background-color: #E6EE9C !important; }
22847
22848 .md-lime-200-bg {
22849   background-color: #E6EE9C !important;
22850   color: rgba(0, 0, 0, 0.87); }
22851
22852 .lime-200-fg {
22853   color: #E6EE9C !important; }
22854
22855 .lime-200-border {
22856   border-color: #E6EE9C !important; }
22857
22858 .lime-200-border-top {
22859   border-top-color: #E6EE9C !important; }
22860
22861 .lime-200-border-right {
22862   border-right-color: #E6EE9C !important; }
22863
22864 .lime-200-border-bottom {
22865   border-bottom-color: #E6EE9C !important; }
22866
22867 .lime-200-border-left {
22868   border-left-color: #E6EE9C !important; }
22869
22870 .lime-300-bg {
22871   background-color: #DCE775 !important; }
22872
22873 .md-lime-300-bg {
22874   background-color: #DCE775 !important;
22875   color: rgba(0, 0, 0, 0.87); }
22876
22877 .lime-300-fg {
22878   color: #DCE775 !important; }
22879
22880 .lime-300-border {
22881   border-color: #DCE775 !important; }
22882
22883 .lime-300-border-top {
22884   border-top-color: #DCE775 !important; }
22885
22886 .lime-300-border-right {
22887   border-right-color: #DCE775 !important; }
22888
22889 .lime-300-border-bottom {
22890   border-bottom-color: #DCE775 !important; }
22891
22892 .lime-300-border-left {
22893   border-left-color: #DCE775 !important; }
22894
22895 .lime-400-bg {
22896   background-color: #D4E157 !important; }
22897
22898 .md-lime-400-bg {
22899   background-color: #D4E157 !important;
22900   color: rgba(0, 0, 0, 0.87); }
22901
22902 .lime-400-fg {
22903   color: #D4E157 !important; }
22904
22905 .lime-400-border {
22906   border-color: #D4E157 !important; }
22907
22908 .lime-400-border-top {
22909   border-top-color: #D4E157 !important; }
22910
22911 .lime-400-border-right {
22912   border-right-color: #D4E157 !important; }
22913
22914 .lime-400-border-bottom {
22915   border-bottom-color: #D4E157 !important; }
22916
22917 .lime-400-border-left {
22918   border-left-color: #D4E157 !important; }
22919
22920 .lime-500-bg {
22921   background-color: #CDDC39 !important; }
22922
22923 .md-lime-500-bg {
22924   background-color: #CDDC39 !important;
22925   color: rgba(0, 0, 0, 0.87); }
22926
22927 .lime-500-fg {
22928   color: #CDDC39 !important; }
22929
22930 .lime-500-border {
22931   border-color: #CDDC39 !important; }
22932
22933 .lime-500-border-top {
22934   border-top-color: #CDDC39 !important; }
22935
22936 .lime-500-border-right {
22937   border-right-color: #CDDC39 !important; }
22938
22939 .lime-500-border-bottom {
22940   border-bottom-color: #CDDC39 !important; }
22941
22942 .lime-500-border-left {
22943   border-left-color: #CDDC39 !important; }
22944
22945 .md-lime-bg {
22946   background-color: #CDDC39 !important;
22947   color: rgba(0, 0, 0, 0.87); }
22948
22949 .lime-bg {
22950   background-color: #CDDC39 !important; }
22951
22952 .lime-fg {
22953   color: #CDDC39 !important; }
22954
22955 .lime-border {
22956   border-color: #CDDC39 !important; }
22957
22958 .lime-border-top {
22959   border-top-color: #CDDC39 !important; }
22960
22961 .lime-border-right {
22962   border-right-color: #CDDC39 !important; }
22963
22964 .lime-border-bottom {
22965   border-bottom-color: #CDDC39 !important; }
22966
22967 .lime-border-left {
22968   border-left-color: #CDDC39 !important; }
22969
22970 .lime-600-bg {
22971   background-color: #C0CA33 !important; }
22972
22973 .md-lime-600-bg {
22974   background-color: #C0CA33 !important;
22975   color: rgba(0, 0, 0, 0.87); }
22976
22977 .lime-600-fg {
22978   color: #C0CA33 !important; }
22979
22980 .lime-600-border {
22981   border-color: #C0CA33 !important; }
22982
22983 .lime-600-border-top {
22984   border-top-color: #C0CA33 !important; }
22985
22986 .lime-600-border-right {
22987   border-right-color: #C0CA33 !important; }
22988
22989 .lime-600-border-bottom {
22990   border-bottom-color: #C0CA33 !important; }
22991
22992 .lime-600-border-left {
22993   border-left-color: #C0CA33 !important; }
22994
22995 .lime-700-bg {
22996   background-color: #AFB42B !important; }
22997
22998 .md-lime-700-bg {
22999   background-color: #AFB42B !important;
23000   color: rgba(0, 0, 0, 0.87); }
23001
23002 .lime-700-fg {
23003   color: #AFB42B !important; }
23004
23005 .lime-700-border {
23006   border-color: #AFB42B !important; }
23007
23008 .lime-700-border-top {
23009   border-top-color: #AFB42B !important; }
23010
23011 .lime-700-border-right {
23012   border-right-color: #AFB42B !important; }
23013
23014 .lime-700-border-bottom {
23015   border-bottom-color: #AFB42B !important; }
23016
23017 .lime-700-border-left {
23018   border-left-color: #AFB42B !important; }
23019
23020 .lime-800-bg {
23021   background-color: #9E9D24 !important; }
23022
23023 .md-lime-800-bg {
23024   background-color: #9E9D24 !important;
23025   color: rgba(0, 0, 0, 0.87); }
23026
23027 .lime-800-fg {
23028   color: #9E9D24 !important; }
23029
23030 .lime-800-border {
23031   border-color: #9E9D24 !important; }
23032
23033 .lime-800-border-top {
23034   border-top-color: #9E9D24 !important; }
23035
23036 .lime-800-border-right {
23037   border-right-color: #9E9D24 !important; }
23038
23039 .lime-800-border-bottom {
23040   border-bottom-color: #9E9D24 !important; }
23041
23042 .lime-800-border-left {
23043   border-left-color: #9E9D24 !important; }
23044
23045 .lime-900-bg {
23046   background-color: #827717 !important; }
23047
23048 .md-lime-900-bg {
23049   background-color: #827717 !important;
23050   color: white; }
23051
23052 .lime-900-fg {
23053   color: #827717 !important; }
23054
23055 .lime-900-border {
23056   border-color: #827717 !important; }
23057
23058 .lime-900-border-top {
23059   border-top-color: #827717 !important; }
23060
23061 .lime-900-border-right {
23062   border-right-color: #827717 !important; }
23063
23064 .lime-900-border-bottom {
23065   border-bottom-color: #827717 !important; }
23066
23067 .lime-900-border-left {
23068   border-left-color: #827717 !important; }
23069
23070 .lime-A100-bg {
23071   background-color: #F4FF81 !important; }
23072
23073 .md-lime-A100-bg {
23074   background-color: #F4FF81 !important;
23075   color: rgba(0, 0, 0, 0.87); }
23076
23077 .lime-A100-fg {
23078   color: #F4FF81 !important; }
23079
23080 .lime-A100-border {
23081   border-color: #F4FF81 !important; }
23082
23083 .lime-A100-border-top {
23084   border-top-color: #F4FF81 !important; }
23085
23086 .lime-A100-border-right {
23087   border-right-color: #F4FF81 !important; }
23088
23089 .lime-A100-border-bottom {
23090   border-bottom-color: #F4FF81 !important; }
23091
23092 .lime-A100-border-left {
23093   border-left-color: #F4FF81 !important; }
23094
23095 .lime-A200-bg {
23096   background-color: #EEFF41 !important; }
23097
23098 .md-lime-A200-bg {
23099   background-color: #EEFF41 !important;
23100   color: rgba(0, 0, 0, 0.87); }
23101
23102 .lime-A200-fg {
23103   color: #EEFF41 !important; }
23104
23105 .lime-A200-border {
23106   border-color: #EEFF41 !important; }
23107
23108 .lime-A200-border-top {
23109   border-top-color: #EEFF41 !important; }
23110
23111 .lime-A200-border-right {
23112   border-right-color: #EEFF41 !important; }
23113
23114 .lime-A200-border-bottom {
23115   border-bottom-color: #EEFF41 !important; }
23116
23117 .lime-A200-border-left {
23118   border-left-color: #EEFF41 !important; }
23119
23120 .lime-A400-bg {
23121   background-color: #C6FF00 !important; }
23122
23123 .md-lime-A400-bg {
23124   background-color: #C6FF00 !important;
23125   color: rgba(0, 0, 0, 0.87); }
23126
23127 .lime-A400-fg {
23128   color: #C6FF00 !important; }
23129
23130 .lime-A400-border {
23131   border-color: #C6FF00 !important; }
23132
23133 .lime-A400-border-top {
23134   border-top-color: #C6FF00 !important; }
23135
23136 .lime-A400-border-right {
23137   border-right-color: #C6FF00 !important; }
23138
23139 .lime-A400-border-bottom {
23140   border-bottom-color: #C6FF00 !important; }
23141
23142 .lime-A400-border-left {
23143   border-left-color: #C6FF00 !important; }
23144
23145 .lime-A700-bg {
23146   background-color: #AEEA00 !important; }
23147
23148 .md-lime-A700-bg {
23149   background-color: #AEEA00 !important;
23150   color: rgba(0, 0, 0, 0.87); }
23151
23152 .lime-A700-fg {
23153   color: #AEEA00 !important; }
23154
23155 .lime-A700-border {
23156   border-color: #AEEA00 !important; }
23157
23158 .lime-A700-border-top {
23159   border-top-color: #AEEA00 !important; }
23160
23161 .lime-A700-border-right {
23162   border-right-color: #AEEA00 !important; }
23163
23164 .lime-A700-border-bottom {
23165   border-bottom-color: #AEEA00 !important; }
23166
23167 .lime-A700-border-left {
23168   border-left-color: #AEEA00 !important; }
23169
23170 .yellow-50-bg {
23171   background-color: #FFFDE7 !important; }
23172
23173 .md-yellow-50-bg {
23174   background-color: #FFFDE7 !important;
23175   color: rgba(0, 0, 0, 0.87); }
23176
23177 .yellow-50-fg {
23178   color: #FFFDE7 !important; }
23179
23180 .yellow-50-border {
23181   border-color: #FFFDE7 !important; }
23182
23183 .yellow-50-border-top {
23184   border-top-color: #FFFDE7 !important; }
23185
23186 .yellow-50-border-right {
23187   border-right-color: #FFFDE7 !important; }
23188
23189 .yellow-50-border-bottom {
23190   border-bottom-color: #FFFDE7 !important; }
23191
23192 .yellow-50-border-left {
23193   border-left-color: #FFFDE7 !important; }
23194
23195 .yellow-100-bg {
23196   background-color: #FFF9C4 !important; }
23197
23198 .md-yellow-100-bg {
23199   background-color: #FFF9C4 !important;
23200   color: rgba(0, 0, 0, 0.87); }
23201
23202 .yellow-100-fg {
23203   color: #FFF9C4 !important; }
23204
23205 .yellow-100-border {
23206   border-color: #FFF9C4 !important; }
23207
23208 .yellow-100-border-top {
23209   border-top-color: #FFF9C4 !important; }
23210
23211 .yellow-100-border-right {
23212   border-right-color: #FFF9C4 !important; }
23213
23214 .yellow-100-border-bottom {
23215   border-bottom-color: #FFF9C4 !important; }
23216
23217 .yellow-100-border-left {
23218   border-left-color: #FFF9C4 !important; }
23219
23220 .yellow-200-bg {
23221   background-color: #FFF59D !important; }
23222
23223 .md-yellow-200-bg {
23224   background-color: #FFF59D !important;
23225   color: rgba(0, 0, 0, 0.87); }
23226
23227 .yellow-200-fg {
23228   color: #FFF59D !important; }
23229
23230 .yellow-200-border {
23231   border-color: #FFF59D !important; }
23232
23233 .yellow-200-border-top {
23234   border-top-color: #FFF59D !important; }
23235
23236 .yellow-200-border-right {
23237   border-right-color: #FFF59D !important; }
23238
23239 .yellow-200-border-bottom {
23240   border-bottom-color: #FFF59D !important; }
23241
23242 .yellow-200-border-left {
23243   border-left-color: #FFF59D !important; }
23244
23245 .yellow-300-bg {
23246   background-color: #FFF176 !important; }
23247
23248 .md-yellow-300-bg {
23249   background-color: #FFF176 !important;
23250   color: rgba(0, 0, 0, 0.87); }
23251
23252 .yellow-300-fg {
23253   color: #FFF176 !important; }
23254
23255 .yellow-300-border {
23256   border-color: #FFF176 !important; }
23257
23258 .yellow-300-border-top {
23259   border-top-color: #FFF176 !important; }
23260
23261 .yellow-300-border-right {
23262   border-right-color: #FFF176 !important; }
23263
23264 .yellow-300-border-bottom {
23265   border-bottom-color: #FFF176 !important; }
23266
23267 .yellow-300-border-left {
23268   border-left-color: #FFF176 !important; }
23269
23270 .yellow-400-bg {
23271   background-color: #FFEE58 !important; }
23272
23273 .md-yellow-400-bg {
23274   background-color: #FFEE58 !important;
23275   color: rgba(0, 0, 0, 0.87); }
23276
23277 .yellow-400-fg {
23278   color: #FFEE58 !important; }
23279
23280 .yellow-400-border {
23281   border-color: #FFEE58 !important; }
23282
23283 .yellow-400-border-top {
23284   border-top-color: #FFEE58 !important; }
23285
23286 .yellow-400-border-right {
23287   border-right-color: #FFEE58 !important; }
23288
23289 .yellow-400-border-bottom {
23290   border-bottom-color: #FFEE58 !important; }
23291
23292 .yellow-400-border-left {
23293   border-left-color: #FFEE58 !important; }
23294
23295 .yellow-500-bg {
23296   background-color: #FFEB3B !important; }
23297
23298 .md-yellow-500-bg {
23299   background-color: #FFEB3B !important;
23300   color: rgba(0, 0, 0, 0.87); }
23301
23302 .yellow-500-fg {
23303   color: #FFEB3B !important; }
23304
23305 .yellow-500-border {
23306   border-color: #FFEB3B !important; }
23307
23308 .yellow-500-border-top {
23309   border-top-color: #FFEB3B !important; }
23310
23311 .yellow-500-border-right {
23312   border-right-color: #FFEB3B !important; }
23313
23314 .yellow-500-border-bottom {
23315   border-bottom-color: #FFEB3B !important; }
23316
23317 .yellow-500-border-left {
23318   border-left-color: #FFEB3B !important; }
23319
23320 .md-yellow-bg {
23321   background-color: #FFEB3B !important;
23322   color: rgba(0, 0, 0, 0.87); }
23323
23324 .yellow-bg {
23325   background-color: #FFEB3B !important; }
23326
23327 .yellow-fg {
23328   color: #FFEB3B !important; }
23329
23330 .yellow-border {
23331   border-color: #FFEB3B !important; }
23332
23333 .yellow-border-top {
23334   border-top-color: #FFEB3B !important; }
23335
23336 .yellow-border-right {
23337   border-right-color: #FFEB3B !important; }
23338
23339 .yellow-border-bottom {
23340   border-bottom-color: #FFEB3B !important; }
23341
23342 .yellow-border-left {
23343   border-left-color: #FFEB3B !important; }
23344
23345 .yellow-600-bg {
23346   background-color: #FDD835 !important; }
23347
23348 .md-yellow-600-bg {
23349   background-color: #FDD835 !important;
23350   color: rgba(0, 0, 0, 0.87); }
23351
23352 .yellow-600-fg {
23353   color: #FDD835 !important; }
23354
23355 .yellow-600-border {
23356   border-color: #FDD835 !important; }
23357
23358 .yellow-600-border-top {
23359   border-top-color: #FDD835 !important; }
23360
23361 .yellow-600-border-right {
23362   border-right-color: #FDD835 !important; }
23363
23364 .yellow-600-border-bottom {
23365   border-bottom-color: #FDD835 !important; }
23366
23367 .yellow-600-border-left {
23368   border-left-color: #FDD835 !important; }
23369
23370 .yellow-700-bg {
23371   background-color: #FBC02D !important; }
23372
23373 .md-yellow-700-bg {
23374   background-color: #FBC02D !important;
23375   color: rgba(0, 0, 0, 0.87); }
23376
23377 .yellow-700-fg {
23378   color: #FBC02D !important; }
23379
23380 .yellow-700-border {
23381   border-color: #FBC02D !important; }
23382
23383 .yellow-700-border-top {
23384   border-top-color: #FBC02D !important; }
23385
23386 .yellow-700-border-right {
23387   border-right-color: #FBC02D !important; }
23388
23389 .yellow-700-border-bottom {
23390   border-bottom-color: #FBC02D !important; }
23391
23392 .yellow-700-border-left {
23393   border-left-color: #FBC02D !important; }
23394
23395 .yellow-800-bg {
23396   background-color: #F9A825 !important; }
23397
23398 .md-yellow-800-bg {
23399   background-color: #F9A825 !important;
23400   color: rgba(0, 0, 0, 0.87); }
23401
23402 .yellow-800-fg {
23403   color: #F9A825 !important; }
23404
23405 .yellow-800-border {
23406   border-color: #F9A825 !important; }
23407
23408 .yellow-800-border-top {
23409   border-top-color: #F9A825 !important; }
23410
23411 .yellow-800-border-right {
23412   border-right-color: #F9A825 !important; }
23413
23414 .yellow-800-border-bottom {
23415   border-bottom-color: #F9A825 !important; }
23416
23417 .yellow-800-border-left {
23418   border-left-color: #F9A825 !important; }
23419
23420 .yellow-900-bg {
23421   background-color: #F57F17 !important; }
23422
23423 .md-yellow-900-bg {
23424   background-color: #F57F17 !important;
23425   color: rgba(0, 0, 0, 0.87); }
23426
23427 .yellow-900-fg {
23428   color: #F57F17 !important; }
23429
23430 .yellow-900-border {
23431   border-color: #F57F17 !important; }
23432
23433 .yellow-900-border-top {
23434   border-top-color: #F57F17 !important; }
23435
23436 .yellow-900-border-right {
23437   border-right-color: #F57F17 !important; }
23438
23439 .yellow-900-border-bottom {
23440   border-bottom-color: #F57F17 !important; }
23441
23442 .yellow-900-border-left {
23443   border-left-color: #F57F17 !important; }
23444
23445 .yellow-A100-bg {
23446   background-color: #FFFF8D !important; }
23447
23448 .md-yellow-A100-bg {
23449   background-color: #FFFF8D !important;
23450   color: rgba(0, 0, 0, 0.87); }
23451
23452 .yellow-A100-fg {
23453   color: #FFFF8D !important; }
23454
23455 .yellow-A100-border {
23456   border-color: #FFFF8D !important; }
23457
23458 .yellow-A100-border-top {
23459   border-top-color: #FFFF8D !important; }
23460
23461 .yellow-A100-border-right {
23462   border-right-color: #FFFF8D !important; }
23463
23464 .yellow-A100-border-bottom {
23465   border-bottom-color: #FFFF8D !important; }
23466
23467 .yellow-A100-border-left {
23468   border-left-color: #FFFF8D !important; }
23469
23470 .yellow-A200-bg {
23471   background-color: #FFFF00 !important; }
23472
23473 .md-yellow-A200-bg {
23474   background-color: #FFFF00 !important;
23475   color: rgba(0, 0, 0, 0.87); }
23476
23477 .yellow-A200-fg {
23478   color: #FFFF00 !important; }
23479
23480 .yellow-A200-border {
23481   border-color: #FFFF00 !important; }
23482
23483 .yellow-A200-border-top {
23484   border-top-color: #FFFF00 !important; }
23485
23486 .yellow-A200-border-right {
23487   border-right-color: #FFFF00 !important; }
23488
23489 .yellow-A200-border-bottom {
23490   border-bottom-color: #FFFF00 !important; }
23491
23492 .yellow-A200-border-left {
23493   border-left-color: #FFFF00 !important; }
23494
23495 .yellow-A400-bg {
23496   background-color: #FFEA00 !important; }
23497
23498 .md-yellow-A400-bg {
23499   background-color: #FFEA00 !important;
23500   color: rgba(0, 0, 0, 0.87); }
23501
23502 .yellow-A400-fg {
23503   color: #FFEA00 !important; }
23504
23505 .yellow-A400-border {
23506   border-color: #FFEA00 !important; }
23507
23508 .yellow-A400-border-top {
23509   border-top-color: #FFEA00 !important; }
23510
23511 .yellow-A400-border-right {
23512   border-right-color: #FFEA00 !important; }
23513
23514 .yellow-A400-border-bottom {
23515   border-bottom-color: #FFEA00 !important; }
23516
23517 .yellow-A400-border-left {
23518   border-left-color: #FFEA00 !important; }
23519
23520 .yellow-A700-bg {
23521   background-color: #FFD600 !important; }
23522
23523 .md-yellow-A700-bg {
23524   background-color: #FFD600 !important;
23525   color: rgba(0, 0, 0, 0.87); }
23526
23527 .yellow-A700-fg {
23528   color: #FFD600 !important; }
23529
23530 .yellow-A700-border {
23531   border-color: #FFD600 !important; }
23532
23533 .yellow-A700-border-top {
23534   border-top-color: #FFD600 !important; }
23535
23536 .yellow-A700-border-right {
23537   border-right-color: #FFD600 !important; }
23538
23539 .yellow-A700-border-bottom {
23540   border-bottom-color: #FFD600 !important; }
23541
23542 .yellow-A700-border-left {
23543   border-left-color: #FFD600 !important; }
23544
23545 .amber-50-bg {
23546   background-color: #FFF8E1 !important; }
23547
23548 .md-amber-50-bg {
23549   background-color: #FFF8E1 !important;
23550   color: rgba(0, 0, 0, 0.87); }
23551
23552 .amber-50-fg {
23553   color: #FFF8E1 !important; }
23554
23555 .amber-50-border {
23556   border-color: #FFF8E1 !important; }
23557
23558 .amber-50-border-top {
23559   border-top-color: #FFF8E1 !important; }
23560
23561 .amber-50-border-right {
23562   border-right-color: #FFF8E1 !important; }
23563
23564 .amber-50-border-bottom {
23565   border-bottom-color: #FFF8E1 !important; }
23566
23567 .amber-50-border-left {
23568   border-left-color: #FFF8E1 !important; }
23569
23570 .amber-100-bg {
23571   background-color: #FFECB3 !important; }
23572
23573 .md-amber-100-bg {
23574   background-color: #FFECB3 !important;
23575   color: rgba(0, 0, 0, 0.87); }
23576
23577 .amber-100-fg {
23578   color: #FFECB3 !important; }
23579
23580 .amber-100-border {
23581   border-color: #FFECB3 !important; }
23582
23583 .amber-100-border-top {
23584   border-top-color: #FFECB3 !important; }
23585
23586 .amber-100-border-right {
23587   border-right-color: #FFECB3 !important; }
23588
23589 .amber-100-border-bottom {
23590   border-bottom-color: #FFECB3 !important; }
23591
23592 .amber-100-border-left {
23593   border-left-color: #FFECB3 !important; }
23594
23595 .amber-200-bg {
23596   background-color: #FFE082 !important; }
23597
23598 .md-amber-200-bg {
23599   background-color: #FFE082 !important;
23600   color: rgba(0, 0, 0, 0.87); }
23601
23602 .amber-200-fg {
23603   color: #FFE082 !important; }
23604
23605 .amber-200-border {
23606   border-color: #FFE082 !important; }
23607
23608 .amber-200-border-top {
23609   border-top-color: #FFE082 !important; }
23610
23611 .amber-200-border-right {
23612   border-right-color: #FFE082 !important; }
23613
23614 .amber-200-border-bottom {
23615   border-bottom-color: #FFE082 !important; }
23616
23617 .amber-200-border-left {
23618   border-left-color: #FFE082 !important; }
23619
23620 .amber-300-bg {
23621   background-color: #FFD54F !important; }
23622
23623 .md-amber-300-bg {
23624   background-color: #FFD54F !important;
23625   color: rgba(0, 0, 0, 0.87); }
23626
23627 .amber-300-fg {
23628   color: #FFD54F !important; }
23629
23630 .amber-300-border {
23631   border-color: #FFD54F !important; }
23632
23633 .amber-300-border-top {
23634   border-top-color: #FFD54F !important; }
23635
23636 .amber-300-border-right {
23637   border-right-color: #FFD54F !important; }
23638
23639 .amber-300-border-bottom {
23640   border-bottom-color: #FFD54F !important; }
23641
23642 .amber-300-border-left {
23643   border-left-color: #FFD54F !important; }
23644
23645 .amber-400-bg {
23646   background-color: #FFCA28 !important; }
23647
23648 .md-amber-400-bg {
23649   background-color: #FFCA28 !important;
23650   color: rgba(0, 0, 0, 0.87); }
23651
23652 .amber-400-fg {
23653   color: #FFCA28 !important; }
23654
23655 .amber-400-border {
23656   border-color: #FFCA28 !important; }
23657
23658 .amber-400-border-top {
23659   border-top-color: #FFCA28 !important; }
23660
23661 .amber-400-border-right {
23662   border-right-color: #FFCA28 !important; }
23663
23664 .amber-400-border-bottom {
23665   border-bottom-color: #FFCA28 !important; }
23666
23667 .amber-400-border-left {
23668   border-left-color: #FFCA28 !important; }
23669
23670 .amber-500-bg {
23671   background-color: #FFC107 !important; }
23672
23673 .md-amber-500-bg {
23674   background-color: #FFC107 !important;
23675   color: rgba(0, 0, 0, 0.87); }
23676
23677 .amber-500-fg {
23678   color: #FFC107 !important; }
23679
23680 .amber-500-border {
23681   border-color: #FFC107 !important; }
23682
23683 .amber-500-border-top {
23684   border-top-color: #FFC107 !important; }
23685
23686 .amber-500-border-right {
23687   border-right-color: #FFC107 !important; }
23688
23689 .amber-500-border-bottom {
23690   border-bottom-color: #FFC107 !important; }
23691
23692 .amber-500-border-left {
23693   border-left-color: #FFC107 !important; }
23694
23695 .md-amber-bg {
23696   background-color: #FFC107 !important;
23697   color: rgba(0, 0, 0, 0.87); }
23698
23699 .amber-bg {
23700   background-color: #FFC107 !important; }
23701
23702 .amber-fg {
23703   color: #FFC107 !important; }
23704
23705 .amber-border {
23706   border-color: #FFC107 !important; }
23707
23708 .amber-border-top {
23709   border-top-color: #FFC107 !important; }
23710
23711 .amber-border-right {
23712   border-right-color: #FFC107 !important; }
23713
23714 .amber-border-bottom {
23715   border-bottom-color: #FFC107 !important; }
23716
23717 .amber-border-left {
23718   border-left-color: #FFC107 !important; }
23719
23720 .amber-600-bg {
23721   background-color: #FFB300 !important; }
23722
23723 .md-amber-600-bg {
23724   background-color: #FFB300 !important;
23725   color: rgba(0, 0, 0, 0.87); }
23726
23727 .amber-600-fg {
23728   color: #FFB300 !important; }
23729
23730 .amber-600-border {
23731   border-color: #FFB300 !important; }
23732
23733 .amber-600-border-top {
23734   border-top-color: #FFB300 !important; }
23735
23736 .amber-600-border-right {
23737   border-right-color: #FFB300 !important; }
23738
23739 .amber-600-border-bottom {
23740   border-bottom-color: #FFB300 !important; }
23741
23742 .amber-600-border-left {
23743   border-left-color: #FFB300 !important; }
23744
23745 .amber-700-bg {
23746   background-color: #FFA000 !important; }
23747
23748 .md-amber-700-bg {
23749   background-color: #FFA000 !important;
23750   color: rgba(0, 0, 0, 0.87); }
23751
23752 .amber-700-fg {
23753   color: #FFA000 !important; }
23754
23755 .amber-700-border {
23756   border-color: #FFA000 !important; }
23757
23758 .amber-700-border-top {
23759   border-top-color: #FFA000 !important; }
23760
23761 .amber-700-border-right {
23762   border-right-color: #FFA000 !important; }
23763
23764 .amber-700-border-bottom {
23765   border-bottom-color: #FFA000 !important; }
23766
23767 .amber-700-border-left {
23768   border-left-color: #FFA000 !important; }
23769
23770 .amber-800-bg {
23771   background-color: #FF8F00 !important; }
23772
23773 .md-amber-800-bg {
23774   background-color: #FF8F00 !important;
23775   color: rgba(0, 0, 0, 0.87); }
23776
23777 .amber-800-fg {
23778   color: #FF8F00 !important; }
23779
23780 .amber-800-border {
23781   border-color: #FF8F00 !important; }
23782
23783 .amber-800-border-top {
23784   border-top-color: #FF8F00 !important; }
23785
23786 .amber-800-border-right {
23787   border-right-color: #FF8F00 !important; }
23788
23789 .amber-800-border-bottom {
23790   border-bottom-color: #FF8F00 !important; }
23791
23792 .amber-800-border-left {
23793   border-left-color: #FF8F00 !important; }
23794
23795 .amber-900-bg {
23796   background-color: #FF6F00 !important; }
23797
23798 .md-amber-900-bg {
23799   background-color: #FF6F00 !important;
23800   color: rgba(0, 0, 0, 0.87); }
23801
23802 .amber-900-fg {
23803   color: #FF6F00 !important; }
23804
23805 .amber-900-border {
23806   border-color: #FF6F00 !important; }
23807
23808 .amber-900-border-top {
23809   border-top-color: #FF6F00 !important; }
23810
23811 .amber-900-border-right {
23812   border-right-color: #FF6F00 !important; }
23813
23814 .amber-900-border-bottom {
23815   border-bottom-color: #FF6F00 !important; }
23816
23817 .amber-900-border-left {
23818   border-left-color: #FF6F00 !important; }
23819
23820 .amber-A100-bg {
23821   background-color: #FFE57F !important; }
23822
23823 .md-amber-A100-bg {
23824   background-color: #FFE57F !important;
23825   color: rgba(0, 0, 0, 0.87); }
23826
23827 .amber-A100-fg {
23828   color: #FFE57F !important; }
23829
23830 .amber-A100-border {
23831   border-color: #FFE57F !important; }
23832
23833 .amber-A100-border-top {
23834   border-top-color: #FFE57F !important; }
23835
23836 .amber-A100-border-right {
23837   border-right-color: #FFE57F !important; }
23838
23839 .amber-A100-border-bottom {
23840   border-bottom-color: #FFE57F !important; }
23841
23842 .amber-A100-border-left {
23843   border-left-color: #FFE57F !important; }
23844
23845 .amber-A200-bg {
23846   background-color: #FFD740 !important; }
23847
23848 .md-amber-A200-bg {
23849   background-color: #FFD740 !important;
23850   color: rgba(0, 0, 0, 0.87); }
23851
23852 .amber-A200-fg {
23853   color: #FFD740 !important; }
23854
23855 .amber-A200-border {
23856   border-color: #FFD740 !important; }
23857
23858 .amber-A200-border-top {
23859   border-top-color: #FFD740 !important; }
23860
23861 .amber-A200-border-right {
23862   border-right-color: #FFD740 !important; }
23863
23864 .amber-A200-border-bottom {
23865   border-bottom-color: #FFD740 !important; }
23866
23867 .amber-A200-border-left {
23868   border-left-color: #FFD740 !important; }
23869
23870 .amber-A400-bg {
23871   background-color: #FFC400 !important; }
23872
23873 .md-amber-A400-bg {
23874   background-color: #FFC400 !important;
23875   color: rgba(0, 0, 0, 0.87); }
23876
23877 .amber-A400-fg {
23878   color: #FFC400 !important; }
23879
23880 .amber-A400-border {
23881   border-color: #FFC400 !important; }
23882
23883 .amber-A400-border-top {
23884   border-top-color: #FFC400 !important; }
23885
23886 .amber-A400-border-right {
23887   border-right-color: #FFC400 !important; }
23888
23889 .amber-A400-border-bottom {
23890   border-bottom-color: #FFC400 !important; }
23891
23892 .amber-A400-border-left {
23893   border-left-color: #FFC400 !important; }
23894
23895 .amber-A700-bg {
23896   background-color: #FFAB00 !important; }
23897
23898 .md-amber-A700-bg {
23899   background-color: #FFAB00 !important;
23900   color: rgba(0, 0, 0, 0.87); }
23901
23902 .amber-A700-fg {
23903   color: #FFAB00 !important; }
23904
23905 .amber-A700-border {
23906   border-color: #FFAB00 !important; }
23907
23908 .amber-A700-border-top {
23909   border-top-color: #FFAB00 !important; }
23910
23911 .amber-A700-border-right {
23912   border-right-color: #FFAB00 !important; }
23913
23914 .amber-A700-border-bottom {
23915   border-bottom-color: #FFAB00 !important; }
23916
23917 .amber-A700-border-left {
23918   border-left-color: #FFAB00 !important; }
23919
23920 .orange-50-bg {
23921   background-color: #FFF3E0 !important; }
23922
23923 .md-orange-50-bg {
23924   background-color: #FFF3E0 !important;
23925   color: rgba(0, 0, 0, 0.87); }
23926
23927 .orange-50-fg {
23928   color: #FFF3E0 !important; }
23929
23930 .orange-50-border {
23931   border-color: #FFF3E0 !important; }
23932
23933 .orange-50-border-top {
23934   border-top-color: #FFF3E0 !important; }
23935
23936 .orange-50-border-right {
23937   border-right-color: #FFF3E0 !important; }
23938
23939 .orange-50-border-bottom {
23940   border-bottom-color: #FFF3E0 !important; }
23941
23942 .orange-50-border-left {
23943   border-left-color: #FFF3E0 !important; }
23944
23945 .orange-100-bg {
23946   background-color: #FFE0B2 !important; }
23947
23948 .md-orange-100-bg {
23949   background-color: #FFE0B2 !important;
23950   color: rgba(0, 0, 0, 0.87); }
23951
23952 .orange-100-fg {
23953   color: #FFE0B2 !important; }
23954
23955 .orange-100-border {
23956   border-color: #FFE0B2 !important; }
23957
23958 .orange-100-border-top {
23959   border-top-color: #FFE0B2 !important; }
23960
23961 .orange-100-border-right {
23962   border-right-color: #FFE0B2 !important; }
23963
23964 .orange-100-border-bottom {
23965   border-bottom-color: #FFE0B2 !important; }
23966
23967 .orange-100-border-left {
23968   border-left-color: #FFE0B2 !important; }
23969
23970 .orange-200-bg {
23971   background-color: #FFCC80 !important; }
23972
23973 .md-orange-200-bg {
23974   background-color: #FFCC80 !important;
23975   color: rgba(0, 0, 0, 0.87); }
23976
23977 .orange-200-fg {
23978   color: #FFCC80 !important; }
23979
23980 .orange-200-border {
23981   border-color: #FFCC80 !important; }
23982
23983 .orange-200-border-top {
23984   border-top-color: #FFCC80 !important; }
23985
23986 .orange-200-border-right {
23987   border-right-color: #FFCC80 !important; }
23988
23989 .orange-200-border-bottom {
23990   border-bottom-color: #FFCC80 !important; }
23991
23992 .orange-200-border-left {
23993   border-left-color: #FFCC80 !important; }
23994
23995 .orange-300-bg {
23996   background-color: #FFB74D !important; }
23997
23998 .md-orange-300-bg {
23999   background-color: #FFB74D !important;
24000   color: rgba(0, 0, 0, 0.87); }
24001
24002 .orange-300-fg {
24003   color: #FFB74D !important; }
24004
24005 .orange-300-border {
24006   border-color: #FFB74D !important; }
24007
24008 .orange-300-border-top {
24009   border-top-color: #FFB74D !important; }
24010
24011 .orange-300-border-right {
24012   border-right-color: #FFB74D !important; }
24013
24014 .orange-300-border-bottom {
24015   border-bottom-color: #FFB74D !important; }
24016
24017 .orange-300-border-left {
24018   border-left-color: #FFB74D !important; }
24019
24020 .orange-400-bg {
24021   background-color: #FFA726 !important; }
24022
24023 .md-orange-400-bg {
24024   background-color: #FFA726 !important;
24025   color: rgba(0, 0, 0, 0.87); }
24026
24027 .orange-400-fg {
24028   color: #FFA726 !important; }
24029
24030 .orange-400-border {
24031   border-color: #FFA726 !important; }
24032
24033 .orange-400-border-top {
24034   border-top-color: #FFA726 !important; }
24035
24036 .orange-400-border-right {
24037   border-right-color: #FFA726 !important; }
24038
24039 .orange-400-border-bottom {
24040   border-bottom-color: #FFA726 !important; }
24041
24042 .orange-400-border-left {
24043   border-left-color: #FFA726 !important; }
24044
24045 .orange-500-bg {
24046   background-color: #FF9800 !important; }
24047
24048 .md-orange-500-bg {
24049   background-color: #FF9800 !important;
24050   color: rgba(0, 0, 0, 0.87); }
24051
24052 .orange-500-fg {
24053   color: #FF9800 !important; }
24054
24055 .orange-500-border {
24056   border-color: #FF9800 !important; }
24057
24058 .orange-500-border-top {
24059   border-top-color: #FF9800 !important; }
24060
24061 .orange-500-border-right {
24062   border-right-color: #FF9800 !important; }
24063
24064 .orange-500-border-bottom {
24065   border-bottom-color: #FF9800 !important; }
24066
24067 .orange-500-border-left {
24068   border-left-color: #FF9800 !important; }
24069
24070 .md-orange-bg {
24071   background-color: #FF9800 !important;
24072   color: rgba(0, 0, 0, 0.87); }
24073
24074 .orange-bg {
24075   background-color: #FF9800 !important; }
24076
24077 .orange-fg {
24078   color: #FF9800 !important; }
24079
24080 .orange-border {
24081   border-color: #FF9800 !important; }
24082
24083 .orange-border-top {
24084   border-top-color: #FF9800 !important; }
24085
24086 .orange-border-right {
24087   border-right-color: #FF9800 !important; }
24088
24089 .orange-border-bottom {
24090   border-bottom-color: #FF9800 !important; }
24091
24092 .orange-border-left {
24093   border-left-color: #FF9800 !important; }
24094
24095 .orange-600-bg {
24096   background-color: #FB8C00 !important; }
24097
24098 .md-orange-600-bg {
24099   background-color: #FB8C00 !important;
24100   color: rgba(0, 0, 0, 0.87); }
24101
24102 .orange-600-fg {
24103   color: #FB8C00 !important; }
24104
24105 .orange-600-border {
24106   border-color: #FB8C00 !important; }
24107
24108 .orange-600-border-top {
24109   border-top-color: #FB8C00 !important; }
24110
24111 .orange-600-border-right {
24112   border-right-color: #FB8C00 !important; }
24113
24114 .orange-600-border-bottom {
24115   border-bottom-color: #FB8C00 !important; }
24116
24117 .orange-600-border-left {
24118   border-left-color: #FB8C00 !important; }
24119
24120 .orange-700-bg {
24121   background-color: #F57C00 !important; }
24122
24123 .md-orange-700-bg {
24124   background-color: #F57C00 !important;
24125   color: rgba(0, 0, 0, 0.87); }
24126
24127 .orange-700-fg {
24128   color: #F57C00 !important; }
24129
24130 .orange-700-border {
24131   border-color: #F57C00 !important; }
24132
24133 .orange-700-border-top {
24134   border-top-color: #F57C00 !important; }
24135
24136 .orange-700-border-right {
24137   border-right-color: #F57C00 !important; }
24138
24139 .orange-700-border-bottom {
24140   border-bottom-color: #F57C00 !important; }
24141
24142 .orange-700-border-left {
24143   border-left-color: #F57C00 !important; }
24144
24145 .orange-800-bg {
24146   background-color: #EF6C00 !important; }
24147
24148 .md-orange-800-bg {
24149   background-color: #EF6C00 !important;
24150   color: white; }
24151
24152 .orange-800-fg {
24153   color: #EF6C00 !important; }
24154
24155 .orange-800-border {
24156   border-color: #EF6C00 !important; }
24157
24158 .orange-800-border-top {
24159   border-top-color: #EF6C00 !important; }
24160
24161 .orange-800-border-right {
24162   border-right-color: #EF6C00 !important; }
24163
24164 .orange-800-border-bottom {
24165   border-bottom-color: #EF6C00 !important; }
24166
24167 .orange-800-border-left {
24168   border-left-color: #EF6C00 !important; }
24169
24170 .orange-900-bg {
24171   background-color: #E65100 !important; }
24172
24173 .md-orange-900-bg {
24174   background-color: #E65100 !important;
24175   color: white; }
24176
24177 .orange-900-fg {
24178   color: #E65100 !important; }
24179
24180 .orange-900-border {
24181   border-color: #E65100 !important; }
24182
24183 .orange-900-border-top {
24184   border-top-color: #E65100 !important; }
24185
24186 .orange-900-border-right {
24187   border-right-color: #E65100 !important; }
24188
24189 .orange-900-border-bottom {
24190   border-bottom-color: #E65100 !important; }
24191
24192 .orange-900-border-left {
24193   border-left-color: #E65100 !important; }
24194
24195 .orange-A100-bg {
24196   background-color: #FFD180 !important; }
24197
24198 .md-orange-A100-bg {
24199   background-color: #FFD180 !important;
24200   color: rgba(0, 0, 0, 0.87); }
24201
24202 .orange-A100-fg {
24203   color: #FFD180 !important; }
24204
24205 .orange-A100-border {
24206   border-color: #FFD180 !important; }
24207
24208 .orange-A100-border-top {
24209   border-top-color: #FFD180 !important; }
24210
24211 .orange-A100-border-right {
24212   border-right-color: #FFD180 !important; }
24213
24214 .orange-A100-border-bottom {
24215   border-bottom-color: #FFD180 !important; }
24216
24217 .orange-A100-border-left {
24218   border-left-color: #FFD180 !important; }
24219
24220 .orange-A200-bg {
24221   background-color: #FFAB40 !important; }
24222
24223 .md-orange-A200-bg {
24224   background-color: #FFAB40 !important;
24225   color: rgba(0, 0, 0, 0.87); }
24226
24227 .orange-A200-fg {
24228   color: #FFAB40 !important; }
24229
24230 .orange-A200-border {
24231   border-color: #FFAB40 !important; }
24232
24233 .orange-A200-border-top {
24234   border-top-color: #FFAB40 !important; }
24235
24236 .orange-A200-border-right {
24237   border-right-color: #FFAB40 !important; }
24238
24239 .orange-A200-border-bottom {
24240   border-bottom-color: #FFAB40 !important; }
24241
24242 .orange-A200-border-left {
24243   border-left-color: #FFAB40 !important; }
24244
24245 .orange-A400-bg {
24246   background-color: #FF9100 !important; }
24247
24248 .md-orange-A400-bg {
24249   background-color: #FF9100 !important;
24250   color: rgba(0, 0, 0, 0.87); }
24251
24252 .orange-A400-fg {
24253   color: #FF9100 !important; }
24254
24255 .orange-A400-border {
24256   border-color: #FF9100 !important; }
24257
24258 .orange-A400-border-top {
24259   border-top-color: #FF9100 !important; }
24260
24261 .orange-A400-border-right {
24262   border-right-color: #FF9100 !important; }
24263
24264 .orange-A400-border-bottom {
24265   border-bottom-color: #FF9100 !important; }
24266
24267 .orange-A400-border-left {
24268   border-left-color: #FF9100 !important; }
24269
24270 .orange-A700-bg {
24271   background-color: #FF6D00 !important; }
24272
24273 .md-orange-A700-bg {
24274   background-color: #FF6D00 !important;
24275   color: rgba(0, 0, 0, 0.87); }
24276
24277 .orange-A700-fg {
24278   color: #FF6D00 !important; }
24279
24280 .orange-A700-border {
24281   border-color: #FF6D00 !important; }
24282
24283 .orange-A700-border-top {
24284   border-top-color: #FF6D00 !important; }
24285
24286 .orange-A700-border-right {
24287   border-right-color: #FF6D00 !important; }
24288
24289 .orange-A700-border-bottom {
24290   border-bottom-color: #FF6D00 !important; }
24291
24292 .orange-A700-border-left {
24293   border-left-color: #FF6D00 !important; }
24294
24295 .deep-orange-50-bg {
24296   background-color: #FBE9E7 !important; }
24297
24298 .md-deep-orange-50-bg {
24299   background-color: #FBE9E7 !important;
24300   color: rgba(0, 0, 0, 0.87); }
24301
24302 .deep-orange-50-fg {
24303   color: #FBE9E7 !important; }
24304
24305 .deep-orange-50-border {
24306   border-color: #FBE9E7 !important; }
24307
24308 .deep-orange-50-border-top {
24309   border-top-color: #FBE9E7 !important; }
24310
24311 .deep-orange-50-border-right {
24312   border-right-color: #FBE9E7 !important; }
24313
24314 .deep-orange-50-border-bottom {
24315   border-bottom-color: #FBE9E7 !important; }
24316
24317 .deep-orange-50-border-left {
24318   border-left-color: #FBE9E7 !important; }
24319
24320 .deep-orange-100-bg {
24321   background-color: #FFCCBC !important; }
24322
24323 .md-deep-orange-100-bg {
24324   background-color: #FFCCBC !important;
24325   color: rgba(0, 0, 0, 0.87); }
24326
24327 .deep-orange-100-fg {
24328   color: #FFCCBC !important; }
24329
24330 .deep-orange-100-border {
24331   border-color: #FFCCBC !important; }
24332
24333 .deep-orange-100-border-top {
24334   border-top-color: #FFCCBC !important; }
24335
24336 .deep-orange-100-border-right {
24337   border-right-color: #FFCCBC !important; }
24338
24339 .deep-orange-100-border-bottom {
24340   border-bottom-color: #FFCCBC !important; }
24341
24342 .deep-orange-100-border-left {
24343   border-left-color: #FFCCBC !important; }
24344
24345 .deep-orange-200-bg {
24346   background-color: #FFAB91 !important; }
24347
24348 .md-deep-orange-200-bg {
24349   background-color: #FFAB91 !important;
24350   color: rgba(0, 0, 0, 0.87); }
24351
24352 .deep-orange-200-fg {
24353   color: #FFAB91 !important; }
24354
24355 .deep-orange-200-border {
24356   border-color: #FFAB91 !important; }
24357
24358 .deep-orange-200-border-top {
24359   border-top-color: #FFAB91 !important; }
24360
24361 .deep-orange-200-border-right {
24362   border-right-color: #FFAB91 !important; }
24363
24364 .deep-orange-200-border-bottom {
24365   border-bottom-color: #FFAB91 !important; }
24366
24367 .deep-orange-200-border-left {
24368   border-left-color: #FFAB91 !important; }
24369
24370 .deep-orange-300-bg {
24371   background-color: #FF8A65 !important; }
24372
24373 .md-deep-orange-300-bg {
24374   background-color: #FF8A65 !important;
24375   color: rgba(0, 0, 0, 0.87); }
24376
24377 .deep-orange-300-fg {
24378   color: #FF8A65 !important; }
24379
24380 .deep-orange-300-border {
24381   border-color: #FF8A65 !important; }
24382
24383 .deep-orange-300-border-top {
24384   border-top-color: #FF8A65 !important; }
24385
24386 .deep-orange-300-border-right {
24387   border-right-color: #FF8A65 !important; }
24388
24389 .deep-orange-300-border-bottom {
24390   border-bottom-color: #FF8A65 !important; }
24391
24392 .deep-orange-300-border-left {
24393   border-left-color: #FF8A65 !important; }
24394
24395 .deep-orange-400-bg {
24396   background-color: #FF7043 !important; }
24397
24398 .md-deep-orange-400-bg {
24399   background-color: #FF7043 !important;
24400   color: rgba(0, 0, 0, 0.87); }
24401
24402 .deep-orange-400-fg {
24403   color: #FF7043 !important; }
24404
24405 .deep-orange-400-border {
24406   border-color: #FF7043 !important; }
24407
24408 .deep-orange-400-border-top {
24409   border-top-color: #FF7043 !important; }
24410
24411 .deep-orange-400-border-right {
24412   border-right-color: #FF7043 !important; }
24413
24414 .deep-orange-400-border-bottom {
24415   border-bottom-color: #FF7043 !important; }
24416
24417 .deep-orange-400-border-left {
24418   border-left-color: #FF7043 !important; }
24419
24420 .deep-orange-500-bg {
24421   background-color: #FF5722 !important; }
24422
24423 .md-deep-orange-500-bg {
24424   background-color: #FF5722 !important;
24425   color: white; }
24426
24427 .deep-orange-500-fg {
24428   color: #FF5722 !important; }
24429
24430 .deep-orange-500-border {
24431   border-color: #FF5722 !important; }
24432
24433 .deep-orange-500-border-top {
24434   border-top-color: #FF5722 !important; }
24435
24436 .deep-orange-500-border-right {
24437   border-right-color: #FF5722 !important; }
24438
24439 .deep-orange-500-border-bottom {
24440   border-bottom-color: #FF5722 !important; }
24441
24442 .deep-orange-500-border-left {
24443   border-left-color: #FF5722 !important; }
24444
24445 .md-deep-orange-bg {
24446   background-color: #FF5722 !important;
24447   color: white; }
24448
24449 .deep-orange-bg {
24450   background-color: #FF5722 !important; }
24451
24452 .deep-orange-fg {
24453   color: #FF5722 !important; }
24454
24455 .deep-orange-border {
24456   border-color: #FF5722 !important; }
24457
24458 .deep-orange-border-top {
24459   border-top-color: #FF5722 !important; }
24460
24461 .deep-orange-border-right {
24462   border-right-color: #FF5722 !important; }
24463
24464 .deep-orange-border-bottom {
24465   border-bottom-color: #FF5722 !important; }
24466
24467 .deep-orange-border-left {
24468   border-left-color: #FF5722 !important; }
24469
24470 .deep-orange-600-bg {
24471   background-color: #F4511E !important; }
24472
24473 .md-deep-orange-600-bg {
24474   background-color: #F4511E !important;
24475   color: white; }
24476
24477 .deep-orange-600-fg {
24478   color: #F4511E !important; }
24479
24480 .deep-orange-600-border {
24481   border-color: #F4511E !important; }
24482
24483 .deep-orange-600-border-top {
24484   border-top-color: #F4511E !important; }
24485
24486 .deep-orange-600-border-right {
24487   border-right-color: #F4511E !important; }
24488
24489 .deep-orange-600-border-bottom {
24490   border-bottom-color: #F4511E !important; }
24491
24492 .deep-orange-600-border-left {
24493   border-left-color: #F4511E !important; }
24494
24495 .deep-orange-700-bg {
24496   background-color: #E64A19 !important; }
24497
24498 .md-deep-orange-700-bg {
24499   background-color: #E64A19 !important;
24500   color: white; }
24501
24502 .deep-orange-700-fg {
24503   color: #E64A19 !important; }
24504
24505 .deep-orange-700-border {
24506   border-color: #E64A19 !important; }
24507
24508 .deep-orange-700-border-top {
24509   border-top-color: #E64A19 !important; }
24510
24511 .deep-orange-700-border-right {
24512   border-right-color: #E64A19 !important; }
24513
24514 .deep-orange-700-border-bottom {
24515   border-bottom-color: #E64A19 !important; }
24516
24517 .deep-orange-700-border-left {
24518   border-left-color: #E64A19 !important; }
24519
24520 .deep-orange-800-bg {
24521   background-color: #D84315 !important; }
24522
24523 .md-deep-orange-800-bg {
24524   background-color: #D84315 !important;
24525   color: white; }
24526
24527 .deep-orange-800-fg {
24528   color: #D84315 !important; }
24529
24530 .deep-orange-800-border {
24531   border-color: #D84315 !important; }
24532
24533 .deep-orange-800-border-top {
24534   border-top-color: #D84315 !important; }
24535
24536 .deep-orange-800-border-right {
24537   border-right-color: #D84315 !important; }
24538
24539 .deep-orange-800-border-bottom {
24540   border-bottom-color: #D84315 !important; }
24541
24542 .deep-orange-800-border-left {
24543   border-left-color: #D84315 !important; }
24544
24545 .deep-orange-900-bg {
24546   background-color: #BF360C !important; }
24547
24548 .md-deep-orange-900-bg {
24549   background-color: #BF360C !important;
24550   color: white; }
24551
24552 .deep-orange-900-fg {
24553   color: #BF360C !important; }
24554
24555 .deep-orange-900-border {
24556   border-color: #BF360C !important; }
24557
24558 .deep-orange-900-border-top {
24559   border-top-color: #BF360C !important; }
24560
24561 .deep-orange-900-border-right {
24562   border-right-color: #BF360C !important; }
24563
24564 .deep-orange-900-border-bottom {
24565   border-bottom-color: #BF360C !important; }
24566
24567 .deep-orange-900-border-left {
24568   border-left-color: #BF360C !important; }
24569
24570 .deep-orange-A100-bg {
24571   background-color: #FF9E80 !important; }
24572
24573 .md-deep-orange-A100-bg {
24574   background-color: #FF9E80 !important;
24575   color: rgba(0, 0, 0, 0.87); }
24576
24577 .deep-orange-A100-fg {
24578   color: #FF9E80 !important; }
24579
24580 .deep-orange-A100-border {
24581   border-color: #FF9E80 !important; }
24582
24583 .deep-orange-A100-border-top {
24584   border-top-color: #FF9E80 !important; }
24585
24586 .deep-orange-A100-border-right {
24587   border-right-color: #FF9E80 !important; }
24588
24589 .deep-orange-A100-border-bottom {
24590   border-bottom-color: #FF9E80 !important; }
24591
24592 .deep-orange-A100-border-left {
24593   border-left-color: #FF9E80 !important; }
24594
24595 .deep-orange-A200-bg {
24596   background-color: #FF6E40 !important; }
24597
24598 .md-deep-orange-A200-bg {
24599   background-color: #FF6E40 !important;
24600   color: rgba(0, 0, 0, 0.87); }
24601
24602 .deep-orange-A200-fg {
24603   color: #FF6E40 !important; }
24604
24605 .deep-orange-A200-border {
24606   border-color: #FF6E40 !important; }
24607
24608 .deep-orange-A200-border-top {
24609   border-top-color: #FF6E40 !important; }
24610
24611 .deep-orange-A200-border-right {
24612   border-right-color: #FF6E40 !important; }
24613
24614 .deep-orange-A200-border-bottom {
24615   border-bottom-color: #FF6E40 !important; }
24616
24617 .deep-orange-A200-border-left {
24618   border-left-color: #FF6E40 !important; }
24619
24620 .deep-orange-A400-bg {
24621   background-color: #FF3D00 !important; }
24622
24623 .md-deep-orange-A400-bg {
24624   background-color: #FF3D00 !important;
24625   color: white; }
24626
24627 .deep-orange-A400-fg {
24628   color: #FF3D00 !important; }
24629
24630 .deep-orange-A400-border {
24631   border-color: #FF3D00 !important; }
24632
24633 .deep-orange-A400-border-top {
24634   border-top-color: #FF3D00 !important; }
24635
24636 .deep-orange-A400-border-right {
24637   border-right-color: #FF3D00 !important; }
24638
24639 .deep-orange-A400-border-bottom {
24640   border-bottom-color: #FF3D00 !important; }
24641
24642 .deep-orange-A400-border-left {
24643   border-left-color: #FF3D00 !important; }
24644
24645 .deep-orange-A700-bg {
24646   background-color: #DD2C00 !important; }
24647
24648 .md-deep-orange-A700-bg {
24649   background-color: #DD2C00 !important;
24650   color: white; }
24651
24652 .deep-orange-A700-fg {
24653   color: #DD2C00 !important; }
24654
24655 .deep-orange-A700-border {
24656   border-color: #DD2C00 !important; }
24657
24658 .deep-orange-A700-border-top {
24659   border-top-color: #DD2C00 !important; }
24660
24661 .deep-orange-A700-border-right {
24662   border-right-color: #DD2C00 !important; }
24663
24664 .deep-orange-A700-border-bottom {
24665   border-bottom-color: #DD2C00 !important; }
24666
24667 .deep-orange-A700-border-left {
24668   border-left-color: #DD2C00 !important; }
24669
24670 .brown-50-bg {
24671   background-color: #EFEBE9 !important; }
24672
24673 .md-brown-50-bg {
24674   background-color: #EFEBE9 !important;
24675   color: rgba(0, 0, 0, 0.87); }
24676
24677 .brown-50-fg {
24678   color: #EFEBE9 !important; }
24679
24680 .brown-50-border {
24681   border-color: #EFEBE9 !important; }
24682
24683 .brown-50-border-top {
24684   border-top-color: #EFEBE9 !important; }
24685
24686 .brown-50-border-right {
24687   border-right-color: #EFEBE9 !important; }
24688
24689 .brown-50-border-bottom {
24690   border-bottom-color: #EFEBE9 !important; }
24691
24692 .brown-50-border-left {
24693   border-left-color: #EFEBE9 !important; }
24694
24695 .brown-100-bg {
24696   background-color: #D7CCC8 !important; }
24697
24698 .md-brown-100-bg {
24699   background-color: #D7CCC8 !important;
24700   color: rgba(0, 0, 0, 0.87); }
24701
24702 .brown-100-fg {
24703   color: #D7CCC8 !important; }
24704
24705 .brown-100-border {
24706   border-color: #D7CCC8 !important; }
24707
24708 .brown-100-border-top {
24709   border-top-color: #D7CCC8 !important; }
24710
24711 .brown-100-border-right {
24712   border-right-color: #D7CCC8 !important; }
24713
24714 .brown-100-border-bottom {
24715   border-bottom-color: #D7CCC8 !important; }
24716
24717 .brown-100-border-left {
24718   border-left-color: #D7CCC8 !important; }
24719
24720 .brown-200-bg {
24721   background-color: #BCAAA4 !important; }
24722
24723 .md-brown-200-bg {
24724   background-color: #BCAAA4 !important;
24725   color: rgba(0, 0, 0, 0.87); }
24726
24727 .brown-200-fg {
24728   color: #BCAAA4 !important; }
24729
24730 .brown-200-border {
24731   border-color: #BCAAA4 !important; }
24732
24733 .brown-200-border-top {
24734   border-top-color: #BCAAA4 !important; }
24735
24736 .brown-200-border-right {
24737   border-right-color: #BCAAA4 !important; }
24738
24739 .brown-200-border-bottom {
24740   border-bottom-color: #BCAAA4 !important; }
24741
24742 .brown-200-border-left {
24743   border-left-color: #BCAAA4 !important; }
24744
24745 .brown-300-bg {
24746   background-color: #A1887F !important; }
24747
24748 .md-brown-300-bg {
24749   background-color: #A1887F !important;
24750   color: white; }
24751
24752 .brown-300-fg {
24753   color: #A1887F !important; }
24754
24755 .brown-300-border {
24756   border-color: #A1887F !important; }
24757
24758 .brown-300-border-top {
24759   border-top-color: #A1887F !important; }
24760
24761 .brown-300-border-right {
24762   border-right-color: #A1887F !important; }
24763
24764 .brown-300-border-bottom {
24765   border-bottom-color: #A1887F !important; }
24766
24767 .brown-300-border-left {
24768   border-left-color: #A1887F !important; }
24769
24770 .brown-400-bg {
24771   background-color: #8D6E63 !important; }
24772
24773 .md-brown-400-bg {
24774   background-color: #8D6E63 !important;
24775   color: white; }
24776
24777 .brown-400-fg {
24778   color: #8D6E63 !important; }
24779
24780 .brown-400-border {
24781   border-color: #8D6E63 !important; }
24782
24783 .brown-400-border-top {
24784   border-top-color: #8D6E63 !important; }
24785
24786 .brown-400-border-right {
24787   border-right-color: #8D6E63 !important; }
24788
24789 .brown-400-border-bottom {
24790   border-bottom-color: #8D6E63 !important; }
24791
24792 .brown-400-border-left {
24793   border-left-color: #8D6E63 !important; }
24794
24795 .brown-500-bg {
24796   background-color: #795548 !important; }
24797
24798 .md-brown-500-bg {
24799   background-color: #795548 !important;
24800   color: rgba(255, 255, 255, 0.87); }
24801
24802 .brown-500-fg {
24803   color: #795548 !important; }
24804
24805 .brown-500-border {
24806   border-color: #795548 !important; }
24807
24808 .brown-500-border-top {
24809   border-top-color: #795548 !important; }
24810
24811 .brown-500-border-right {
24812   border-right-color: #795548 !important; }
24813
24814 .brown-500-border-bottom {
24815   border-bottom-color: #795548 !important; }
24816
24817 .brown-500-border-left {
24818   border-left-color: #795548 !important; }
24819
24820 .md-brown-bg {
24821   background-color: #795548 !important;
24822   color: rgba(255, 255, 255, 0.87); }
24823
24824 .brown-bg {
24825   background-color: #795548 !important; }
24826
24827 .brown-fg {
24828   color: #795548 !important; }
24829
24830 .brown-border {
24831   border-color: #795548 !important; }
24832
24833 .brown-border-top {
24834   border-top-color: #795548 !important; }
24835
24836 .brown-border-right {
24837   border-right-color: #795548 !important; }
24838
24839 .brown-border-bottom {
24840   border-bottom-color: #795548 !important; }
24841
24842 .brown-border-left {
24843   border-left-color: #795548 !important; }
24844
24845 .brown-600-bg {
24846   background-color: #6D4C41 !important; }
24847
24848 .md-brown-600-bg {
24849   background-color: #6D4C41 !important;
24850   color: rgba(255, 255, 255, 0.87); }
24851
24852 .brown-600-fg {
24853   color: #6D4C41 !important; }
24854
24855 .brown-600-border {
24856   border-color: #6D4C41 !important; }
24857
24858 .brown-600-border-top {
24859   border-top-color: #6D4C41 !important; }
24860
24861 .brown-600-border-right {
24862   border-right-color: #6D4C41 !important; }
24863
24864 .brown-600-border-bottom {
24865   border-bottom-color: #6D4C41 !important; }
24866
24867 .brown-600-border-left {
24868   border-left-color: #6D4C41 !important; }
24869
24870 .brown-700-bg {
24871   background-color: #5D4037 !important; }
24872
24873 .md-brown-700-bg {
24874   background-color: #5D4037 !important;
24875   color: rgba(255, 255, 255, 0.87); }
24876
24877 .brown-700-fg {
24878   color: #5D4037 !important; }
24879
24880 .brown-700-border {
24881   border-color: #5D4037 !important; }
24882
24883 .brown-700-border-top {
24884   border-top-color: #5D4037 !important; }
24885
24886 .brown-700-border-right {
24887   border-right-color: #5D4037 !important; }
24888
24889 .brown-700-border-bottom {
24890   border-bottom-color: #5D4037 !important; }
24891
24892 .brown-700-border-left {
24893   border-left-color: #5D4037 !important; }
24894
24895 .brown-800-bg {
24896   background-color: #4E342E !important; }
24897
24898 .md-brown-800-bg {
24899   background-color: #4E342E !important;
24900   color: rgba(255, 255, 255, 0.87); }
24901
24902 .brown-800-fg {
24903   color: #4E342E !important; }
24904
24905 .brown-800-border {
24906   border-color: #4E342E !important; }
24907
24908 .brown-800-border-top {
24909   border-top-color: #4E342E !important; }
24910
24911 .brown-800-border-right {
24912   border-right-color: #4E342E !important; }
24913
24914 .brown-800-border-bottom {
24915   border-bottom-color: #4E342E !important; }
24916
24917 .brown-800-border-left {
24918   border-left-color: #4E342E !important; }
24919
24920 .brown-900-bg {
24921   background-color: #3E2723 !important; }
24922
24923 .md-brown-900-bg {
24924   background-color: #3E2723 !important;
24925   color: rgba(255, 255, 255, 0.87); }
24926
24927 .brown-900-fg {
24928   color: #3E2723 !important; }
24929
24930 .brown-900-border {
24931   border-color: #3E2723 !important; }
24932
24933 .brown-900-border-top {
24934   border-top-color: #3E2723 !important; }
24935
24936 .brown-900-border-right {
24937   border-right-color: #3E2723 !important; }
24938
24939 .brown-900-border-bottom {
24940   border-bottom-color: #3E2723 !important; }
24941
24942 .brown-900-border-left {
24943   border-left-color: #3E2723 !important; }
24944
24945 .brown-A100-bg {
24946   background-color: #D7CCC8 !important; }
24947
24948 .md-brown-A100-bg {
24949   background-color: #D7CCC8 !important;
24950   color: rgba(255, 255, 255, 0.87); }
24951
24952 .brown-A100-fg {
24953   color: #D7CCC8 !important; }
24954
24955 .brown-A100-border {
24956   border-color: #D7CCC8 !important; }
24957
24958 .brown-A100-border-top {
24959   border-top-color: #D7CCC8 !important; }
24960
24961 .brown-A100-border-right {
24962   border-right-color: #D7CCC8 !important; }
24963
24964 .brown-A100-border-bottom {
24965   border-bottom-color: #D7CCC8 !important; }
24966
24967 .brown-A100-border-left {
24968   border-left-color: #D7CCC8 !important; }
24969
24970 .brown-A200-bg {
24971   background-color: #BCAAA4 !important; }
24972
24973 .md-brown-A200-bg {
24974   background-color: #BCAAA4 !important;
24975   color: rgba(255, 255, 255, 0.87); }
24976
24977 .brown-A200-fg {
24978   color: #BCAAA4 !important; }
24979
24980 .brown-A200-border {
24981   border-color: #BCAAA4 !important; }
24982
24983 .brown-A200-border-top {
24984   border-top-color: #BCAAA4 !important; }
24985
24986 .brown-A200-border-right {
24987   border-right-color: #BCAAA4 !important; }
24988
24989 .brown-A200-border-bottom {
24990   border-bottom-color: #BCAAA4 !important; }
24991
24992 .brown-A200-border-left {
24993   border-left-color: #BCAAA4 !important; }
24994
24995 .brown-A400-bg {
24996   background-color: #8D6E63 !important; }
24997
24998 .md-brown-A400-bg {
24999   background-color: #8D6E63 !important;
25000   color: rgba(255, 255, 255, 0.87); }
25001
25002 .brown-A400-fg {
25003   color: #8D6E63 !important; }
25004
25005 .brown-A400-border {
25006   border-color: #8D6E63 !important; }
25007
25008 .brown-A400-border-top {
25009   border-top-color: #8D6E63 !important; }
25010
25011 .brown-A400-border-right {
25012   border-right-color: #8D6E63 !important; }
25013
25014 .brown-A400-border-bottom {
25015   border-bottom-color: #8D6E63 !important; }
25016
25017 .brown-A400-border-left {
25018   border-left-color: #8D6E63 !important; }
25019
25020 .brown-A700-bg {
25021   background-color: #5D4037 !important; }
25022
25023 .md-brown-A700-bg {
25024   background-color: #5D4037 !important;
25025   color: rgba(255, 255, 255, 0.87); }
25026
25027 .brown-A700-fg {
25028   color: #5D4037 !important; }
25029
25030 .brown-A700-border {
25031   border-color: #5D4037 !important; }
25032
25033 .brown-A700-border-top {
25034   border-top-color: #5D4037 !important; }
25035
25036 .brown-A700-border-right {
25037   border-right-color: #5D4037 !important; }
25038
25039 .brown-A700-border-bottom {
25040   border-bottom-color: #5D4037 !important; }
25041
25042 .brown-A700-border-left {
25043   border-left-color: #5D4037 !important; }
25044
25045 .grey-50-bg {
25046   background-color: #FAFAFA !important; }
25047
25048 .md-grey-50-bg {
25049   background-color: #FAFAFA !important;
25050   color: rgba(0, 0, 0, 0.87); }
25051
25052 .grey-50-fg {
25053   color: #FAFAFA !important; }
25054
25055 .grey-50-border {
25056   border-color: #FAFAFA !important; }
25057
25058 .grey-50-border-top {
25059   border-top-color: #FAFAFA !important; }
25060
25061 .grey-50-border-right {
25062   border-right-color: #FAFAFA !important; }
25063
25064 .grey-50-border-bottom {
25065   border-bottom-color: #FAFAFA !important; }
25066
25067 .grey-50-border-left {
25068   border-left-color: #FAFAFA !important; }
25069
25070 .grey-100-bg {
25071   background-color: #F5F5F5 !important; }
25072
25073 .md-grey-100-bg {
25074   background-color: #F5F5F5 !important;
25075   color: rgba(0, 0, 0, 0.87); }
25076
25077 .grey-100-fg {
25078   color: #F5F5F5 !important; }
25079
25080 .grey-100-border {
25081   border-color: #F5F5F5 !important; }
25082
25083 .grey-100-border-top {
25084   border-top-color: #F5F5F5 !important; }
25085
25086 .grey-100-border-right {
25087   border-right-color: #F5F5F5 !important; }
25088
25089 .grey-100-border-bottom {
25090   border-bottom-color: #F5F5F5 !important; }
25091
25092 .grey-100-border-left {
25093   border-left-color: #F5F5F5 !important; }
25094
25095 .grey-200-bg {
25096   background-color: #EEEEEE !important; }
25097
25098 .md-grey-200-bg {
25099   background-color: #EEEEEE !important;
25100   color: rgba(0, 0, 0, 0.87); }
25101
25102 .grey-200-fg {
25103   color: #EEEEEE !important; }
25104
25105 .grey-200-border {
25106   border-color: #EEEEEE !important; }
25107
25108 .grey-200-border-top {
25109   border-top-color: #EEEEEE !important; }
25110
25111 .grey-200-border-right {
25112   border-right-color: #EEEEEE !important; }
25113
25114 .grey-200-border-bottom {
25115   border-bottom-color: #EEEEEE !important; }
25116
25117 .grey-200-border-left {
25118   border-left-color: #EEEEEE !important; }
25119
25120 .grey-300-bg {
25121   background-color: #E0E0E0 !important; }
25122
25123 .md-grey-300-bg {
25124   background-color: #E0E0E0 !important;
25125   color: rgba(0, 0, 0, 0.87); }
25126
25127 .grey-300-fg {
25128   color: #E0E0E0 !important; }
25129
25130 .grey-300-border {
25131   border-color: #E0E0E0 !important; }
25132
25133 .grey-300-border-top {
25134   border-top-color: #E0E0E0 !important; }
25135
25136 .grey-300-border-right {
25137   border-right-color: #E0E0E0 !important; }
25138
25139 .grey-300-border-bottom {
25140   border-bottom-color: #E0E0E0 !important; }
25141
25142 .grey-300-border-left {
25143   border-left-color: #E0E0E0 !important; }
25144
25145 .grey-400-bg {
25146   background-color: #BDBDBD !important; }
25147
25148 .md-grey-400-bg {
25149   background-color: #BDBDBD !important;
25150   color: rgba(0, 0, 0, 0.87); }
25151
25152 .grey-400-fg {
25153   color: #BDBDBD !important; }
25154
25155 .grey-400-border {
25156   border-color: #BDBDBD !important; }
25157
25158 .grey-400-border-top {
25159   border-top-color: #BDBDBD !important; }
25160
25161 .grey-400-border-right {
25162   border-right-color: #BDBDBD !important; }
25163
25164 .grey-400-border-bottom {
25165   border-bottom-color: #BDBDBD !important; }
25166
25167 .grey-400-border-left {
25168   border-left-color: #BDBDBD !important; }
25169
25170 .grey-500-bg {
25171   background-color: #9E9E9E !important; }
25172
25173 .md-grey-500-bg {
25174   background-color: #9E9E9E !important;
25175   color: rgba(0, 0, 0, 0.87); }
25176
25177 .grey-500-fg {
25178   color: #9E9E9E !important; }
25179
25180 .grey-500-border {
25181   border-color: #9E9E9E !important; }
25182
25183 .grey-500-border-top {
25184   border-top-color: #9E9E9E !important; }
25185
25186 .grey-500-border-right {
25187   border-right-color: #9E9E9E !important; }
25188
25189 .grey-500-border-bottom {
25190   border-bottom-color: #9E9E9E !important; }
25191
25192 .grey-500-border-left {
25193   border-left-color: #9E9E9E !important; }
25194
25195 .md-grey-bg {
25196   background-color: #9E9E9E !important;
25197   color: rgba(0, 0, 0, 0.87); }
25198
25199 .grey-bg {
25200   background-color: #9E9E9E !important; }
25201
25202 .grey-fg {
25203   color: #9E9E9E !important; }
25204
25205 .grey-border {
25206   border-color: #9E9E9E !important; }
25207
25208 .grey-border-top {
25209   border-top-color: #9E9E9E !important; }
25210
25211 .grey-border-right {
25212   border-right-color: #9E9E9E !important; }
25213
25214 .grey-border-bottom {
25215   border-bottom-color: #9E9E9E !important; }
25216
25217 .grey-border-left {
25218   border-left-color: #9E9E9E !important; }
25219
25220 .grey-600-bg {
25221   background-color: #757575 !important; }
25222
25223 .md-grey-600-bg {
25224   background-color: #757575 !important;
25225   color: rgba(255, 255, 255, 0.87); }
25226
25227 .grey-600-fg {
25228   color: #757575 !important; }
25229
25230 .grey-600-border {
25231   border-color: #757575 !important; }
25232
25233 .grey-600-border-top {
25234   border-top-color: #757575 !important; }
25235
25236 .grey-600-border-right {
25237   border-right-color: #757575 !important; }
25238
25239 .grey-600-border-bottom {
25240   border-bottom-color: #757575 !important; }
25241
25242 .grey-600-border-left {
25243   border-left-color: #757575 !important; }
25244
25245 .grey-700-bg {
25246   background-color: #616161 !important; }
25247
25248 .md-grey-700-bg {
25249   background-color: #616161 !important;
25250   color: rgba(255, 255, 255, 0.87); }
25251
25252 .grey-700-fg {
25253   color: #616161 !important; }
25254
25255 .grey-700-border {
25256   border-color: #616161 !important; }
25257
25258 .grey-700-border-top {
25259   border-top-color: #616161 !important; }
25260
25261 .grey-700-border-right {
25262   border-right-color: #616161 !important; }
25263
25264 .grey-700-border-bottom {
25265   border-bottom-color: #616161 !important; }
25266
25267 .grey-700-border-left {
25268   border-left-color: #616161 !important; }
25269
25270 .grey-800-bg {
25271   background-color: #424242 !important; }
25272
25273 .md-grey-800-bg {
25274   background-color: #424242 !important;
25275   color: rgba(255, 255, 255, 0.87); }
25276
25277 .grey-800-fg {
25278   color: #424242 !important; }
25279
25280 .grey-800-border {
25281   border-color: #424242 !important; }
25282
25283 .grey-800-border-top {
25284   border-top-color: #424242 !important; }
25285
25286 .grey-800-border-right {
25287   border-right-color: #424242 !important; }
25288
25289 .grey-800-border-bottom {
25290   border-bottom-color: #424242 !important; }
25291
25292 .grey-800-border-left {
25293   border-left-color: #424242 !important; }
25294
25295 .grey-900-bg {
25296   background-color: #212121 !important; }
25297
25298 .md-grey-900-bg {
25299   background-color: #212121 !important;
25300   color: rgba(255, 255, 255, 0.87); }
25301
25302 .grey-900-fg {
25303   color: #212121 !important; }
25304
25305 .grey-900-border {
25306   border-color: #212121 !important; }
25307
25308 .grey-900-border-top {
25309   border-top-color: #212121 !important; }
25310
25311 .grey-900-border-right {
25312   border-right-color: #212121 !important; }
25313
25314 .grey-900-border-bottom {
25315   border-bottom-color: #212121 !important; }
25316
25317 .grey-900-border-left {
25318   border-left-color: #212121 !important; }
25319
25320 .grey-1000-bg {
25321   background-color: #000000 !important; }
25322
25323 .md-grey-1000-bg {
25324   background-color: #000000 !important; }
25325
25326 .grey-1000-fg {
25327   color: #000000 !important; }
25328
25329 .grey-1000-border {
25330   border-color: #000000 !important; }
25331
25332 .grey-1000-border-top {
25333   border-top-color: #000000 !important; }
25334
25335 .grey-1000-border-right {
25336   border-right-color: #000000 !important; }
25337
25338 .grey-1000-border-bottom {
25339   border-bottom-color: #000000 !important; }
25340
25341 .grey-1000-border-left {
25342   border-left-color: #000000 !important; }
25343
25344 .grey-A100-bg {
25345   background-color: #FFFFFF !important; }
25346
25347 .md-grey-A100-bg {
25348   background-color: #FFFFFF !important;
25349   color: rgba(0, 0, 0, 0.87); }
25350
25351 .grey-A100-fg {
25352   color: #FFFFFF !important; }
25353
25354 .grey-A100-border {
25355   border-color: #FFFFFF !important; }
25356
25357 .grey-A100-border-top {
25358   border-top-color: #FFFFFF !important; }
25359
25360 .grey-A100-border-right {
25361   border-right-color: #FFFFFF !important; }
25362
25363 .grey-A100-border-bottom {
25364   border-bottom-color: #FFFFFF !important; }
25365
25366 .grey-A100-border-left {
25367   border-left-color: #FFFFFF !important; }
25368
25369 .grey-A200-bg {
25370   background-color: #EEEEEE !important; }
25371
25372 .md-grey-A200-bg {
25373   background-color: #EEEEEE !important;
25374   color: rgba(0, 0, 0, 0.87); }
25375
25376 .grey-A200-fg {
25377   color: #EEEEEE !important; }
25378
25379 .grey-A200-border {
25380   border-color: #EEEEEE !important; }
25381
25382 .grey-A200-border-top {
25383   border-top-color: #EEEEEE !important; }
25384
25385 .grey-A200-border-right {
25386   border-right-color: #EEEEEE !important; }
25387
25388 .grey-A200-border-bottom {
25389   border-bottom-color: #EEEEEE !important; }
25390
25391 .grey-A200-border-left {
25392   border-left-color: #EEEEEE !important; }
25393
25394 .grey-A400-bg {
25395   background-color: #BDBDBD !important; }
25396
25397 .md-grey-A400-bg {
25398   background-color: #BDBDBD !important;
25399   color: rgba(0, 0, 0, 0.87); }
25400
25401 .grey-A400-fg {
25402   color: #BDBDBD !important; }
25403
25404 .grey-A400-border {
25405   border-color: #BDBDBD !important; }
25406
25407 .grey-A400-border-top {
25408   border-top-color: #BDBDBD !important; }
25409
25410 .grey-A400-border-right {
25411   border-right-color: #BDBDBD !important; }
25412
25413 .grey-A400-border-bottom {
25414   border-bottom-color: #BDBDBD !important; }
25415
25416 .grey-A400-border-left {
25417   border-left-color: #BDBDBD !important; }
25418
25419 .grey-A700-bg {
25420   background-color: #616161 !important; }
25421
25422 .md-grey-A700-bg {
25423   background-color: #616161 !important;
25424   color: rgba(0, 0, 0, 0.87); }
25425
25426 .grey-A700-fg {
25427   color: #616161 !important; }
25428
25429 .grey-A700-border {
25430   border-color: #616161 !important; }
25431
25432 .grey-A700-border-top {
25433   border-top-color: #616161 !important; }
25434
25435 .grey-A700-border-right {
25436   border-right-color: #616161 !important; }
25437
25438 .grey-A700-border-bottom {
25439   border-bottom-color: #616161 !important; }
25440
25441 .grey-A700-border-left {
25442   border-left-color: #616161 !important; }
25443
25444 .blue-grey-50-bg {
25445   background-color: #ECEFF1 !important; }
25446
25447 .md-blue-grey-50-bg {
25448   background-color: #ECEFF1 !important;
25449   color: rgba(0, 0, 0, 0.87); }
25450
25451 .blue-grey-50-fg {
25452   color: #ECEFF1 !important; }
25453
25454 .blue-grey-50-border {
25455   border-color: #ECEFF1 !important; }
25456
25457 .blue-grey-50-border-top {
25458   border-top-color: #ECEFF1 !important; }
25459
25460 .blue-grey-50-border-right {
25461   border-right-color: #ECEFF1 !important; }
25462
25463 .blue-grey-50-border-bottom {
25464   border-bottom-color: #ECEFF1 !important; }
25465
25466 .blue-grey-50-border-left {
25467   border-left-color: #ECEFF1 !important; }
25468
25469 .blue-grey-100-bg {
25470   background-color: #CFD8DC !important; }
25471
25472 .md-blue-grey-100-bg {
25473   background-color: #CFD8DC !important;
25474   color: rgba(0, 0, 0, 0.87); }
25475
25476 .blue-grey-100-fg {
25477   color: #CFD8DC !important; }
25478
25479 .blue-grey-100-border {
25480   border-color: #CFD8DC !important; }
25481
25482 .blue-grey-100-border-top {
25483   border-top-color: #CFD8DC !important; }
25484
25485 .blue-grey-100-border-right {
25486   border-right-color: #CFD8DC !important; }
25487
25488 .blue-grey-100-border-bottom {
25489   border-bottom-color: #CFD8DC !important; }
25490
25491 .blue-grey-100-border-left {
25492   border-left-color: #CFD8DC !important; }
25493
25494 .blue-grey-200-bg {
25495   background-color: #B0BEC5 !important; }
25496
25497 .md-blue-grey-200-bg {
25498   background-color: #B0BEC5 !important;
25499   color: rgba(0, 0, 0, 0.87); }
25500
25501 .blue-grey-200-fg {
25502   color: #B0BEC5 !important; }
25503
25504 .blue-grey-200-border {
25505   border-color: #B0BEC5 !important; }
25506
25507 .blue-grey-200-border-top {
25508   border-top-color: #B0BEC5 !important; }
25509
25510 .blue-grey-200-border-right {
25511   border-right-color: #B0BEC5 !important; }
25512
25513 .blue-grey-200-border-bottom {
25514   border-bottom-color: #B0BEC5 !important; }
25515
25516 .blue-grey-200-border-left {
25517   border-left-color: #B0BEC5 !important; }
25518
25519 .blue-grey-300-bg {
25520   background-color: #90A4AE !important; }
25521
25522 .md-blue-grey-300-bg {
25523   background-color: #90A4AE !important;
25524   color: rgba(0, 0, 0, 0.87); }
25525
25526 .blue-grey-300-fg {
25527   color: #90A4AE !important; }
25528
25529 .blue-grey-300-border {
25530   border-color: #90A4AE !important; }
25531
25532 .blue-grey-300-border-top {
25533   border-top-color: #90A4AE !important; }
25534
25535 .blue-grey-300-border-right {
25536   border-right-color: #90A4AE !important; }
25537
25538 .blue-grey-300-border-bottom {
25539   border-bottom-color: #90A4AE !important; }
25540
25541 .blue-grey-300-border-left {
25542   border-left-color: #90A4AE !important; }
25543
25544 .blue-grey-400-bg {
25545   background-color: #78909C !important; }
25546
25547 .md-blue-grey-400-bg {
25548   background-color: #78909C !important;
25549   color: white; }
25550
25551 .blue-grey-400-fg {
25552   color: #78909C !important; }
25553
25554 .blue-grey-400-border {
25555   border-color: #78909C !important; }
25556
25557 .blue-grey-400-border-top {
25558   border-top-color: #78909C !important; }
25559
25560 .blue-grey-400-border-right {
25561   border-right-color: #78909C !important; }
25562
25563 .blue-grey-400-border-bottom {
25564   border-bottom-color: #78909C !important; }
25565
25566 .blue-grey-400-border-left {
25567   border-left-color: #78909C !important; }
25568
25569 .blue-grey-500-bg {
25570   background-color: #607D8B !important; }
25571
25572 .md-blue-grey-500-bg {
25573   background-color: #607D8B !important;
25574   color: white; }
25575
25576 .blue-grey-500-fg {
25577   color: #607D8B !important; }
25578
25579 .blue-grey-500-border {
25580   border-color: #607D8B !important; }
25581
25582 .blue-grey-500-border-top {
25583   border-top-color: #607D8B !important; }
25584
25585 .blue-grey-500-border-right {
25586   border-right-color: #607D8B !important; }
25587
25588 .blue-grey-500-border-bottom {
25589   border-bottom-color: #607D8B !important; }
25590
25591 .blue-grey-500-border-left {
25592   border-left-color: #607D8B !important; }
25593
25594 .md-blue-grey-bg {
25595   background-color: #607D8B !important;
25596   color: white; }
25597
25598 .blue-grey-bg {
25599   background-color: #607D8B !important; }
25600
25601 .blue-grey-fg {
25602   color: #607D8B !important; }
25603
25604 .blue-grey-border {
25605   border-color: #607D8B !important; }
25606
25607 .blue-grey-border-top {
25608   border-top-color: #607D8B !important; }
25609
25610 .blue-grey-border-right {
25611   border-right-color: #607D8B !important; }
25612
25613 .blue-grey-border-bottom {
25614   border-bottom-color: #607D8B !important; }
25615
25616 .blue-grey-border-left {
25617   border-left-color: #607D8B !important; }
25618
25619 .blue-grey-600-bg {
25620   background-color: #546E7A !important; }
25621
25622 .md-blue-grey-600-bg {
25623   background-color: #546E7A !important;
25624   color: rgba(255, 255, 255, 0.87); }
25625
25626 .blue-grey-600-fg {
25627   color: #546E7A !important; }
25628
25629 .blue-grey-600-border {
25630   border-color: #546E7A !important; }
25631
25632 .blue-grey-600-border-top {
25633   border-top-color: #546E7A !important; }
25634
25635 .blue-grey-600-border-right {
25636   border-right-color: #546E7A !important; }
25637
25638 .blue-grey-600-border-bottom {
25639   border-bottom-color: #546E7A !important; }
25640
25641 .blue-grey-600-border-left {
25642   border-left-color: #546E7A !important; }
25643
25644 .blue-grey-700-bg {
25645   background-color: #455A64 !important; }
25646
25647 .md-blue-grey-700-bg {
25648   background-color: #455A64 !important;
25649   color: rgba(255, 255, 255, 0.87); }
25650
25651 .blue-grey-700-fg {
25652   color: #455A64 !important; }
25653
25654 .blue-grey-700-border {
25655   border-color: #455A64 !important; }
25656
25657 .blue-grey-700-border-top {
25658   border-top-color: #455A64 !important; }
25659
25660 .blue-grey-700-border-right {
25661   border-right-color: #455A64 !important; }
25662
25663 .blue-grey-700-border-bottom {
25664   border-bottom-color: #455A64 !important; }
25665
25666 .blue-grey-700-border-left {
25667   border-left-color: #455A64 !important; }
25668
25669 .blue-grey-800-bg {
25670   background-color: #37474F !important; }
25671
25672 .md-blue-grey-800-bg {
25673   background-color: #37474F !important;
25674   color: rgba(255, 255, 255, 0.87); }
25675
25676 .blue-grey-800-fg {
25677   color: #37474F !important; }
25678
25679 .blue-grey-800-border {
25680   border-color: #37474F !important; }
25681
25682 .blue-grey-800-border-top {
25683   border-top-color: #37474F !important; }
25684
25685 .blue-grey-800-border-right {
25686   border-right-color: #37474F !important; }
25687
25688 .blue-grey-800-border-bottom {
25689   border-bottom-color: #37474F !important; }
25690
25691 .blue-grey-800-border-left {
25692   border-left-color: #37474F !important; }
25693
25694 .blue-grey-900-bg {
25695   background-color: #263238 !important; }
25696
25697 .md-blue-grey-900-bg {
25698   background-color: #263238 !important;
25699   color: rgba(255, 255, 255, 0.87); }
25700
25701 .blue-grey-900-fg {
25702   color: #263238 !important; }
25703
25704 .blue-grey-900-border {
25705   border-color: #263238 !important; }
25706
25707 .blue-grey-900-border-top {
25708   border-top-color: #263238 !important; }
25709
25710 .blue-grey-900-border-right {
25711   border-right-color: #263238 !important; }
25712
25713 .blue-grey-900-border-bottom {
25714   border-bottom-color: #263238 !important; }
25715
25716 .blue-grey-900-border-left {
25717   border-left-color: #263238 !important; }
25718
25719 .blue-grey-A100-bg {
25720   background-color: #CFD8DC !important; }
25721
25722 .md-blue-grey-A100-bg {
25723   background-color: #CFD8DC !important;
25724   color: rgba(255, 255, 255, 0.87); }
25725
25726 .blue-grey-A100-fg {
25727   color: #CFD8DC !important; }
25728
25729 .blue-grey-A100-border {
25730   border-color: #CFD8DC !important; }
25731
25732 .blue-grey-A100-border-top {
25733   border-top-color: #CFD8DC !important; }
25734
25735 .blue-grey-A100-border-right {
25736   border-right-color: #CFD8DC !important; }
25737
25738 .blue-grey-A100-border-bottom {
25739   border-bottom-color: #CFD8DC !important; }
25740
25741 .blue-grey-A100-border-left {
25742   border-left-color: #CFD8DC !important; }
25743
25744 .blue-grey-A200-bg {
25745   background-color: #B0BEC5 !important; }
25746
25747 .md-blue-grey-A200-bg {
25748   background-color: #B0BEC5 !important;
25749   color: rgba(255, 255, 255, 0.87); }
25750
25751 .blue-grey-A200-fg {
25752   color: #B0BEC5 !important; }
25753
25754 .blue-grey-A200-border {
25755   border-color: #B0BEC5 !important; }
25756
25757 .blue-grey-A200-border-top {
25758   border-top-color: #B0BEC5 !important; }
25759
25760 .blue-grey-A200-border-right {
25761   border-right-color: #B0BEC5 !important; }
25762
25763 .blue-grey-A200-border-bottom {
25764   border-bottom-color: #B0BEC5 !important; }
25765
25766 .blue-grey-A200-border-left {
25767   border-left-color: #B0BEC5 !important; }
25768
25769 .blue-grey-A400-bg {
25770   background-color: #78909C !important; }
25771
25772 .md-blue-grey-A400-bg {
25773   background-color: #78909C !important;
25774   color: rgba(255, 255, 255, 0.87); }
25775
25776 .blue-grey-A400-fg {
25777   color: #78909C !important; }
25778
25779 .blue-grey-A400-border {
25780   border-color: #78909C !important; }
25781
25782 .blue-grey-A400-border-top {
25783   border-top-color: #78909C !important; }
25784
25785 .blue-grey-A400-border-right {
25786   border-right-color: #78909C !important; }
25787
25788 .blue-grey-A400-border-bottom {
25789   border-bottom-color: #78909C !important; }
25790
25791 .blue-grey-A400-border-left {
25792   border-left-color: #78909C !important; }
25793
25794 .blue-grey-A700-bg {
25795   background-color: #455A64 !important; }
25796
25797 .md-blue-grey-A700-bg {
25798   background-color: #455A64 !important;
25799   color: rgba(255, 255, 255, 0.87); }
25800
25801 .blue-grey-A700-fg {
25802   color: #455A64 !important; }
25803
25804 .blue-grey-A700-border {
25805   border-color: #455A64 !important; }
25806
25807 .blue-grey-A700-border-top {
25808   border-top-color: #455A64 !important; }
25809
25810 .blue-grey-A700-border-right {
25811   border-right-color: #455A64 !important; }
25812
25813 .blue-grey-A700-border-bottom {
25814   border-bottom-color: #455A64 !important; }
25815
25816 .blue-grey-A700-border-left {
25817   border-left-color: #455A64 !important; }
25818
25819 .white-500-bg {
25820   background-color: #FFFFFF !important; }
25821
25822 .md-white-500-bg {
25823   background-color: #FFFFFF !important;
25824   color: rgba(0, 0, 0, 0.87); }
25825
25826 .white-500-fg {
25827   color: #FFFFFF !important; }
25828
25829 .white-500-border {
25830   border-color: #FFFFFF !important; }
25831
25832 .white-500-border-top {
25833   border-top-color: #FFFFFF !important; }
25834
25835 .white-500-border-right {
25836   border-right-color: #FFFFFF !important; }
25837
25838 .white-500-border-bottom {
25839   border-bottom-color: #FFFFFF !important; }
25840
25841 .white-500-border-left {
25842   border-left-color: #FFFFFF !important; }
25843
25844 .md-white-bg {
25845   background-color: #FFFFFF !important;
25846   color: rgba(0, 0, 0, 0.87); }
25847
25848 .white-bg {
25849   background-color: #FFFFFF !important; }
25850
25851 .white-fg {
25852   color: #FFFFFF !important; }
25853
25854 .white-border {
25855   border-color: #FFFFFF !important; }
25856
25857 .white-border-top {
25858   border-top-color: #FFFFFF !important; }
25859
25860 .white-border-right {
25861   border-right-color: #FFFFFF !important; }
25862
25863 .white-border-bottom {
25864   border-bottom-color: #FFFFFF !important; }
25865
25866 .white-border-left {
25867   border-left-color: #FFFFFF !important; }
25868
25869 .black-500-bg {
25870   background-color: #000000 !important; }
25871
25872 .md-black-500-bg {
25873   background-color: #000000 !important;
25874   color: rgba(255, 255, 255, 0.87); }
25875
25876 .black-500-fg {
25877   color: #000000 !important; }
25878
25879 .black-500-border {
25880   border-color: #000000 !important; }
25881
25882 .black-500-border-top {
25883   border-top-color: #000000 !important; }
25884
25885 .black-500-border-right {
25886   border-right-color: #000000 !important; }
25887
25888 .black-500-border-bottom {
25889   border-bottom-color: #000000 !important; }
25890
25891 .black-500-border-left {
25892   border-left-color: #000000 !important; }
25893
25894 .md-black-bg {
25895   background-color: #000000 !important;
25896   color: rgba(255, 255, 255, 0.87); }
25897
25898 .black-bg {
25899   background-color: #000000 !important; }
25900
25901 .black-fg {
25902   color: #000000 !important; }
25903
25904 .black-border {
25905   border-color: #000000 !important; }
25906
25907 .black-border-top {
25908   border-top-color: #000000 !important; }
25909
25910 .black-border-right {
25911   border-right-color: #000000 !important; }
25912
25913 .black-border-bottom {
25914   border-bottom-color: #000000 !important; }
25915
25916 .black-border-left {
25917   border-left-color: #000000 !important; }
25918
25919 /*----------------------------------------------------------------*/
25920 /*  Icons
25921 /*----------------------------------------------------------------*/
25922 md-icon[md-font-icon],
25923 i {
25924   font-size: 24px;
25925   width: 24px;
25926   height: 24px;
25927   min-width: 24px;
25928   min-height: 24px;
25929   line-height: 24px; }
25930   md-icon[md-font-icon].s4,
25931   i.s4 {
25932     font-size: 4px !important;
25933     width: 4px !important;
25934     height: 4px !important;
25935     min-width: 4px !important;
25936     min-height: 4px !important;
25937     line-height: 4px !important; }
25938   md-icon[md-font-icon].s6,
25939   i.s6 {
25940     font-size: 6px !important;
25941     width: 6px !important;
25942     height: 6px !important;
25943     min-width: 6px !important;
25944     min-height: 6px !important;
25945     line-height: 6px !important; }
25946   md-icon[md-font-icon].s8,
25947   i.s8 {
25948     font-size: 8px !important;
25949     width: 8px !important;
25950     height: 8px !important;
25951     min-width: 8px !important;
25952     min-height: 8px !important;
25953     line-height: 8px !important; }
25954   md-icon[md-font-icon].s10,
25955   i.s10 {
25956     font-size: 10px !important;
25957     width: 10px !important;
25958     height: 10px !important;
25959     min-width: 10px !important;
25960     min-height: 10px !important;
25961     line-height: 10px !important; }
25962   md-icon[md-font-icon].s12,
25963   i.s12 {
25964     font-size: 12px !important;
25965     width: 12px !important;
25966     height: 12px !important;
25967     min-width: 12px !important;
25968     min-height: 12px !important;
25969     line-height: 12px !important; }
25970   md-icon[md-font-icon].s14,
25971   i.s14 {
25972     font-size: 14px !important;
25973     width: 14px !important;
25974     height: 14px !important;
25975     min-width: 14px !important;
25976     min-height: 14px !important;
25977     line-height: 14px !important; }
25978   md-icon[md-font-icon].s16,
25979   i.s16 {
25980     font-size: 16px !important;
25981     width: 16px !important;
25982     height: 16px !important;
25983     min-width: 16px !important;
25984     min-height: 16px !important;
25985     line-height: 16px !important; }
25986   md-icon[md-font-icon].s18,
25987   i.s18 {
25988     font-size: 18px !important;
25989     width: 18px !important;
25990     height: 18px !important;
25991     min-width: 18px !important;
25992     min-height: 18px !important;
25993     line-height: 18px !important; }
25994   md-icon[md-font-icon].s20,
25995   i.s20 {
25996     font-size: 20px !important;
25997     width: 20px !important;
25998     height: 20px !important;
25999     min-width: 20px !important;
26000     min-height: 20px !important;
26001     line-height: 20px !important; }
26002   md-icon[md-font-icon].s22,
26003   i.s22 {
26004     font-size: 22px !important;
26005     width: 22px !important;
26006     height: 22px !important;
26007     min-width: 22px !important;
26008     min-height: 22px !important;
26009     line-height: 22px !important; }
26010   md-icon[md-font-icon].s24,
26011   i.s24 {
26012     font-size: 24px !important;
26013     width: 24px !important;
26014     height: 24px !important;
26015     min-width: 24px !important;
26016     min-height: 24px !important;
26017     line-height: 24px !important; }
26018   md-icon[md-font-icon].s26,
26019   i.s26 {
26020     font-size: 26px !important;
26021     width: 26px !important;
26022     height: 26px !important;
26023     min-width: 26px !important;
26024     min-height: 26px !important;
26025     line-height: 26px !important; }
26026   md-icon[md-font-icon].s28,
26027   i.s28 {
26028     font-size: 28px !important;
26029     width: 28px !important;
26030     height: 28px !important;
26031     min-width: 28px !important;
26032     min-height: 28px !important;
26033     line-height: 28px !important; }
26034   md-icon[md-font-icon].s30,
26035   i.s30 {
26036     font-size: 30px !important;
26037     width: 30px !important;
26038     height: 30px !important;
26039     min-width: 30px !important;
26040     min-height: 30px !important;
26041     line-height: 30px !important; }
26042   md-icon[md-font-icon].s32,
26043   i.s32 {
26044     font-size: 32px !important;
26045     width: 32px !important;
26046     height: 32px !important;
26047     min-width: 32px !important;
26048     min-height: 32px !important;
26049     line-height: 32px !important; }
26050   md-icon[md-font-icon].s34,
26051   i.s34 {
26052     font-size: 34px !important;
26053     width: 34px !important;
26054     height: 34px !important;
26055     min-width: 34px !important;
26056     min-height: 34px !important;
26057     line-height: 34px !important; }
26058   md-icon[md-font-icon].s36,
26059   i.s36 {
26060     font-size: 36px !important;
26061     width: 36px !important;
26062     height: 36px !important;
26063     min-width: 36px !important;
26064     min-height: 36px !important;
26065     line-height: 36px !important; }
26066   md-icon[md-font-icon].s38,
26067   i.s38 {
26068     font-size: 38px !important;
26069     width: 38px !important;
26070     height: 38px !important;
26071     min-width: 38px !important;
26072     min-height: 38px !important;
26073     line-height: 38px !important; }
26074   md-icon[md-font-icon].s40,
26075   i.s40 {
26076     font-size: 40px !important;
26077     width: 40px !important;
26078     height: 40px !important;
26079     min-width: 40px !important;
26080     min-height: 40px !important;
26081     line-height: 40px !important; }
26082   md-icon[md-font-icon].s42,
26083   i.s42 {
26084     font-size: 42px !important;
26085     width: 42px !important;
26086     height: 42px !important;
26087     min-width: 42px !important;
26088     min-height: 42px !important;
26089     line-height: 42px !important; }
26090   md-icon[md-font-icon].s44,
26091   i.s44 {
26092     font-size: 44px !important;
26093     width: 44px !important;
26094     height: 44px !important;
26095     min-width: 44px !important;
26096     min-height: 44px !important;
26097     line-height: 44px !important; }
26098   md-icon[md-font-icon].s46,
26099   i.s46 {
26100     font-size: 46px !important;
26101     width: 46px !important;
26102     height: 46px !important;
26103     min-width: 46px !important;
26104     min-height: 46px !important;
26105     line-height: 46px !important; }
26106   md-icon[md-font-icon].s48,
26107   i.s48 {
26108     font-size: 48px !important;
26109     width: 48px !important;
26110     height: 48px !important;
26111     min-width: 48px !important;
26112     min-height: 48px !important;
26113     line-height: 48px !important; }
26114   md-icon[md-font-icon].s50,
26115   i.s50 {
26116     font-size: 50px !important;
26117     width: 50px !important;
26118     height: 50px !important;
26119     min-width: 50px !important;
26120     min-height: 50px !important;
26121     line-height: 50px !important; }
26122   md-icon[md-font-icon].s52,
26123   i.s52 {
26124     font-size: 52px !important;
26125     width: 52px !important;
26126     height: 52px !important;
26127     min-width: 52px !important;
26128     min-height: 52px !important;
26129     line-height: 52px !important; }
26130   md-icon[md-font-icon].s54,
26131   i.s54 {
26132     font-size: 54px !important;
26133     width: 54px !important;
26134     height: 54px !important;
26135     min-width: 54px !important;
26136     min-height: 54px !important;
26137     line-height: 54px !important; }
26138   md-icon[md-font-icon].s56,
26139   i.s56 {
26140     font-size: 56px !important;
26141     width: 56px !important;
26142     height: 56px !important;
26143     min-width: 56px !important;
26144     min-height: 56px !important;
26145     line-height: 56px !important; }
26146   md-icon[md-font-icon].s58,
26147   i.s58 {
26148     font-size: 58px !important;
26149     width: 58px !important;
26150     height: 58px !important;
26151     min-width: 58px !important;
26152     min-height: 58px !important;
26153     line-height: 58px !important; }
26154   md-icon[md-font-icon].s60,
26155   i.s60 {
26156     font-size: 60px !important;
26157     width: 60px !important;
26158     height: 60px !important;
26159     min-width: 60px !important;
26160     min-height: 60px !important;
26161     line-height: 60px !important; }
26162   md-icon[md-font-icon].s62,
26163   i.s62 {
26164     font-size: 62px !important;
26165     width: 62px !important;
26166     height: 62px !important;
26167     min-width: 62px !important;
26168     min-height: 62px !important;
26169     line-height: 62px !important; }
26170   md-icon[md-font-icon].s64,
26171   i.s64 {
26172     font-size: 64px !important;
26173     width: 64px !important;
26174     height: 64px !important;
26175     min-width: 64px !important;
26176     min-height: 64px !important;
26177     line-height: 64px !important; }
26178   md-icon[md-font-icon].s66,
26179   i.s66 {
26180     font-size: 66px !important;
26181     width: 66px !important;
26182     height: 66px !important;
26183     min-width: 66px !important;
26184     min-height: 66px !important;
26185     line-height: 66px !important; }
26186   md-icon[md-font-icon].s68,
26187   i.s68 {
26188     font-size: 68px !important;
26189     width: 68px !important;
26190     height: 68px !important;
26191     min-width: 68px !important;
26192     min-height: 68px !important;
26193     line-height: 68px !important; }
26194   md-icon[md-font-icon].s70,
26195   i.s70 {
26196     font-size: 70px !important;
26197     width: 70px !important;
26198     height: 70px !important;
26199     min-width: 70px !important;
26200     min-height: 70px !important;
26201     line-height: 70px !important; }
26202   md-icon[md-font-icon].s72,
26203   i.s72 {
26204     font-size: 72px !important;
26205     width: 72px !important;
26206     height: 72px !important;
26207     min-width: 72px !important;
26208     min-height: 72px !important;
26209     line-height: 72px !important; }
26210   md-icon[md-font-icon].s74,
26211   i.s74 {
26212     font-size: 74px !important;
26213     width: 74px !important;
26214     height: 74px !important;
26215     min-width: 74px !important;
26216     min-height: 74px !important;
26217     line-height: 74px !important; }
26218   md-icon[md-font-icon].s76,
26219   i.s76 {
26220     font-size: 76px !important;
26221     width: 76px !important;
26222     height: 76px !important;
26223     min-width: 76px !important;
26224     min-height: 76px !important;
26225     line-height: 76px !important; }
26226   md-icon[md-font-icon].s78,
26227   i.s78 {
26228     font-size: 78px !important;
26229     width: 78px !important;
26230     height: 78px !important;
26231     min-width: 78px !important;
26232     min-height: 78px !important;
26233     line-height: 78px !important; }
26234   md-icon[md-font-icon].s80,
26235   i.s80 {
26236     font-size: 80px !important;
26237     width: 80px !important;
26238     height: 80px !important;
26239     min-width: 80px !important;
26240     min-height: 80px !important;
26241     line-height: 80px !important; }
26242   md-icon[md-font-icon].s82,
26243   i.s82 {
26244     font-size: 82px !important;
26245     width: 82px !important;
26246     height: 82px !important;
26247     min-width: 82px !important;
26248     min-height: 82px !important;
26249     line-height: 82px !important; }
26250   md-icon[md-font-icon].s84,
26251   i.s84 {
26252     font-size: 84px !important;
26253     width: 84px !important;
26254     height: 84px !important;
26255     min-width: 84px !important;
26256     min-height: 84px !important;
26257     line-height: 84px !important; }
26258   md-icon[md-font-icon].s86,
26259   i.s86 {
26260     font-size: 86px !important;
26261     width: 86px !important;
26262     height: 86px !important;
26263     min-width: 86px !important;
26264     min-height: 86px !important;
26265     line-height: 86px !important; }
26266   md-icon[md-font-icon].s88,
26267   i.s88 {
26268     font-size: 88px !important;
26269     width: 88px !important;
26270     height: 88px !important;
26271     min-width: 88px !important;
26272     min-height: 88px !important;
26273     line-height: 88px !important; }
26274   md-icon[md-font-icon].s90,
26275   i.s90 {
26276     font-size: 90px !important;
26277     width: 90px !important;
26278     height: 90px !important;
26279     min-width: 90px !important;
26280     min-height: 90px !important;
26281     line-height: 90px !important; }
26282   md-icon[md-font-icon].s92,
26283   i.s92 {
26284     font-size: 92px !important;
26285     width: 92px !important;
26286     height: 92px !important;
26287     min-width: 92px !important;
26288     min-height: 92px !important;
26289     line-height: 92px !important; }
26290   md-icon[md-font-icon].s94,
26291   i.s94 {
26292     font-size: 94px !important;
26293     width: 94px !important;
26294     height: 94px !important;
26295     min-width: 94px !important;
26296     min-height: 94px !important;
26297     line-height: 94px !important; }
26298   md-icon[md-font-icon].s96,
26299   i.s96 {
26300     font-size: 96px !important;
26301     width: 96px !important;
26302     height: 96px !important;
26303     min-width: 96px !important;
26304     min-height: 96px !important;
26305     line-height: 96px !important; }
26306   md-icon[md-font-icon].s98,
26307   i.s98 {
26308     font-size: 98px !important;
26309     width: 98px !important;
26310     height: 98px !important;
26311     min-width: 98px !important;
26312     min-height: 98px !important;
26313     line-height: 98px !important; }
26314   md-icon[md-font-icon].s100,
26315   i.s100 {
26316     font-size: 100px !important;
26317     width: 100px !important;
26318     height: 100px !important;
26319     min-width: 100px !important;
26320     min-height: 100px !important;
26321     line-height: 100px !important; }
26322   md-icon[md-font-icon].s102,
26323   i.s102 {
26324     font-size: 102px !important;
26325     width: 102px !important;
26326     height: 102px !important;
26327     min-width: 102px !important;
26328     min-height: 102px !important;
26329     line-height: 102px !important; }
26330   md-icon[md-font-icon].s104,
26331   i.s104 {
26332     font-size: 104px !important;
26333     width: 104px !important;
26334     height: 104px !important;
26335     min-width: 104px !important;
26336     min-height: 104px !important;
26337     line-height: 104px !important; }
26338   md-icon[md-font-icon].s106,
26339   i.s106 {
26340     font-size: 106px !important;
26341     width: 106px !important;
26342     height: 106px !important;
26343     min-width: 106px !important;
26344     min-height: 106px !important;
26345     line-height: 106px !important; }
26346   md-icon[md-font-icon].s108,
26347   i.s108 {
26348     font-size: 108px !important;
26349     width: 108px !important;
26350     height: 108px !important;
26351     min-width: 108px !important;
26352     min-height: 108px !important;
26353     line-height: 108px !important; }
26354   md-icon[md-font-icon].s110,
26355   i.s110 {
26356     font-size: 110px !important;
26357     width: 110px !important;
26358     height: 110px !important;
26359     min-width: 110px !important;
26360     min-height: 110px !important;
26361     line-height: 110px !important; }
26362   md-icon[md-font-icon].s112,
26363   i.s112 {
26364     font-size: 112px !important;
26365     width: 112px !important;
26366     height: 112px !important;
26367     min-width: 112px !important;
26368     min-height: 112px !important;
26369     line-height: 112px !important; }
26370   md-icon[md-font-icon].s114,
26371   i.s114 {
26372     font-size: 114px !important;
26373     width: 114px !important;
26374     height: 114px !important;
26375     min-width: 114px !important;
26376     min-height: 114px !important;
26377     line-height: 114px !important; }
26378   md-icon[md-font-icon].s116,
26379   i.s116 {
26380     font-size: 116px !important;
26381     width: 116px !important;
26382     height: 116px !important;
26383     min-width: 116px !important;
26384     min-height: 116px !important;
26385     line-height: 116px !important; }
26386   md-icon[md-font-icon].s118,
26387   i.s118 {
26388     font-size: 118px !important;
26389     width: 118px !important;
26390     height: 118px !important;
26391     min-width: 118px !important;
26392     min-height: 118px !important;
26393     line-height: 118px !important; }
26394   md-icon[md-font-icon].s120,
26395   i.s120 {
26396     font-size: 120px !important;
26397     width: 120px !important;
26398     height: 120px !important;
26399     min-width: 120px !important;
26400     min-height: 120px !important;
26401     line-height: 120px !important; }
26402   md-icon[md-font-icon].s122,
26403   i.s122 {
26404     font-size: 122px !important;
26405     width: 122px !important;
26406     height: 122px !important;
26407     min-width: 122px !important;
26408     min-height: 122px !important;
26409     line-height: 122px !important; }
26410   md-icon[md-font-icon].s124,
26411   i.s124 {
26412     font-size: 124px !important;
26413     width: 124px !important;
26414     height: 124px !important;
26415     min-width: 124px !important;
26416     min-height: 124px !important;
26417     line-height: 124px !important; }
26418   md-icon[md-font-icon].s126,
26419   i.s126 {
26420     font-size: 126px !important;
26421     width: 126px !important;
26422     height: 126px !important;
26423     min-width: 126px !important;
26424     min-height: 126px !important;
26425     line-height: 126px !important; }
26426   md-icon[md-font-icon].s128,
26427   i.s128 {
26428     font-size: 128px !important;
26429     width: 128px !important;
26430     height: 128px !important;
26431     min-width: 128px !important;
26432     min-height: 128px !important;
26433     line-height: 128px !important; }
26434   md-icon[md-font-icon].s130,
26435   i.s130 {
26436     font-size: 130px !important;
26437     width: 130px !important;
26438     height: 130px !important;
26439     min-width: 130px !important;
26440     min-height: 130px !important;
26441     line-height: 130px !important; }
26442   md-icon[md-font-icon].s132,
26443   i.s132 {
26444     font-size: 132px !important;
26445     width: 132px !important;
26446     height: 132px !important;
26447     min-width: 132px !important;
26448     min-height: 132px !important;
26449     line-height: 132px !important; }
26450   md-icon[md-font-icon].s134,
26451   i.s134 {
26452     font-size: 134px !important;
26453     width: 134px !important;
26454     height: 134px !important;
26455     min-width: 134px !important;
26456     min-height: 134px !important;
26457     line-height: 134px !important; }
26458   md-icon[md-font-icon].s136,
26459   i.s136 {
26460     font-size: 136px !important;
26461     width: 136px !important;
26462     height: 136px !important;
26463     min-width: 136px !important;
26464     min-height: 136px !important;
26465     line-height: 136px !important; }
26466   md-icon[md-font-icon].s138,
26467   i.s138 {
26468     font-size: 138px !important;
26469     width: 138px !important;
26470     height: 138px !important;
26471     min-width: 138px !important;
26472     min-height: 138px !important;
26473     line-height: 138px !important; }
26474   md-icon[md-font-icon].s140,
26475   i.s140 {
26476     font-size: 140px !important;
26477     width: 140px !important;
26478     height: 140px !important;
26479     min-width: 140px !important;
26480     min-height: 140px !important;
26481     line-height: 140px !important; }
26482   md-icon[md-font-icon].s142,
26483   i.s142 {
26484     font-size: 142px !important;
26485     width: 142px !important;
26486     height: 142px !important;
26487     min-width: 142px !important;
26488     min-height: 142px !important;
26489     line-height: 142px !important; }
26490   md-icon[md-font-icon].s144,
26491   i.s144 {
26492     font-size: 144px !important;
26493     width: 144px !important;
26494     height: 144px !important;
26495     min-width: 144px !important;
26496     min-height: 144px !important;
26497     line-height: 144px !important; }
26498   md-icon[md-font-icon].s146,
26499   i.s146 {
26500     font-size: 146px !important;
26501     width: 146px !important;
26502     height: 146px !important;
26503     min-width: 146px !important;
26504     min-height: 146px !important;
26505     line-height: 146px !important; }
26506   md-icon[md-font-icon].s148,
26507   i.s148 {
26508     font-size: 148px !important;
26509     width: 148px !important;
26510     height: 148px !important;
26511     min-width: 148px !important;
26512     min-height: 148px !important;
26513     line-height: 148px !important; }
26514   md-icon[md-font-icon].s150,
26515   i.s150 {
26516     font-size: 150px !important;
26517     width: 150px !important;
26518     height: 150px !important;
26519     min-width: 150px !important;
26520     min-height: 150px !important;
26521     line-height: 150px !important; }
26522   md-icon[md-font-icon].s152,
26523   i.s152 {
26524     font-size: 152px !important;
26525     width: 152px !important;
26526     height: 152px !important;
26527     min-width: 152px !important;
26528     min-height: 152px !important;
26529     line-height: 152px !important; }
26530   md-icon[md-font-icon].s154,
26531   i.s154 {
26532     font-size: 154px !important;
26533     width: 154px !important;
26534     height: 154px !important;
26535     min-width: 154px !important;
26536     min-height: 154px !important;
26537     line-height: 154px !important; }
26538   md-icon[md-font-icon].s156,
26539   i.s156 {
26540     font-size: 156px !important;
26541     width: 156px !important;
26542     height: 156px !important;
26543     min-width: 156px !important;
26544     min-height: 156px !important;
26545     line-height: 156px !important; }
26546   md-icon[md-font-icon].s158,
26547   i.s158 {
26548     font-size: 158px !important;
26549     width: 158px !important;
26550     height: 158px !important;
26551     min-width: 158px !important;
26552     min-height: 158px !important;
26553     line-height: 158px !important; }
26554   md-icon[md-font-icon].s160,
26555   i.s160 {
26556     font-size: 160px !important;
26557     width: 160px !important;
26558     height: 160px !important;
26559     min-width: 160px !important;
26560     min-height: 160px !important;
26561     line-height: 160px !important; }
26562   md-icon[md-font-icon].s162,
26563   i.s162 {
26564     font-size: 162px !important;
26565     width: 162px !important;
26566     height: 162px !important;
26567     min-width: 162px !important;
26568     min-height: 162px !important;
26569     line-height: 162px !important; }
26570   md-icon[md-font-icon].s164,
26571   i.s164 {
26572     font-size: 164px !important;
26573     width: 164px !important;
26574     height: 164px !important;
26575     min-width: 164px !important;
26576     min-height: 164px !important;
26577     line-height: 164px !important; }
26578   md-icon[md-font-icon].s166,
26579   i.s166 {
26580     font-size: 166px !important;
26581     width: 166px !important;
26582     height: 166px !important;
26583     min-width: 166px !important;
26584     min-height: 166px !important;
26585     line-height: 166px !important; }
26586   md-icon[md-font-icon].s168,
26587   i.s168 {
26588     font-size: 168px !important;
26589     width: 168px !important;
26590     height: 168px !important;
26591     min-width: 168px !important;
26592     min-height: 168px !important;
26593     line-height: 168px !important; }
26594   md-icon[md-font-icon].s170,
26595   i.s170 {
26596     font-size: 170px !important;
26597     width: 170px !important;
26598     height: 170px !important;
26599     min-width: 170px !important;
26600     min-height: 170px !important;
26601     line-height: 170px !important; }
26602   md-icon[md-font-icon].s172,
26603   i.s172 {
26604     font-size: 172px !important;
26605     width: 172px !important;
26606     height: 172px !important;
26607     min-width: 172px !important;
26608     min-height: 172px !important;
26609     line-height: 172px !important; }
26610   md-icon[md-font-icon].s174,
26611   i.s174 {
26612     font-size: 174px !important;
26613     width: 174px !important;
26614     height: 174px !important;
26615     min-width: 174px !important;
26616     min-height: 174px !important;
26617     line-height: 174px !important; }
26618   md-icon[md-font-icon].s176,
26619   i.s176 {
26620     font-size: 176px !important;
26621     width: 176px !important;
26622     height: 176px !important;
26623     min-width: 176px !important;
26624     min-height: 176px !important;
26625     line-height: 176px !important; }
26626   md-icon[md-font-icon].s178,
26627   i.s178 {
26628     font-size: 178px !important;
26629     width: 178px !important;
26630     height: 178px !important;
26631     min-width: 178px !important;
26632     min-height: 178px !important;
26633     line-height: 178px !important; }
26634   md-icon[md-font-icon].s180,
26635   i.s180 {
26636     font-size: 180px !important;
26637     width: 180px !important;
26638     height: 180px !important;
26639     min-width: 180px !important;
26640     min-height: 180px !important;
26641     line-height: 180px !important; }
26642   md-icon[md-font-icon].s182,
26643   i.s182 {
26644     font-size: 182px !important;
26645     width: 182px !important;
26646     height: 182px !important;
26647     min-width: 182px !important;
26648     min-height: 182px !important;
26649     line-height: 182px !important; }
26650   md-icon[md-font-icon].s184,
26651   i.s184 {
26652     font-size: 184px !important;
26653     width: 184px !important;
26654     height: 184px !important;
26655     min-width: 184px !important;
26656     min-height: 184px !important;
26657     line-height: 184px !important; }
26658   md-icon[md-font-icon].s186,
26659   i.s186 {
26660     font-size: 186px !important;
26661     width: 186px !important;
26662     height: 186px !important;
26663     min-width: 186px !important;
26664     min-height: 186px !important;
26665     line-height: 186px !important; }
26666   md-icon[md-font-icon].s188,
26667   i.s188 {
26668     font-size: 188px !important;
26669     width: 188px !important;
26670     height: 188px !important;
26671     min-width: 188px !important;
26672     min-height: 188px !important;
26673     line-height: 188px !important; }
26674   md-icon[md-font-icon].s190,
26675   i.s190 {
26676     font-size: 190px !important;
26677     width: 190px !important;
26678     height: 190px !important;
26679     min-width: 190px !important;
26680     min-height: 190px !important;
26681     line-height: 190px !important; }
26682   md-icon[md-font-icon].s192,
26683   i.s192 {
26684     font-size: 192px !important;
26685     width: 192px !important;
26686     height: 192px !important;
26687     min-width: 192px !important;
26688     min-height: 192px !important;
26689     line-height: 192px !important; }
26690   md-icon[md-font-icon].s194,
26691   i.s194 {
26692     font-size: 194px !important;
26693     width: 194px !important;
26694     height: 194px !important;
26695     min-width: 194px !important;
26696     min-height: 194px !important;
26697     line-height: 194px !important; }
26698   md-icon[md-font-icon].s196,
26699   i.s196 {
26700     font-size: 196px !important;
26701     width: 196px !important;
26702     height: 196px !important;
26703     min-width: 196px !important;
26704     min-height: 196px !important;
26705     line-height: 196px !important; }
26706   md-icon[md-font-icon].s198,
26707   i.s198 {
26708     font-size: 198px !important;
26709     width: 198px !important;
26710     height: 198px !important;
26711     min-width: 198px !important;
26712     min-height: 198px !important;
26713     line-height: 198px !important; }
26714   md-icon[md-font-icon].s200,
26715   i.s200 {
26716     font-size: 200px !important;
26717     width: 200px !important;
26718     height: 200px !important;
26719     min-width: 200px !important;
26720     min-height: 200px !important;
26721     line-height: 200px !important; }
26722   md-icon[md-font-icon].s202,
26723   i.s202 {
26724     font-size: 202px !important;
26725     width: 202px !important;
26726     height: 202px !important;
26727     min-width: 202px !important;
26728     min-height: 202px !important;
26729     line-height: 202px !important; }
26730   md-icon[md-font-icon].s204,
26731   i.s204 {
26732     font-size: 204px !important;
26733     width: 204px !important;
26734     height: 204px !important;
26735     min-width: 204px !important;
26736     min-height: 204px !important;
26737     line-height: 204px !important; }
26738   md-icon[md-font-icon].s206,
26739   i.s206 {
26740     font-size: 206px !important;
26741     width: 206px !important;
26742     height: 206px !important;
26743     min-width: 206px !important;
26744     min-height: 206px !important;
26745     line-height: 206px !important; }
26746   md-icon[md-font-icon].s208,
26747   i.s208 {
26748     font-size: 208px !important;
26749     width: 208px !important;
26750     height: 208px !important;
26751     min-width: 208px !important;
26752     min-height: 208px !important;
26753     line-height: 208px !important; }
26754   md-icon[md-font-icon].s210,
26755   i.s210 {
26756     font-size: 210px !important;
26757     width: 210px !important;
26758     height: 210px !important;
26759     min-width: 210px !important;
26760     min-height: 210px !important;
26761     line-height: 210px !important; }
26762   md-icon[md-font-icon].s212,
26763   i.s212 {
26764     font-size: 212px !important;
26765     width: 212px !important;
26766     height: 212px !important;
26767     min-width: 212px !important;
26768     min-height: 212px !important;
26769     line-height: 212px !important; }
26770   md-icon[md-font-icon].s214,
26771   i.s214 {
26772     font-size: 214px !important;
26773     width: 214px !important;
26774     height: 214px !important;
26775     min-width: 214px !important;
26776     min-height: 214px !important;
26777     line-height: 214px !important; }
26778   md-icon[md-font-icon].s216,
26779   i.s216 {
26780     font-size: 216px !important;
26781     width: 216px !important;
26782     height: 216px !important;
26783     min-width: 216px !important;
26784     min-height: 216px !important;
26785     line-height: 216px !important; }
26786   md-icon[md-font-icon].s218,
26787   i.s218 {
26788     font-size: 218px !important;
26789     width: 218px !important;
26790     height: 218px !important;
26791     min-width: 218px !important;
26792     min-height: 218px !important;
26793     line-height: 218px !important; }
26794   md-icon[md-font-icon].s220,
26795   i.s220 {
26796     font-size: 220px !important;
26797     width: 220px !important;
26798     height: 220px !important;
26799     min-width: 220px !important;
26800     min-height: 220px !important;
26801     line-height: 220px !important; }
26802   md-icon[md-font-icon].s222,
26803   i.s222 {
26804     font-size: 222px !important;
26805     width: 222px !important;
26806     height: 222px !important;
26807     min-width: 222px !important;
26808     min-height: 222px !important;
26809     line-height: 222px !important; }
26810   md-icon[md-font-icon].s224,
26811   i.s224 {
26812     font-size: 224px !important;
26813     width: 224px !important;
26814     height: 224px !important;
26815     min-width: 224px !important;
26816     min-height: 224px !important;
26817     line-height: 224px !important; }
26818   md-icon[md-font-icon].s226,
26819   i.s226 {
26820     font-size: 226px !important;
26821     width: 226px !important;
26822     height: 226px !important;
26823     min-width: 226px !important;
26824     min-height: 226px !important;
26825     line-height: 226px !important; }
26826   md-icon[md-font-icon].s228,
26827   i.s228 {
26828     font-size: 228px !important;
26829     width: 228px !important;
26830     height: 228px !important;
26831     min-width: 228px !important;
26832     min-height: 228px !important;
26833     line-height: 228px !important; }
26834   md-icon[md-font-icon].s230,
26835   i.s230 {
26836     font-size: 230px !important;
26837     width: 230px !important;
26838     height: 230px !important;
26839     min-width: 230px !important;
26840     min-height: 230px !important;
26841     line-height: 230px !important; }
26842   md-icon[md-font-icon].s232,
26843   i.s232 {
26844     font-size: 232px !important;
26845     width: 232px !important;
26846     height: 232px !important;
26847     min-width: 232px !important;
26848     min-height: 232px !important;
26849     line-height: 232px !important; }
26850   md-icon[md-font-icon].s234,
26851   i.s234 {
26852     font-size: 234px !important;
26853     width: 234px !important;
26854     height: 234px !important;
26855     min-width: 234px !important;
26856     min-height: 234px !important;
26857     line-height: 234px !important; }
26858   md-icon[md-font-icon].s236,
26859   i.s236 {
26860     font-size: 236px !important;
26861     width: 236px !important;
26862     height: 236px !important;
26863     min-width: 236px !important;
26864     min-height: 236px !important;
26865     line-height: 236px !important; }
26866   md-icon[md-font-icon].s238,
26867   i.s238 {
26868     font-size: 238px !important;
26869     width: 238px !important;
26870     height: 238px !important;
26871     min-width: 238px !important;
26872     min-height: 238px !important;
26873     line-height: 238px !important; }
26874   md-icon[md-font-icon].s240,
26875   i.s240 {
26876     font-size: 240px !important;
26877     width: 240px !important;
26878     height: 240px !important;
26879     min-width: 240px !important;
26880     min-height: 240px !important;
26881     line-height: 240px !important; }
26882   md-icon[md-font-icon].s242,
26883   i.s242 {
26884     font-size: 242px !important;
26885     width: 242px !important;
26886     height: 242px !important;
26887     min-width: 242px !important;
26888     min-height: 242px !important;
26889     line-height: 242px !important; }
26890   md-icon[md-font-icon].s244,
26891   i.s244 {
26892     font-size: 244px !important;
26893     width: 244px !important;
26894     height: 244px !important;
26895     min-width: 244px !important;
26896     min-height: 244px !important;
26897     line-height: 244px !important; }
26898   md-icon[md-font-icon].s246,
26899   i.s246 {
26900     font-size: 246px !important;
26901     width: 246px !important;
26902     height: 246px !important;
26903     min-width: 246px !important;
26904     min-height: 246px !important;
26905     line-height: 246px !important; }
26906   md-icon[md-font-icon].s248,
26907   i.s248 {
26908     font-size: 248px !important;
26909     width: 248px !important;
26910     height: 248px !important;
26911     min-width: 248px !important;
26912     min-height: 248px !important;
26913     line-height: 248px !important; }
26914   md-icon[md-font-icon].s250,
26915   i.s250 {
26916     font-size: 250px !important;
26917     width: 250px !important;
26918     height: 250px !important;
26919     min-width: 250px !important;
26920     min-height: 250px !important;
26921     line-height: 250px !important; }
26922   md-icon[md-font-icon].s252,
26923   i.s252 {
26924     font-size: 252px !important;
26925     width: 252px !important;
26926     height: 252px !important;
26927     min-width: 252px !important;
26928     min-height: 252px !important;
26929     line-height: 252px !important; }
26930   md-icon[md-font-icon].s254,
26931   i.s254 {
26932     font-size: 254px !important;
26933     width: 254px !important;
26934     height: 254px !important;
26935     min-width: 254px !important;
26936     min-height: 254px !important;
26937     line-height: 254px !important; }
26938   md-icon[md-font-icon].s256,
26939   i.s256 {
26940     font-size: 256px !important;
26941     width: 256px !important;
26942     height: 256px !important;
26943     min-width: 256px !important;
26944     min-height: 256px !important;
26945     line-height: 256px !important; }
26946
26947 @font-face {
26948   font-family: 'icomoon';
26949   src: url("../icons/fonts/icomoon.eot?5km1tg");
26950   src: url("../icons/fonts/icomoon.eot?#iefix5km1tg") format("embedded-opentype"), url("../icons/fonts/icomoon.ttf?5km1tg") format("truetype"), url("../icons/fonts/icomoon.woff?5km1tg") format("woff"), url("../icons/fonts/icomoon.svg?5km1tg#icomoon") format("svg");
26951   font-weight: normal;
26952   font-style: normal; }
26953
26954 [class^="icon-"],
26955 [class*=" icon-"] {
26956   font-family: 'icomoon';
26957   speak: none;
26958   font-style: normal;
26959   font-weight: normal;
26960   font-variant: normal;
26961   text-transform: none;
26962   line-height: 1;
26963   /* Better Font Rendering =========== */
26964   -webkit-font-smoothing: antialiased;
26965   -moz-osx-font-smoothing: grayscale; }
26966
26967 .icon-account-alert:before {
26968   content: "\e600"; }
26969
26970 .icon-account-box-outline:before {
26971   content: "\e601"; }
26972
26973 .icon-account-box:before {
26974   content: "\e602"; }
26975
26976 .icon-account-check:before {
26977   content: "\e603"; }
26978
26979 .icon-account-circle:before {
26980   content: "\e604"; }
26981
26982 .icon-account-key:before {
26983   content: "\e605"; }
26984
26985 .icon-account-location:before {
26986   content: "\e606"; }
26987
26988 .icon-account-minus:before {
26989   content: "\e607"; }
26990
26991 .icon-account-multiple-outline:before {
26992   content: "\e608"; }
26993
26994 .icon-account-multiple-plus:before {
26995   content: "\e609"; }
26996
26997 .icon-account-multiple:before {
26998   content: "\e60a"; }
26999
27000 .icon-account-network:before {
27001   content: "\e60b"; }
27002
27003 .icon-account-outline:before {
27004   content: "\e60c"; }
27005
27006 .icon-account-plus:before {
27007   content: "\e60d"; }
27008
27009 .icon-account-remove:before {
27010   content: "\e60e"; }
27011
27012 .icon-account-search:before {
27013   content: "\e60f"; }
27014
27015 .icon-account-switch:before {
27016   content: "\e610"; }
27017
27018 .icon-account:before {
27019   content: "\e611"; }
27020
27021 .icon-airballoon:before {
27022   content: "\e612"; }
27023
27024 .icon-airplane-off:before {
27025   content: "\e613"; }
27026
27027 .icon-airplane:before {
27028   content: "\e614"; }
27029
27030 .icon-alarm-check:before {
27031   content: "\e615"; }
27032
27033 .icon-alarm-multiple:before {
27034   content: "\e616"; }
27035
27036 .icon-alarm-off:before {
27037   content: "\e617"; }
27038
27039 .icon-alarm-plus:before {
27040   content: "\e618"; }
27041
27042 .icon-alarm:before {
27043   content: "\e619"; }
27044
27045 .icon-album:before {
27046   content: "\e61a"; }
27047
27048 .icon-alert-box:before {
27049   content: "\e61b"; }
27050
27051 .icon-alert-circle:before {
27052   content: "\e61c"; }
27053
27054 .icon-alert-octagon:before {
27055   content: "\e61d"; }
27056
27057 .icon-alert:before {
27058   content: "\e61e"; }
27059
27060 .icon-alpha:before {
27061   content: "\e61f"; }
27062
27063 .icon-alphabetical:before {
27064   content: "\e620"; }
27065
27066 .icon-amazon-clouddrive:before {
27067   content: "\e621"; }
27068
27069 .icon-amazon:before {
27070   content: "\e622"; }
27071
27072 .icon-ambulance:before {
27073   content: "\e623"; }
27074
27075 .icon-android-debug-bridge:before {
27076   content: "\e624"; }
27077
27078 .icon-android-studio:before {
27079   content: "\e625"; }
27080
27081 .icon-android:before {
27082   content: "\e626"; }
27083
27084 .icon-apple-finder:before {
27085   content: "\e627"; }
27086
27087 .icon-apple-ios:before {
27088   content: "\e628"; }
27089
27090 .icon-apple-mobileme:before {
27091   content: "\e629"; }
27092
27093 .icon-apple-safari:before {
27094   content: "\e62a"; }
27095
27096 .icon-apple:before {
27097   content: "\e62b"; }
27098
27099 .icon-appnet:before {
27100   content: "\e62c"; }
27101
27102 .icon-apps:before {
27103   content: "\e62d"; }
27104
27105 .icon-archive:before {
27106   content: "\e62e"; }
27107
27108 .icon-arrange-bring-forward:before {
27109   content: "\e62f"; }
27110
27111 .icon-arrange-bring-to-front:before {
27112   content: "\e630"; }
27113
27114 .icon-arrange-send-backward:before {
27115   content: "\e631"; }
27116
27117 .icon-arrange-send-to-back:before {
27118   content: "\e632"; }
27119
27120 .icon-arrow-all:before {
27121   content: "\e633"; }
27122
27123 .icon-arrow-bottom-left:before {
27124   content: "\e634"; }
27125
27126 .icon-arrow-bottom-right:before {
27127   content: "\e635"; }
27128
27129 .icon-arrow-collapse:before {
27130   content: "\e636"; }
27131
27132 .icon-arrow-down-bold-circle-outline:before {
27133   content: "\e637"; }
27134
27135 .icon-arrow-down-bold-circle:before {
27136   content: "\e638"; }
27137
27138 .icon-arrow-down-bold-hexagon-outline:before {
27139   content: "\e639"; }
27140
27141 .icon-arrow-down-bold:before {
27142   content: "\e63a"; }
27143
27144 .icon-arrow-down:before {
27145   content: "\e63b"; }
27146
27147 .icon-arrow-expand:before {
27148   content: "\e63c"; }
27149
27150 .icon-arrow-left-bold-circle-outline:before {
27151   content: "\e63d"; }
27152
27153 .icon-arrow-left-bold-circle:before {
27154   content: "\e63e"; }
27155
27156 .icon-arrow-left-bold-hexagon-outline:before {
27157   content: "\e63f"; }
27158
27159 .icon-arrow-left-bold:before {
27160   content: "\e640"; }
27161
27162 .icon-arrow-left:before {
27163   content: "\e641"; }
27164
27165 .icon-arrow-right-bold-circle-outline:before {
27166   content: "\e642"; }
27167
27168 .icon-arrow-right-bold-circle:before {
27169   content: "\e643"; }
27170
27171 .icon-arrow-right-bold-hexagon-outline:before {
27172   content: "\e644"; }
27173
27174 .icon-arrow-right-bold:before {
27175   content: "\e645"; }
27176
27177 .icon-arrow-right:before {
27178   content: "\e646"; }
27179
27180 .icon-arrow-top-left:before {
27181   content: "\e647"; }
27182
27183 .icon-arrow-top-right:before {
27184   content: "\e648"; }
27185
27186 .icon-arrow-up-bold-circle-outline:before {
27187   content: "\e649"; }
27188
27189 .icon-arrow-up-bold-circle:before {
27190   content: "\e64a"; }
27191
27192 .icon-arrow-up-bold-hexagon-outline:before {
27193   content: "\e64b"; }
27194
27195 .icon-arrow-up-bold:before {
27196   content: "\e64c"; }
27197
27198 .icon-arrow-up:before {
27199   content: "\e64d"; }
27200
27201 .icon-at:before {
27202   content: "\e64e"; }
27203
27204 .icon-attachment:before {
27205   content: "\e64f"; }
27206
27207 .icon-audiobook:before {
27208   content: "\e650"; }
27209
27210 .icon-auto-fix:before {
27211   content: "\e651"; }
27212
27213 .icon-auto-upload:before {
27214   content: "\e652"; }
27215
27216 .icon-baby:before {
27217   content: "\e653"; }
27218
27219 .icon-backburger:before {
27220   content: "\e654"; }
27221
27222 .icon-backup-restore:before {
27223   content: "\e655"; }
27224
27225 .icon-bank:before {
27226   content: "\e656"; }
27227
27228 .icon-barcode:before {
27229   content: "\e657"; }
27230
27231 .icon-barley:before {
27232   content: "\e658"; }
27233
27234 .icon-barrel:before {
27235   content: "\e659"; }
27236
27237 .icon-basecamp:before {
27238   content: "\e65a"; }
27239
27240 .icon-basket-fill:before {
27241   content: "\e65b"; }
27242
27243 .icon-basket-unfill:before {
27244   content: "\e65c"; }
27245
27246 .icon-basket:before {
27247   content: "\e65d"; }
27248
27249 .icon-battery-10:before {
27250   content: "\e65e"; }
27251
27252 .icon-battery-20:before {
27253   content: "\e65f"; }
27254
27255 .icon-battery-30:before {
27256   content: "\e660"; }
27257
27258 .icon-battery-40:before {
27259   content: "\e661"; }
27260
27261 .icon-battery-50:before {
27262   content: "\e662"; }
27263
27264 .icon-battery-60:before {
27265   content: "\e663"; }
27266
27267 .icon-battery-70:before {
27268   content: "\e664"; }
27269
27270 .icon-battery-80:before {
27271   content: "\e665"; }
27272
27273 .icon-battery-90:before {
27274   content: "\e666"; }
27275
27276 .icon-battery-alert:before {
27277   content: "\e667"; }
27278
27279 .icon-battery-charging-20:before {
27280   content: "\e668"; }
27281
27282 .icon-battery-charging-30:before {
27283   content: "\e669"; }
27284
27285 .icon-battery-charging-40:before {
27286   content: "\e66a"; }
27287
27288 .icon-battery-charging-60:before {
27289   content: "\e66b"; }
27290
27291 .icon-battery-charging-80:before {
27292   content: "\e66c"; }
27293
27294 .icon-battery-charging-90:before {
27295   content: "\e66d"; }
27296
27297 .icon-battery-charging-100:before {
27298   content: "\e66e"; }
27299
27300 .icon-battery-minus:before {
27301   content: "\e66f"; }
27302
27303 .icon-battery-negative:before {
27304   content: "\e670"; }
27305
27306 .icon-battery-outline:before {
27307   content: "\e671"; }
27308
27309 .icon-battery-plus:before {
27310   content: "\e672"; }
27311
27312 .icon-battery-positive:before {
27313   content: "\e673"; }
27314
27315 .icon-battery-standard:before {
27316   content: "\e674"; }
27317
27318 .icon-battery-unknown:before {
27319   content: "\e675"; }
27320
27321 .icon-battery:before {
27322   content: "\e676"; }
27323
27324 .icon-beach:before {
27325   content: "\e677"; }
27326
27327 .icon-beaker-empty-outline:before {
27328   content: "\e678"; }
27329
27330 .icon-beaker-empty:before {
27331   content: "\e679"; }
27332
27333 .icon-beaker-outline:before {
27334   content: "\e67a"; }
27335
27336 .icon-beaker:before {
27337   content: "\e67b"; }
27338
27339 .icon-beats:before {
27340   content: "\e67c"; }
27341
27342 .icon-beer:before {
27343   content: "\e67d"; }
27344
27345 .icon-behance:before {
27346   content: "\e67e"; }
27347
27348 .icon-bell-off:before {
27349   content: "\e67f"; }
27350
27351 .icon-bell-outline:before {
27352   content: "\e680"; }
27353
27354 .icon-bell-ring-outline:before {
27355   content: "\e681"; }
27356
27357 .icon-bell-ring:before {
27358   content: "\e682"; }
27359
27360 .icon-bell-sleep:before {
27361   content: "\e683"; }
27362
27363 .icon-bell:before {
27364   content: "\e684"; }
27365
27366 .icon-beta:before {
27367   content: "\e685"; }
27368
27369 .icon-bike:before {
27370   content: "\e686"; }
27371
27372 .icon-bing:before {
27373   content: "\e687"; }
27374
27375 .icon-binoculars:before {
27376   content: "\e688"; }
27377
27378 .icon-bio:before {
27379   content: "\e689"; }
27380
27381 .icon-bitbucket:before {
27382   content: "\e68a"; }
27383
27384 .icon-black-mesa:before {
27385   content: "\e68b"; }
27386
27387 .icon-blackberry:before {
27388   content: "\e68c"; }
27389
27390 .icon-blinds:before {
27391   content: "\e68d"; }
27392
27393 .icon-block-helper:before {
27394   content: "\e68e"; }
27395
27396 .icon-blogger:before {
27397   content: "\e68f"; }
27398
27399 .icon-bluetooth-audio:before {
27400   content: "\e690"; }
27401
27402 .icon-bluetooth-connect:before {
27403   content: "\e691"; }
27404
27405 .icon-bluetooth-settings:before {
27406   content: "\e692"; }
27407
27408 .icon-bluetooth-transfer:before {
27409   content: "\e693"; }
27410
27411 .icon-bluetooth:before {
27412   content: "\e694"; }
27413
27414 .icon-blur-linear:before {
27415   content: "\e695"; }
27416
27417 .icon-blur-off:before {
27418   content: "\e696"; }
27419
27420 .icon-blur-radial:before {
27421   content: "\e697"; }
27422
27423 .icon-blur:before {
27424   content: "\e698"; }
27425
27426 .icon-bone:before {
27427   content: "\e699"; }
27428
27429 .icon-book-multiple-variant:before {
27430   content: "\e69a"; }
27431
27432 .icon-book-multiple:before {
27433   content: "\e69b"; }
27434
27435 .icon-book-open:before {
27436   content: "\e69c"; }
27437
27438 .icon-book-variant:before {
27439   content: "\e69d"; }
27440
27441 .icon-book:before {
27442   content: "\e69e"; }
27443
27444 .icon-bookmark-check:before {
27445   content: "\e69f"; }
27446
27447 .icon-bookmark-music:before {
27448   content: "\e6a0"; }
27449
27450 .icon-bookmark-outline-plus:before {
27451   content: "\e6a1"; }
27452
27453 .icon-bookmark-outline:before {
27454   content: "\e6a2"; }
27455
27456 .icon-bookmark-plus:before {
27457   content: "\e6a3"; }
27458
27459 .icon-bookmark-remove:before {
27460   content: "\e6a4"; }
27461
27462 .icon-bookmark:before {
27463   content: "\e6a5"; }
27464
27465 .icon-border-all:before {
27466   content: "\e6a6"; }
27467
27468 .icon-border-bottom:before {
27469   content: "\e6a7"; }
27470
27471 .icon-border-color:before {
27472   content: "\e6a8"; }
27473
27474 .icon-border-horizontal:before {
27475   content: "\e6a9"; }
27476
27477 .icon-border-inside:before {
27478   content: "\e6aa"; }
27479
27480 .icon-border-left:before {
27481   content: "\e6ab"; }
27482
27483 .icon-border-none:before {
27484   content: "\e6ac"; }
27485
27486 .icon-border-outside:before {
27487   content: "\e6ad"; }
27488
27489 .icon-border-right:before {
27490   content: "\e6ae"; }
27491
27492 .icon-border-top:before {
27493   content: "\e6af"; }
27494
27495 .icon-border-vertical:before {
27496   content: "\e6b0"; }
27497
27498 .icon-bowling:before {
27499   content: "\e6b1"; }
27500
27501 .icon-box-download:before {
27502   content: "\e6b2"; }
27503
27504 .icon-box-upload:before {
27505   content: "\e6b3"; }
27506
27507 .icon-box:before {
27508   content: "\e6b4"; }
27509
27510 .icon-briefcase-checked:before {
27511   content: "\e6b5"; }
27512
27513 .icon-briefcase-download:before {
27514   content: "\e6b6"; }
27515
27516 .icon-briefcase-upload:before {
27517   content: "\e6b7"; }
27518
27519 .icon-briefcase:before {
27520   content: "\e6b8"; }
27521
27522 .icon-brightness-1:before {
27523   content: "\e6b9"; }
27524
27525 .icon-brightness-2:before {
27526   content: "\e6ba"; }
27527
27528 .icon-brightness-3:before {
27529   content: "\e6bb"; }
27530
27531 .icon-brightness-4:before {
27532   content: "\e6bc"; }
27533
27534 .icon-brightness-5:before {
27535   content: "\e6bd"; }
27536
27537 .icon-brightness-6:before {
27538   content: "\e6be"; }
27539
27540 .icon-brightness-7:before {
27541   content: "\e6bf"; }
27542
27543 .icon-brightness-auto:before {
27544   content: "\e6c0"; }
27545
27546 .icon-brightness:before {
27547   content: "\e6c1"; }
27548
27549 .icon-broom:before {
27550   content: "\e6c2"; }
27551
27552 .icon-brush:before {
27553   content: "\e6c3"; }
27554
27555 .icon-bug:before {
27556   content: "\e6c4"; }
27557
27558 .icon-bulletin-board:before {
27559   content: "\e6c5"; }
27560
27561 .icon-bullhorn:before {
27562   content: "\e6c6"; }
27563
27564 .icon-bus:before {
27565   content: "\e6c7"; }
27566
27567 .icon-cake-variant:before {
27568   content: "\e6c8"; }
27569
27570 .icon-cake:before {
27571   content: "\e6c9"; }
27572
27573 .icon-calculator:before {
27574   content: "\e6ca"; }
27575
27576 .icon-calendar-blank:before {
27577   content: "\e6cb"; }
27578
27579 .icon-calendar-check-multiple:before {
27580   content: "\e6cc"; }
27581
27582 .icon-calendar-check:before {
27583   content: "\e6cd"; }
27584
27585 .icon-calendar-clock:before {
27586   content: "\e6ce"; }
27587
27588 .icon-calendar-multiple:before {
27589   content: "\e6cf"; }
27590
27591 .icon-calendar-plus:before {
27592   content: "\e6d0"; }
27593
27594 .icon-calendar-remove:before {
27595   content: "\e6d1"; }
27596
27597 .icon-calendar-select:before {
27598   content: "\e6d2"; }
27599
27600 .icon-calendar-text:before {
27601   content: "\e6d3"; }
27602
27603 .icon-calendar-today:before {
27604   content: "\e6d4"; }
27605
27606 .icon-calendar:before {
27607   content: "\e6d5"; }
27608
27609 .icon-camcorder-box-off:before {
27610   content: "\e6d6"; }
27611
27612 .icon-camcorder-box:before {
27613   content: "\e6d7"; }
27614
27615 .icon-camcorder-off:before {
27616   content: "\e6d8"; }
27617
27618 .icon-camcorder:before {
27619   content: "\e6d9"; }
27620
27621 .icon-camera-front-variant:before {
27622   content: "\e6da"; }
27623
27624 .icon-camera-front:before {
27625   content: "\e6db"; }
27626
27627 .icon-camera-iris:before {
27628   content: "\e6dc"; }
27629
27630 .icon-camera-party-mode:before {
27631   content: "\e6dd"; }
27632
27633 .icon-camera-rear-variant:before {
27634   content: "\e6de"; }
27635
27636 .icon-camera-rear:before {
27637   content: "\e6df"; }
27638
27639 .icon-camera-switch:before {
27640   content: "\e6e0"; }
27641
27642 .icon-camera-timer:before {
27643   content: "\e6e1"; }
27644
27645 .icon-camera:before {
27646   content: "\e6e2"; }
27647
27648 .icon-cancel:before {
27649   content: "\e6e3"; }
27650
27651 .icon-candycane:before {
27652   content: "\e6e4"; }
27653
27654 .icon-car-wash:before {
27655   content: "\e6e5"; }
27656
27657 .icon-car:before {
27658   content: "\e6e6"; }
27659
27660 .icon-carrot:before {
27661   content: "\e6e7"; }
27662
27663 .icon-cart-outline:before {
27664   content: "\e6e8"; }
27665
27666 .icon-cart:before {
27667   content: "\e6e9"; }
27668
27669 .icon-cash-100:before {
27670   content: "\e6ea"; }
27671
27672 .icon-cash-multiple:before {
27673   content: "\e6eb"; }
27674
27675 .icon-cash-usd:before {
27676   content: "\e6ec"; }
27677
27678 .icon-cash:before {
27679   content: "\e6ed"; }
27680
27681 .icon-cast-connected:before {
27682   content: "\e6ee"; }
27683
27684 .icon-cast:before {
27685   content: "\e6ef"; }
27686
27687 .icon-castle:before {
27688   content: "\e6f0"; }
27689
27690 .icon-cat:before {
27691   content: "\e6f1"; }
27692
27693 .icon-cellphone-android:before {
27694   content: "\e6f2"; }
27695
27696 .icon-cellphone-dock:before {
27697   content: "\e6f3"; }
27698
27699 .icon-cellphone-iphone:before {
27700   content: "\e6f4"; }
27701
27702 .icon-cellphone-link-off:before {
27703   content: "\e6f5"; }
27704
27705 .icon-cellphone-link:before {
27706   content: "\e6f6"; }
27707
27708 .icon-cellphone-settings:before {
27709   content: "\e6f7"; }
27710
27711 .icon-cellphone:before {
27712   content: "\e6f8"; }
27713
27714 .icon-chair-school:before {
27715   content: "\e6f9"; }
27716
27717 .icon-chart-arc:before {
27718   content: "\e6fa"; }
27719
27720 .icon-chart-areaspline:before {
27721   content: "\e6fb"; }
27722
27723 .icon-chart-bar:before {
27724   content: "\e6fc"; }
27725
27726 .icon-chart-histogram:before {
27727   content: "\e6fd"; }
27728
27729 .icon-chart-line:before {
27730   content: "\e6fe"; }
27731
27732 .icon-chart-pie:before {
27733   content: "\e6ff"; }
27734
27735 .icon-check-all:before {
27736   content: "\e700"; }
27737
27738 .icon-check-bookmark:before {
27739   content: "\e701"; }
27740
27741 .icon-check-circle:before {
27742   content: "\e702"; }
27743
27744 .icon-check:before {
27745   content: "\e703"; }
27746
27747 .icon-checkbox-blank-circle-outline:before {
27748   content: "\e704"; }
27749
27750 .icon-checkbox-blank-circle:before {
27751   content: "\e705"; }
27752
27753 .icon-checkbox-blank-outline:before {
27754   content: "\e706"; }
27755
27756 .icon-checkbox-blank:before {
27757   content: "\e707"; }
27758
27759 .icon-checkbox-marked-circle-outline:before {
27760   content: "\e708"; }
27761
27762 .icon-checkbox-marked-circle:before {
27763   content: "\e709"; }
27764
27765 .icon-checkbox-marked-outline:before {
27766   content: "\e70a"; }
27767
27768 .icon-checkbox-marked:before {
27769   content: "\e70b"; }
27770
27771 .icon-checkbox-multiple-blank-outline:before {
27772   content: "\e70c"; }
27773
27774 .icon-checkbox-multiple-blank:before {
27775   content: "\e70d"; }
27776
27777 .icon-checkbox-multiple-marked-outline:before {
27778   content: "\e70e"; }
27779
27780 .icon-checkbox-multiple-marked:before {
27781   content: "\e70f"; }
27782
27783 .icon-checkerboard:before {
27784   content: "\e710"; }
27785
27786 .icon-chevron-double-down:before {
27787   content: "\e711"; }
27788
27789 .icon-chevron-double-left:before {
27790   content: "\e712"; }
27791
27792 .icon-chevron-double-right:before {
27793   content: "\e713"; }
27794
27795 .icon-chevron-double-up:before {
27796   content: "\e714"; }
27797
27798 .icon-chevron-down:before {
27799   content: "\e715"; }
27800
27801 .icon-chevron-left:before {
27802   content: "\e716"; }
27803
27804 .icon-chevron-right:before {
27805   content: "\e717"; }
27806
27807 .icon-chevron-up:before {
27808   content: "\e718"; }
27809
27810 .icon-church:before {
27811   content: "\e719"; }
27812
27813 .icon-cisco-webex:before {
27814   content: "\e71a"; }
27815
27816 .icon-city:before {
27817   content: "\e71b"; }
27818
27819 .icon-clapperboard:before {
27820   content: "\e71c"; }
27821
27822 .icon-clipboard-account:before {
27823   content: "\e71d"; }
27824
27825 .icon-clipboard-alert:before {
27826   content: "\e71e"; }
27827
27828 .icon-clipboard-arrow-down:before {
27829   content: "\e71f"; }
27830
27831 .icon-clipboard-arrow-left:before {
27832   content: "\e720"; }
27833
27834 .icon-clipboard-check:before {
27835   content: "\e721"; }
27836
27837 .icon-clipboard-outline:before {
27838   content: "\e722"; }
27839
27840 .icon-clipboard-text:before {
27841   content: "\e723"; }
27842
27843 .icon-clipboard:before {
27844   content: "\e724"; }
27845
27846 .icon-clippy:before {
27847   content: "\e725"; }
27848
27849 .icon-clock-fast:before {
27850   content: "\e726"; }
27851
27852 .icon-clock:before {
27853   content: "\e727"; }
27854
27855 .icon-close-circle-outline:before {
27856   content: "\e728"; }
27857
27858 .icon-close-circle:before {
27859   content: "\e729"; }
27860
27861 .icon-close-network:before {
27862   content: "\e72a"; }
27863
27864 .icon-close:before {
27865   content: "\e72b"; }
27866
27867 .icon-closed-caption:before {
27868   content: "\e72c"; }
27869
27870 .icon-cloud-check:before {
27871   content: "\e72d"; }
27872
27873 .icon-cloud-circle:before {
27874   content: "\e72e"; }
27875
27876 .icon-cloud-download:before {
27877   content: "\e72f"; }
27878
27879 .icon-cloud-outline-off:before {
27880   content: "\e730"; }
27881
27882 .icon-cloud-outline:before {
27883   content: "\e731"; }
27884
27885 .icon-cloud-upload:before {
27886   content: "\e732"; }
27887
27888 .icon-cloud:before {
27889   content: "\e733"; }
27890
27891 .icon-code-array:before {
27892   content: "\e734"; }
27893
27894 .icon-code-braces:before {
27895   content: "\e735"; }
27896
27897 .icon-code-equal:before {
27898   content: "\e736"; }
27899
27900 .icon-code-greater-than-or-equal:before {
27901   content: "\e737"; }
27902
27903 .icon-code-greater-than:before {
27904   content: "\e738"; }
27905
27906 .icon-code-less-than-or-equal:before {
27907   content: "\e739"; }
27908
27909 .icon-code-less-than:before {
27910   content: "\e73a"; }
27911
27912 .icon-code-not-equal-variant:before {
27913   content: "\e73b"; }
27914
27915 .icon-code-not-equal:before {
27916   content: "\e73c"; }
27917
27918 .icon-code-string:before {
27919   content: "\e73d"; }
27920
27921 .icon-code-tags:before {
27922   content: "\e73e"; }
27923
27924 .icon-codepen:before {
27925   content: "\e73f"; }
27926
27927 .icon-coffee-to-go:before {
27928   content: "\e740"; }
27929
27930 .icon-coffee:before {
27931   content: "\e741"; }
27932
27933 .icon-cog-box:before {
27934   content: "\e742"; }
27935
27936 .icon-cog:before {
27937   content: "\e743"; }
27938
27939 .icon-coin:before {
27940   content: "\e744"; }
27941
27942 .icon-color-helper:before {
27943   content: "\e745"; }
27944
27945 .icon-comment-account-outline:before {
27946   content: "\e746"; }
27947
27948 .icon-comment-account:before {
27949   content: "\e747"; }
27950
27951 .icon-comment-alert-outline:before {
27952   content: "\e748"; }
27953
27954 .icon-comment-alert:before {
27955   content: "\e749"; }
27956
27957 .icon-comment-check-outline:before {
27958   content: "\e74a"; }
27959
27960 .icon-comment-check:before {
27961   content: "\e74b"; }
27962
27963 .icon-comment-multipe-outline:before {
27964   content: "\e74c"; }
27965
27966 .icon-comment-outline:before {
27967   content: "\e74d"; }
27968
27969 .icon-comment-plus-outline:before {
27970   content: "\e74e"; }
27971
27972 .icon-comment-processing-outline:before {
27973   content: "\e74f"; }
27974
27975 .icon-comment-processing:before {
27976   content: "\e750"; }
27977
27978 .icon-comment-remove-outline:before {
27979   content: "\e751"; }
27980
27981 .icon-comment-text-outline:before {
27982   content: "\e752"; }
27983
27984 .icon-comment-text:before {
27985   content: "\e753"; }
27986
27987 .icon-comment:before {
27988   content: "\e754"; }
27989
27990 .icon-compare:before {
27991   content: "\e755"; }
27992
27993 .icon-compass-outline:before {
27994   content: "\e756"; }
27995
27996 .icon-compass:before {
27997   content: "\e757"; }
27998
27999 .icon-console:before {
28000   content: "\e758"; }
28001
28002 .icon-content-copy:before {
28003   content: "\e759"; }
28004
28005 .icon-content-cut:before {
28006   content: "\e75a"; }
28007
28008 .icon-content-duplicate:before {
28009   content: "\e75b"; }
28010
28011 .icon-content-paste:before {
28012   content: "\e75c"; }
28013
28014 .icon-content-save-all:before {
28015   content: "\e75d"; }
28016
28017 .icon-content-save:before {
28018   content: "\e75e"; }
28019
28020 .icon-contrast-box:before {
28021   content: "\e75f"; }
28022
28023 .icon-contrast-circle:before {
28024   content: "\e760"; }
28025
28026 .icon-contrast:before {
28027   content: "\e761"; }
28028
28029 .icon-controller-xbox:before {
28030   content: "\e762"; }
28031
28032 .icon-cow:before {
28033   content: "\e763"; }
28034
28035 .icon-credit-card-multiple:before {
28036   content: "\e764"; }
28037
28038 .icon-credit-card:before {
28039   content: "\e765"; }
28040
28041 .icon-crop-free:before {
28042   content: "\e766"; }
28043
28044 .icon-crop-landscape:before {
28045   content: "\e767"; }
28046
28047 .icon-crop-portrait:before {
28048   content: "\e768"; }
28049
28050 .icon-crop-square:before {
28051   content: "\e769"; }
28052
28053 .icon-crop:before {
28054   content: "\e76a"; }
28055
28056 .icon-crosshairs-gps:before {
28057   content: "\e76b"; }
28058
28059 .icon-crosshairs:before {
28060   content: "\e76c"; }
28061
28062 .icon-crown:before {
28063   content: "\e76d"; }
28064
28065 .icon-cube-outline:before {
28066   content: "\e76e"; }
28067
28068 .icon-cube-unfolded:before {
28069   content: "\e76f"; }
28070
28071 .icon-cube:before {
28072   content: "\e770"; }
28073
28074 .icon-cup-water:before {
28075   content: "\e771"; }
28076
28077 .icon-cup:before {
28078   content: "\e772"; }
28079
28080 .icon-currency-btc:before {
28081   content: "\e773"; }
28082
28083 .icon-currency-eur:before {
28084   content: "\e774"; }
28085
28086 .icon-currency-gbp:before {
28087   content: "\e775"; }
28088
28089 .icon-currency-inr:before {
28090   content: "\e776"; }
28091
28092 .icon-currency-rub:before {
28093   content: "\e777"; }
28094
28095 .icon-currency-try:before {
28096   content: "\e778"; }
28097
28098 .icon-currency-usd:before {
28099   content: "\e779"; }
28100
28101 .icon-cursor-default-outline:before {
28102   content: "\e77a"; }
28103
28104 .icon-cursor-default:before {
28105   content: "\e77b"; }
28106
28107 .icon-cursor-move:before {
28108   content: "\e77c"; }
28109
28110 .icon-cursor-pointer:before {
28111   content: "\e77d"; }
28112
28113 .icon-data:before {
28114   content: "\e77e"; }
28115
28116 .icon-debug-step-into:before {
28117   content: "\e77f"; }
28118
28119 .icon-debug-step-out:before {
28120   content: "\e780"; }
28121
28122 .icon-debug-step-over:before {
28123   content: "\e781"; }
28124
28125 .icon-decimal-decrease:before {
28126   content: "\e782"; }
28127
28128 .icon-decimal-increase:before {
28129   content: "\e783"; }
28130
28131 .icon-delete-variant:before {
28132   content: "\e784"; }
28133
28134 .icon-delete:before {
28135   content: "\e785"; }
28136
28137 .icon-deskphone:before {
28138   content: "\e786"; }
28139
28140 .icon-desktop-mac:before {
28141   content: "\e787"; }
28142
28143 .icon-desktop-tower:before {
28144   content: "\e788"; }
28145
28146 .icon-details:before {
28147   content: "\e789"; }
28148
28149 .icon-deviantart:before {
28150   content: "\e78a"; }
28151
28152 .icon-diamond:before {
28153   content: "\e78b"; }
28154
28155 .icon-dice-1:before {
28156   content: "\e78c"; }
28157
28158 .icon-dice-2:before {
28159   content: "\e78d"; }
28160
28161 .icon-dice-3:before {
28162   content: "\e78e"; }
28163
28164 .icon-dice-4:before {
28165   content: "\e78f"; }
28166
28167 .icon-dice-5:before {
28168   content: "\e790"; }
28169
28170 .icon-dice-6:before {
28171   content: "\e791"; }
28172
28173 .icon-dice:before {
28174   content: "\e792"; }
28175
28176 .icon-directions:before {
28177   content: "\e793"; }
28178
28179 .icon-disk-alert:before {
28180   content: "\e794"; }
28181
28182 .icon-disqus-outline:before {
28183   content: "\e795"; }
28184
28185 .icon-disqus:before {
28186   content: "\e796"; }
28187
28188 .icon-division-box:before {
28189   content: "\e797"; }
28190
28191 .icon-division:before {
28192   content: "\e798"; }
28193
28194 .icon-dns:before {
28195   content: "\e799"; }
28196
28197 .icon-document:before {
28198   content: "\e79a"; }
28199
28200 .icon-domain:before {
28201   content: "\e79b"; }
28202
28203 .icon-dots-horizontal:before {
28204   content: "\e79c"; }
28205
28206 .icon-dots-vertical:before {
28207   content: "\e79d"; }
28208
28209 .icon-download:before {
28210   content: "\e79e"; }
28211
28212 .icon-drag-horizontal:before {
28213   content: "\e79f"; }
28214
28215 .icon-drag-vertical:before {
28216   content: "\e7a0"; }
28217
28218 .icon-drag:before {
28219   content: "\e7a1"; }
28220
28221 .icon-drawing-box:before {
28222   content: "\e7a2"; }
28223
28224 .icon-drawing:before {
28225   content: "\e7a3"; }
28226
28227 .icon-dribbble-box:before {
28228   content: "\e7a4"; }
28229
28230 .icon-dribbble:before {
28231   content: "\e7a5"; }
28232
28233 .icon-drone:before {
28234   content: "\e7a6"; }
28235
28236 .icon-dropbox:before {
28237   content: "\e7a7"; }
28238
28239 .icon-drupal:before {
28240   content: "\e7a8"; }
28241
28242 .icon-duck:before {
28243   content: "\e7a9"; }
28244
28245 .icon-dumbbell:before {
28246   content: "\e7aa"; }
28247
28248 .icon-earth-off:before {
28249   content: "\e7ab"; }
28250
28251 .icon-earth:before {
28252   content: "\e7ac"; }
28253
28254 .icon-ebay:before {
28255   content: "\e7ad"; }
28256
28257 .icon-edge:before {
28258   content: "\e7ae"; }
28259
28260 .icon-eject:before {
28261   content: "\e7af"; }
28262
28263 .icon-elevation-decline:before {
28264   content: "\e7b0"; }
28265
28266 .icon-elevation-rise:before {
28267   content: "\e7b1"; }
28268
28269 .icon-elevator:before {
28270   content: "\e7b2"; }
28271
28272 .icon-email-open:before {
28273   content: "\e7b3"; }
28274
28275 .icon-email-secure:before {
28276   content: "\e7b4"; }
28277
28278 .icon-email:before {
28279   content: "\e7b5"; }
28280
28281 .icon-emoticon-cool:before {
28282   content: "\e7b6"; }
28283
28284 .icon-emoticon-devil:before {
28285   content: "\e7b7"; }
28286
28287 .icon-emoticon-happy:before {
28288   content: "\e7b8"; }
28289
28290 .icon-emoticon-neutral:before {
28291   content: "\e7b9"; }
28292
28293 .icon-emoticon-poop:before {
28294   content: "\e7ba"; }
28295
28296 .icon-emoticon-sad:before {
28297   content: "\e7bb"; }
28298
28299 .icon-emoticon-tongue:before {
28300   content: "\e7bc"; }
28301
28302 .icon-emoticon:before {
28303   content: "\e7bd"; }
28304
28305 .icon-engine-outline:before {
28306   content: "\e7be"; }
28307
28308 .icon-engine:before {
28309   content: "\e7bf"; }
28310
28311 .icon-equal-box:before {
28312   content: "\e7c0"; }
28313
28314 .icon-equal:before {
28315   content: "\e7c1"; }
28316
28317 .icon-eraser:before {
28318   content: "\e7c2"; }
28319
28320 .icon-escalator:before {
28321   content: "\e7c3"; }
28322
28323 .icon-etsy:before {
28324   content: "\e7c4"; }
28325
28326 .icon-evernote:before {
28327   content: "\e7c5"; }
28328
28329 .icon-exclamation:before {
28330   content: "\e7c6"; }
28331
28332 .icon-exit-to-app:before {
28333   content: "\e7c7"; }
28334
28335 .icon-export:before {
28336   content: "\e7c8"; }
28337
28338 .icon-eye-off:before {
28339   content: "\e7c9"; }
28340
28341 .icon-eye:before {
28342   content: "\e7ca"; }
28343
28344 .icon-eyedropper-variant:before {
28345   content: "\e7cb"; }
28346
28347 .icon-eyedropper:before {
28348   content: "\e7cc"; }
28349
28350 .icon-facebook-box:before {
28351   content: "\e7cd"; }
28352
28353 .icon-facebook:before {
28354   content: "\e7ce"; }
28355
28356 .icon-factory:before {
28357   content: "\e7cf"; }
28358
28359 .icon-fan:before {
28360   content: "\e7d0"; }
28361
28362 .icon-fast-forward:before {
28363   content: "\e7d1"; }
28364
28365 .icon-ferry:before {
28366   content: "\e7d2"; }
28367
28368 .icon-file-cloud:before {
28369   content: "\e7d3"; }
28370
28371 .icon-file-delimited:before {
28372   content: "\e7d4"; }
28373
28374 .icon-file-document-box:before {
28375   content: "\e7d5"; }
28376
28377 .icon-file-document:before {
28378   content: "\e7d6"; }
28379
28380 .icon-file-excel-box:before {
28381   content: "\e7d7"; }
28382
28383 .icon-file-excel:before {
28384   content: "\e7d8"; }
28385
28386 .icon-file-find:before {
28387   content: "\e7d9"; }
28388
28389 .icon-file-hidden:before {
28390   content: "\e7da"; }
28391
28392 .icon-file-image-box:before {
28393   content: "\e7db"; }
28394
28395 .icon-file-image:before {
28396   content: "\e7dc"; }
28397
28398 .icon-file-multiple:before {
28399   content: "\e7dd"; }
28400
28401 .icon-file-music:before {
28402   content: "\e7de"; }
28403
28404 .icon-file-outline:before {
28405   content: "\e7df"; }
28406
28407 .icon-file-pdf-box:before {
28408   content: "\e7e0"; }
28409
28410 .icon-file-pdf:before {
28411   content: "\e7e1"; }
28412
28413 .icon-file-powerpoint-box:before {
28414   content: "\e7e2"; }
28415
28416 .icon-file-powerpoint:before {
28417   content: "\e7e3"; }
28418
28419 .icon-file-presentation-box:before {
28420   content: "\e7e4"; }
28421
28422 .icon-file-video:before {
28423   content: "\e7e5"; }
28424
28425 .icon-file-word-box:before {
28426   content: "\e7e6"; }
28427
28428 .icon-file-word:before {
28429   content: "\e7e7"; }
28430
28431 .icon-file-xml:before {
28432   content: "\e7e8"; }
28433
28434 .icon-file:before {
28435   content: "\e7e9"; }
28436
28437 .icon-fill:before {
28438   content: "\e7ea"; }
28439
28440 .icon-film:before {
28441   content: "\e7eb"; }
28442
28443 .icon-filmstrip-off:before {
28444   content: "\e7ec"; }
28445
28446 .icon-filmstrip:before {
28447   content: "\e7ed"; }
28448
28449 .icon-filter-outline:before {
28450   content: "\e7ee"; }
28451
28452 .icon-filter-remove-outline:before {
28453   content: "\e7ef"; }
28454
28455 .icon-filter-remove:before {
28456   content: "\e7f0"; }
28457
28458 .icon-filter-variant:before {
28459   content: "\e7f1"; }
28460
28461 .icon-filter:before {
28462   content: "\e7f2"; }
28463
28464 .icon-fire:before {
28465   content: "\e7f3"; }
28466
28467 .icon-fish:before {
28468   content: "\e7f4"; }
28469
28470 .icon-flag-checkered-variant:before {
28471   content: "\e7f5"; }
28472
28473 .icon-flag-checkered:before {
28474   content: "\e7f6"; }
28475
28476 .icon-flag-outline-variant:before {
28477   content: "\e7f7"; }
28478
28479 .icon-flag-outline:before {
28480   content: "\e7f8"; }
28481
28482 .icon-flag-triangle:before {
28483   content: "\e7f9"; }
28484
28485 .icon-flag-variant:before {
28486   content: "\e7fa"; }
28487
28488 .icon-flag:before {
28489   content: "\e7fb"; }
28490
28491 .icon-flash-auto:before {
28492   content: "\e7fc"; }
28493
28494 .icon-flash-off:before {
28495   content: "\e7fd"; }
28496
28497 .icon-flash:before {
28498   content: "\e7fe"; }
28499
28500 .icon-flashlight-off:before {
28501   content: "\e7ff"; }
28502
28503 .icon-flashlight:before {
28504   content: "\e800"; }
28505
28506 .icon-flattr:before {
28507   content: "\e801"; }
28508
28509 .icon-flickr-after:before {
28510   content: "\e802"; }
28511
28512 .icon-flickr-before:before {
28513   content: "\e803"; }
28514
28515 .icon-flip-to-back:before {
28516   content: "\e804"; }
28517
28518 .icon-flip-to-front:before {
28519   content: "\e805"; }
28520
28521 .icon-floppy:before {
28522   content: "\e806"; }
28523
28524 .icon-flower:before {
28525   content: "\e807"; }
28526
28527 .icon-folder-account:before {
28528   content: "\e808"; }
28529
28530 .icon-folder-download:before {
28531   content: "\e809"; }
28532
28533 .icon-folder-google-drive:before {
28534   content: "\e80a"; }
28535
28536 .icon-folder-image:before {
28537   content: "\e80b"; }
28538
28539 .icon-folder-lock-open:before {
28540   content: "\e80c"; }
28541
28542 .icon-folder-lock:before {
28543   content: "\e80d"; }
28544
28545 .icon-folder-move:before {
28546   content: "\e80e"; }
28547
28548 .icon-folder-multiple-image:before {
28549   content: "\e80f"; }
28550
28551 .icon-folder-multiple-outline:before {
28552   content: "\e810"; }
28553
28554 .icon-folder-multiple:before {
28555   content: "\e811"; }
28556
28557 .icon-folder-outline-lock:before {
28558   content: "\e812"; }
28559
28560 .icon-folder-outline:before {
28561   content: "\e813"; }
28562
28563 .icon-folder-plus:before {
28564   content: "\e814"; }
28565
28566 .icon-folder-remove:before {
28567   content: "\e815"; }
28568
28569 .icon-folder-upload:before {
28570   content: "\e816"; }
28571
28572 .icon-folder:before {
28573   content: "\e817"; }
28574
28575 .icon-food-apple:before {
28576   content: "\e818"; }
28577
28578 .icon-food-variant:before {
28579   content: "\e819"; }
28580
28581 .icon-food:before {
28582   content: "\e81a"; }
28583
28584 .icon-football-helmet:before {
28585   content: "\e81b"; }
28586
28587 .icon-football:before {
28588   content: "\e81c"; }
28589
28590 .icon-format-align-center:before {
28591   content: "\e81d"; }
28592
28593 .icon-format-align-justify:before {
28594   content: "\e81e"; }
28595
28596 .icon-format-align-left:before {
28597   content: "\e81f"; }
28598
28599 .icon-format-align-right:before {
28600   content: "\e820"; }
28601
28602 .icon-format-bold:before {
28603   content: "\e821"; }
28604
28605 .icon-format-clear:before {
28606   content: "\e822"; }
28607
28608 .icon-format-color-fill:before {
28609   content: "\e823"; }
28610
28611 .icon-format-color:before {
28612   content: "\e824"; }
28613
28614 .icon-format-float-center:before {
28615   content: "\e825"; }
28616
28617 .icon-format-float-left:before {
28618   content: "\e826"; }
28619
28620 .icon-format-float-none:before {
28621   content: "\e827"; }
28622
28623 .icon-format-float-right:before {
28624   content: "\e828"; }
28625
28626 .icon-format-header-1:before {
28627   content: "\e829"; }
28628
28629 .icon-format-header-2:before {
28630   content: "\e82a"; }
28631
28632 .icon-format-header-3:before {
28633   content: "\e82b"; }
28634
28635 .icon-format-header-4:before {
28636   content: "\e82c"; }
28637
28638 .icon-format-header-5:before {
28639   content: "\e82d"; }
28640
28641 .icon-format-header-6:before {
28642   content: "\e82e"; }
28643
28644 .icon-format-header-decrease:before {
28645   content: "\e82f"; }
28646
28647 .icon-format-header-down:before {
28648   content: "\e830"; }
28649
28650 .icon-format-header-equal:before {
28651   content: "\e831"; }
28652
28653 .icon-format-header-increase:before {
28654   content: "\e832"; }
28655
28656 .icon-format-header-pound:before {
28657   content: "\e833"; }
28658
28659 .icon-format-header-up:before {
28660   content: "\e834"; }
28661
28662 .icon-format-indent-decrease:before {
28663   content: "\e835"; }
28664
28665 .icon-format-indent-increase:before {
28666   content: "\e836"; }
28667
28668 .icon-format-italic:before {
28669   content: "\e837"; }
28670
28671 .icon-format-line-spacing:before {
28672   content: "\e838"; }
28673
28674 .icon-format-list-bulleted:before {
28675   content: "\e839"; }
28676
28677 .icon-format-list-numbers:before {
28678   content: "\e83a"; }
28679
28680 .icon-format-object-inline:before {
28681   content: "\e83b"; }
28682
28683 .icon-format-object-square:before {
28684   content: "\e83c"; }
28685
28686 .icon-format-object-tight:before {
28687   content: "\e83d"; }
28688
28689 .icon-format-object-top-bottom:before {
28690   content: "\e83e"; }
28691
28692 .icon-format-paint:before {
28693   content: "\e83f"; }
28694
28695 .icon-format-paragraph:before {
28696   content: "\e840"; }
28697
28698 .icon-format-quote:before {
28699   content: "\e841"; }
28700
28701 .icon-format-size:before {
28702   content: "\e842"; }
28703
28704 .icon-format-strikethrough:before {
28705   content: "\e843"; }
28706
28707 .icon-format-subscript:before {
28708   content: "\e844"; }
28709
28710 .icon-format-superscript:before {
28711   content: "\e845"; }
28712
28713 .icon-format-text:before {
28714   content: "\e846"; }
28715
28716 .icon-format-textdirection-l-to-r:before {
28717   content: "\e847"; }
28718
28719 .icon-format-textdirection-r-to-l:before {
28720   content: "\e848"; }
28721
28722 .icon-format-underline:before {
28723   content: "\e849"; }
28724
28725 .icon-forum:before {
28726   content: "\e84a"; }
28727
28728 .icon-forward:before {
28729   content: "\e84b"; }
28730
28731 .icon-foursquare:before {
28732   content: "\e84c"; }
28733
28734 .icon-fridge:before {
28735   content: "\e84d"; }
28736
28737 .icon-fullscreen-exit:before {
28738   content: "\e84e"; }
28739
28740 .icon-fullscreen:before {
28741   content: "\e84f"; }
28742
28743 .icon-function:before {
28744   content: "\e850"; }
28745
28746 .icon-gamepad-variant:before {
28747   content: "\e851"; }
28748
28749 .icon-gamepad:before {
28750   content: "\e852"; }
28751
28752 .icon-gas-station:before {
28753   content: "\e853"; }
28754
28755 .icon-gavel:before {
28756   content: "\e854"; }
28757
28758 .icon-gender-female:before {
28759   content: "\e855"; }
28760
28761 .icon-gender-male-female:before {
28762   content: "\e856"; }
28763
28764 .icon-gender-male:before {
28765   content: "\e857"; }
28766
28767 .icon-gender-transgender:before {
28768   content: "\e858"; }
28769
28770 .icon-gift:before {
28771   content: "\e859"; }
28772
28773 .icon-git:before {
28774   content: "\e85a"; }
28775
28776 .icon-github-box:before {
28777   content: "\e85b"; }
28778
28779 .icon-github:before {
28780   content: "\e85c"; }
28781
28782 .icon-glass-flute:before {
28783   content: "\e85d"; }
28784
28785 .icon-glass-mug:before {
28786   content: "\e85e"; }
28787
28788 .icon-glass-stange:before {
28789   content: "\e85f"; }
28790
28791 .icon-glass-tulip:before {
28792   content: "\e860"; }
28793
28794 .icon-glasses:before {
28795   content: "\e861"; }
28796
28797 .icon-gmail:before {
28798   content: "\e862"; }
28799
28800 .icon-google-chrome:before {
28801   content: "\e863"; }
28802
28803 .icon-google-circles-communities:before {
28804   content: "\e864"; }
28805
28806 .icon-google-circles-extended:before {
28807   content: "\e865"; }
28808
28809 .icon-google-circles-invite:before {
28810   content: "\e866"; }
28811
28812 .icon-google-circles:before {
28813   content: "\e867"; }
28814
28815 .icon-google-controller-off:before {
28816   content: "\e868"; }
28817
28818 .icon-google-controller:before {
28819   content: "\e869"; }
28820
28821 .icon-google-drive:before {
28822   content: "\e86a"; }
28823
28824 .icon-google-earth:before {
28825   content: "\e86b"; }
28826
28827 .icon-google-glass:before {
28828   content: "\e86c"; }
28829
28830 .icon-google-maps:before {
28831   content: "\e86d"; }
28832
28833 .icon-google-pages:before {
28834   content: "\e86e"; }
28835
28836 .icon-google-play:before {
28837   content: "\e86f"; }
28838
28839 .icon-google-plus-box:before {
28840   content: "\e870"; }
28841
28842 .icon-google-plus:before {
28843   content: "\e871"; }
28844
28845 .icon-google:before {
28846   content: "\e872"; }
28847
28848 .icon-grid-off:before {
28849   content: "\e873"; }
28850
28851 .icon-grid:before {
28852   content: "\e874"; }
28853
28854 .icon-group:before {
28855   content: "\e875"; }
28856
28857 .icon-hand-pointing-right:before {
28858   content: "\e876"; }
28859
28860 .icon-hanger:before {
28861   content: "\e877"; }
28862
28863 .icon-hangouts:before {
28864   content: "\e878"; }
28865
28866 .icon-harddisk:before {
28867   content: "\e879"; }
28868
28869 .icon-headphones-box:before {
28870   content: "\e87a"; }
28871
28872 .icon-headphones-dots:before {
28873   content: "\e87b"; }
28874
28875 .icon-headphones:before {
28876   content: "\e87c"; }
28877
28878 .icon-headset-dock:before {
28879   content: "\e87d"; }
28880
28881 .icon-headset-off:before {
28882   content: "\e87e"; }
28883
28884 .icon-headset:before {
28885   content: "\e87f"; }
28886
28887 .icon-heart-box-outline:before {
28888   content: "\e880"; }
28889
28890 .icon-heart-box:before {
28891   content: "\e881"; }
28892
28893 .icon-heart-broken:before {
28894   content: "\e882"; }
28895
28896 .icon-heart-outline:before {
28897   content: "\e883"; }
28898
28899 .icon-heart:before {
28900   content: "\e884"; }
28901
28902 .icon-help-circle:before {
28903   content: "\e885"; }
28904
28905 .icon-help:before {
28906   content: "\e886"; }
28907
28908 .icon-hexagon-outline:before {
28909   content: "\e887"; }
28910
28911 .icon-hexagon:before {
28912   content: "\e888"; }
28913
28914 .icon-history:before {
28915   content: "\e889"; }
28916
28917 .icon-hololens:before {
28918   content: "\e88a"; }
28919
28920 .icon-home-modern:before {
28921   content: "\e88b"; }
28922
28923 .icon-home-variant:before {
28924   content: "\e88c"; }
28925
28926 .icon-home:before {
28927   content: "\e88d"; }
28928
28929 .icon-hops:before {
28930   content: "\e88e"; }
28931
28932 .icon-hospital-building:before {
28933   content: "\e88f"; }
28934
28935 .icon-hospital-marker:before {
28936   content: "\e890"; }
28937
28938 .icon-hospital:before {
28939   content: "\e891"; }
28940
28941 .icon-hotel:before {
28942   content: "\e892"; }
28943
28944 .icon-houzz-box:before {
28945   content: "\e893"; }
28946
28947 .icon-human-child:before {
28948   content: "\e894"; }
28949
28950 .icon-human-male-female:before {
28951   content: "\e895"; }
28952
28953 .icon-human:before {
28954   content: "\e896"; }
28955
28956 .icon-image-album:before {
28957   content: "\e897"; }
28958
28959 .icon-image-area-close:before {
28960   content: "\e898"; }
28961
28962 .icon-image-area:before {
28963   content: "\e899"; }
28964
28965 .icon-image-broken:before {
28966   content: "\e89a"; }
28967
28968 .icon-image-filter-black-white:before {
28969   content: "\e89b"; }
28970
28971 .icon-image-filter-center-focus:before {
28972   content: "\e89c"; }
28973
28974 .icon-image-filter-drama:before {
28975   content: "\e89d"; }
28976
28977 .icon-image-filter-frames:before {
28978   content: "\e89e"; }
28979
28980 .icon-image-filter-hdr:before {
28981   content: "\e89f"; }
28982
28983 .icon-image-filter-none:before {
28984   content: "\e8a0"; }
28985
28986 .icon-image-filter-tilt-shift:before {
28987   content: "\e8a1"; }
28988
28989 .icon-image-filter-vintage:before {
28990   content: "\e8a2"; }
28991
28992 .icon-image-filter:before {
28993   content: "\e8a3"; }
28994
28995 .icon-image:before {
28996   content: "\e8a4"; }
28997
28998 .icon-import:before {
28999   content: "\e8a5"; }
29000
29001 .icon-inbox:before {
29002   content: "\e8a6"; }
29003
29004 .icon-indent:before {
29005   content: "\e8a7"; }
29006
29007 .icon-information-outline:before {
29008   content: "\e8a8"; }
29009
29010 .icon-information:before {
29011   content: "\e8a9"; }
29012
29013 .icon-instagram:before {
29014   content: "\e8aa"; }
29015
29016 .icon-instapaper:before {
29017   content: "\e8ab"; }
29018
29019 .icon-internet-explorer:before {
29020   content: "\e8ac"; }
29021
29022 .icon-invert-colors:before {
29023   content: "\e8ad"; }
29024
29025 .icon-jira:before {
29026   content: "\e8ae"; }
29027
29028 .icon-jsfiddle:before {
29029   content: "\e8af"; }
29030
29031 .icon-keg:before {
29032   content: "\e8b0"; }
29033
29034 .icon-key-change:before {
29035   content: "\e8b1"; }
29036
29037 .icon-key-minus:before {
29038   content: "\e8b2"; }
29039
29040 .icon-key-plus:before {
29041   content: "\e8b3"; }
29042
29043 .icon-key-remove:before {
29044   content: "\e8b4"; }
29045
29046 .icon-key-variant:before {
29047   content: "\e8b5"; }
29048
29049 .icon-key:before {
29050   content: "\e8b6"; }
29051
29052 .icon-keyboard-backspace:before {
29053   content: "\e8b7"; }
29054
29055 .icon-keyboard-caps:before {
29056   content: "\e8b8"; }
29057
29058 .icon-keyboard-close:before {
29059   content: "\e8b9"; }
29060
29061 .icon-keyboard-off:before {
29062   content: "\e8ba"; }
29063
29064 .icon-keyboard-return:before {
29065   content: "\e8bb"; }
29066
29067 .icon-keyboard-tab:before {
29068   content: "\e8bc"; }
29069
29070 .icon-keyboard-variant:before {
29071   content: "\e8bd"; }
29072
29073 .icon-keyboard:before {
29074   content: "\e8be"; }
29075
29076 .icon-label-outline:before {
29077   content: "\e8bf"; }
29078
29079 .icon-label:before {
29080   content: "\e8c0"; }
29081
29082 .icon-language-csharp:before {
29083   content: "\e8c1"; }
29084
29085 .icon-language-css3:before {
29086   content: "\e8c2"; }
29087
29088 .icon-language-html5:before {
29089   content: "\e8c3"; }
29090
29091 .icon-language-javascript:before {
29092   content: "\e8c4"; }
29093
29094 .icon-language-python-text:before {
29095   content: "\e8c5"; }
29096
29097 .icon-language-python:before {
29098   content: "\e8c6"; }
29099
29100 .icon-laptop-chromebook:before {
29101   content: "\e8c7"; }
29102
29103 .icon-laptop-mac:before {
29104   content: "\e8c8"; }
29105
29106 .icon-laptop-windows:before {
29107   content: "\e8c9"; }
29108
29109 .icon-laptop:before {
29110   content: "\e8ca"; }
29111
29112 .icon-lastfm:before {
29113   content: "\e8cb"; }
29114
29115 .icon-launch:before {
29116   content: "\e8cc"; }
29117
29118 .icon-layers-off:before {
29119   content: "\e8cd"; }
29120
29121 .icon-layers:before {
29122   content: "\e8ce"; }
29123
29124 .icon-leaf:before {
29125   content: "\e8cf"; }
29126
29127 .icon-library-books:before {
29128   content: "\e8d0"; }
29129
29130 .icon-library-music:before {
29131   content: "\e8d1"; }
29132
29133 .icon-library-plus:before {
29134   content: "\e8d2"; }
29135
29136 .icon-library:before {
29137   content: "\e8d3"; }
29138
29139 .icon-lightbulb-outline:before {
29140   content: "\e8d4"; }
29141
29142 .icon-lightbulb:before {
29143   content: "\e8d5"; }
29144
29145 .icon-link-off:before {
29146   content: "\e8d6"; }
29147
29148 .icon-link-variant-off:before {
29149   content: "\e8d7"; }
29150
29151 .icon-link-variant:before {
29152   content: "\e8d8"; }
29153
29154 .icon-link:before {
29155   content: "\e8d9"; }
29156
29157 .icon-linkedin-box:before {
29158   content: "\e8da"; }
29159
29160 .icon-linkedin:before {
29161   content: "\e8db"; }
29162
29163 .icon-linode:before {
29164   content: "\e8dc"; }
29165
29166 .icon-linux:before {
29167   content: "\e8dd"; }
29168
29169 .icon-lock-outline:before {
29170   content: "\e8de"; }
29171
29172 .icon-lock-unlocked-outline:before {
29173   content: "\e8df"; }
29174
29175 .icon-lock-unlocked:before {
29176   content: "\e8e0"; }
29177
29178 .icon-lock:before {
29179   content: "\e8e1"; }
29180
29181 .icon-login:before {
29182   content: "\e8e2"; }
29183
29184 .icon-logout:before {
29185   content: "\e8e3"; }
29186
29187 .icon-looks:before {
29188   content: "\e8e4"; }
29189
29190 .icon-loupe:before {
29191   content: "\e8e5"; }
29192
29193 .icon-lumx:before {
29194   content: "\e8e6"; }
29195
29196 .icon-magnet-on:before {
29197   content: "\e8e7"; }
29198
29199 .icon-magnet:before {
29200   content: "\e8e8"; }
29201
29202 .icon-magnify-minus:before {
29203   content: "\e8e9"; }
29204
29205 .icon-magnify-plus:before {
29206   content: "\e8ea"; }
29207
29208 .icon-magnify:before {
29209   content: "\e8eb"; }
29210
29211 .icon-mail-ru:before {
29212   content: "\e8ec"; }
29213
29214 .icon-map-marker-circle:before {
29215   content: "\e8ed"; }
29216
29217 .icon-map-marker-multiple:before {
29218   content: "\e8ee"; }
29219
29220 .icon-map-marker-off:before {
29221   content: "\e8ef"; }
29222
29223 .icon-map-marker-radius:before {
29224   content: "\e8f0"; }
29225
29226 .icon-map-marker:before {
29227   content: "\e8f1"; }
29228
29229 .icon-map:before {
29230   content: "\e8f2"; }
29231
29232 .icon-margin:before {
29233   content: "\e8f3"; }
29234
29235 .icon-markdown:before {
29236   content: "\e8f4"; }
29237
29238 .icon-marker-check:before {
29239   content: "\e8f5"; }
29240
29241 .icon-martini:before {
29242   content: "\e8f6"; }
29243
29244 .icon-material-ui:before {
29245   content: "\e8f7"; }
29246
29247 .icon-maxcdn:before {
29248   content: "\e8f8"; }
29249
29250 .icon-medium:before {
29251   content: "\e8f9"; }
29252
29253 .icon-memory:before {
29254   content: "\e8fa"; }
29255
29256 .icon-menu-down:before {
29257   content: "\e8fb"; }
29258
29259 .icon-menu-left:before {
29260   content: "\e8fc"; }
29261
29262 .icon-menu-right:before {
29263   content: "\e8fd"; }
29264
29265 .icon-menu-up:before {
29266   content: "\e8fe"; }
29267
29268 .icon-menu:before {
29269   content: "\e8ff"; }
29270
29271 .icon-message-alert:before {
29272   content: "\e900"; }
29273
29274 .icon-message-draw:before {
29275   content: "\e901"; }
29276
29277 .icon-message-image:before {
29278   content: "\e902"; }
29279
29280 .icon-message-processing:before {
29281   content: "\e903"; }
29282
29283 .icon-message-reply:before {
29284   content: "\e904"; }
29285
29286 .icon-message-text-outline:before {
29287   content: "\e905"; }
29288
29289 .icon-message-text:before {
29290   content: "\e906"; }
29291
29292 .icon-message-video:before {
29293   content: "\e907"; }
29294
29295 .icon-message:before {
29296   content: "\e908"; }
29297
29298 .icon-microphone-dots:before {
29299   content: "\e909"; }
29300
29301 .icon-microphone-off:before {
29302   content: "\e90a"; }
29303
29304 .icon-microphone-outline:before {
29305   content: "\e90b"; }
29306
29307 .icon-microphone-settings:before {
29308   content: "\e90c"; }
29309
29310 .icon-microphone-variant-off:before {
29311   content: "\e90d"; }
29312
29313 .icon-microphone-variant:before {
29314   content: "\e90e"; }
29315
29316 .icon-microphone:before {
29317   content: "\e90f"; }
29318
29319 .icon-minus-box:before {
29320   content: "\e910"; }
29321
29322 .icon-minus-circle-outline:before {
29323   content: "\e911"; }
29324
29325 .icon-minus-circle:before {
29326   content: "\e912"; }
29327
29328 .icon-minus-network:before {
29329   content: "\e913"; }
29330
29331 .icon-minus:before {
29332   content: "\e914"; }
29333
29334 .icon-monitor-multiple:before {
29335   content: "\e915"; }
29336
29337 .icon-monitor:before {
29338   content: "\e916"; }
29339
29340 .icon-more:before {
29341   content: "\e917"; }
29342
29343 .icon-mouse-off:before {
29344   content: "\e918"; }
29345
29346 .icon-mouse-variant-off:before {
29347   content: "\e919"; }
29348
29349 .icon-mouse-variant:before {
29350   content: "\e91a"; }
29351
29352 .icon-mouse:before {
29353   content: "\e91b"; }
29354
29355 .icon-movie:before {
29356   content: "\e91c"; }
29357
29358 .icon-multiplication-box:before {
29359   content: "\e91d"; }
29360
29361 .icon-multiplication:before {
29362   content: "\e91e"; }
29363
29364 .icon-music-box-outline:before {
29365   content: "\e91f"; }
29366
29367 .icon-music-box:before {
29368   content: "\e920"; }
29369
29370 .icon-music-circle:before {
29371   content: "\e921"; }
29372
29373 .icon-music-note-eighth:before {
29374   content: "\e922"; }
29375
29376 .icon-music-note-half:before {
29377   content: "\e923"; }
29378
29379 .icon-music-note-off:before {
29380   content: "\e924"; }
29381
29382 .icon-music-note-quarter:before {
29383   content: "\e925"; }
29384
29385 .icon-music-note-sixteenth:before {
29386   content: "\e926"; }
29387
29388 .icon-music-note-whole:before {
29389   content: "\e927"; }
29390
29391 .icon-music-note:before {
29392   content: "\e928"; }
29393
29394 .icon-nature-people:before {
29395   content: "\e929"; }
29396
29397 .icon-nature:before {
29398   content: "\e92a"; }
29399
29400 .icon-navigation:before {
29401   content: "\e92b"; }
29402
29403 .icon-needle:before {
29404   content: "\e92c"; }
29405
29406 .icon-nest-protect:before {
29407   content: "\e92d"; }
29408
29409 .icon-nest-thermostat:before {
29410   content: "\e92e"; }
29411
29412 .icon-newspaper:before {
29413   content: "\e92f"; }
29414
29415 .icon-nfc-tap:before {
29416   content: "\e930"; }
29417
29418 .icon-nfc-variant:before {
29419   content: "\e931"; }
29420
29421 .icon-nfc:before {
29422   content: "\e932"; }
29423
29424 .icon-no:before {
29425   content: "\e933"; }
29426
29427 .icon-not-equal:before {
29428   content: "\e934"; }
29429
29430 .icon-note-outline:before {
29431   content: "\e935"; }
29432
29433 .icon-note-text:before {
29434   content: "\e936"; }
29435
29436 .icon-note:before {
29437   content: "\e937"; }
29438
29439 .icon-numeric-0-box-multiple-outline:before {
29440   content: "\e938"; }
29441
29442 .icon-numeric-0-box-outline:before {
29443   content: "\e939"; }
29444
29445 .icon-numeric-0-box:before {
29446   content: "\e93a"; }
29447
29448 .icon-numeric-1-box-multiple-outline:before {
29449   content: "\e93b"; }
29450
29451 .icon-numeric-1-box-outline:before {
29452   content: "\e93c"; }
29453
29454 .icon-numeric-1-box:before {
29455   content: "\e93d"; }
29456
29457 .icon-numeric-2-box-multiple-outline:before {
29458   content: "\e93e"; }
29459
29460 .icon-numeric-2-box-outline:before {
29461   content: "\e93f"; }
29462
29463 .icon-numeric-2-box:before {
29464   content: "\e940"; }
29465
29466 .icon-numeric-3-box-multiple-outline:before {
29467   content: "\e941"; }
29468
29469 .icon-numeric-3-box-outline:before {
29470   content: "\e942"; }
29471
29472 .icon-numeric-3-box:before {
29473   content: "\e943"; }
29474
29475 .icon-numeric-4-box-multiple-outline:before {
29476   content: "\e944"; }
29477
29478 .icon-numeric-4-box-outline:before {
29479   content: "\e945"; }
29480
29481 .icon-numeric-4-box:before {
29482   content: "\e946"; }
29483
29484 .icon-numeric-5-box-multiple-outline:before {
29485   content: "\e947"; }
29486
29487 .icon-numeric-5-box-outline:before {
29488   content: "\e948"; }
29489
29490 .icon-numeric-5-box:before {
29491   content: "\e949"; }
29492
29493 .icon-numeric-6-box-multiple-outline:before {
29494   content: "\e94a"; }
29495
29496 .icon-numeric-6-box-outline:before {
29497   content: "\e94b"; }
29498
29499 .icon-numeric-6-box:before {
29500   content: "\e94c"; }
29501
29502 .icon-numeric-7-box-multiple-outline:before {
29503   content: "\e94d"; }
29504
29505 .icon-numeric-7-box-outline:before {
29506   content: "\e94e"; }
29507
29508 .icon-numeric-7-box:before {
29509   content: "\e94f"; }
29510
29511 .icon-numeric-8-box-multiple-outline:before {
29512   content: "\e950"; }
29513
29514 .icon-numeric-8-box-outline:before {
29515   content: "\e951"; }
29516
29517 .icon-numeric-8-box:before {
29518   content: "\e952"; }
29519
29520 .icon-numeric-9-box-multiple-outline:before {
29521   content: "\e953"; }
29522
29523 .icon-numeric-9-box-outline:before {
29524   content: "\e954"; }
29525
29526 .icon-numeric-9-box:before {
29527   content: "\e955"; }
29528
29529 .icon-numeric-9-plus-box-multiple-outline:before {
29530   content: "\e956"; }
29531
29532 .icon-numeric-9-plus-box-outline:before {
29533   content: "\e957"; }
29534
29535 .icon-numeric-9-plus-box:before {
29536   content: "\e958"; }
29537
29538 .icon-numeric:before {
29539   content: "\e959"; }
29540
29541 .icon-nutriton:before {
29542   content: "\e95a"; }
29543
29544 .icon-odnoklassniki:before {
29545   content: "\e95b"; }
29546
29547 .icon-office:before {
29548   content: "\e95c"; }
29549
29550 .icon-oil:before {
29551   content: "\e95d"; }
29552
29553 .icon-omega:before {
29554   content: "\e95e"; }
29555
29556 .icon-onedrive:before {
29557   content: "\e95f"; }
29558
29559 .icon-open-in-app:before {
29560   content: "\e960"; }
29561
29562 .icon-open-in-new:before {
29563   content: "\e961"; }
29564
29565 .icon-ornament-variant:before {
29566   content: "\e962"; }
29567
29568 .icon-ornament:before {
29569   content: "\e963"; }
29570
29571 .icon-outbox:before {
29572   content: "\e964"; }
29573
29574 .icon-outdent:before {
29575   content: "\e965"; }
29576
29577 .icon-owl:before {
29578   content: "\e966"; }
29579
29580 .icon-package-down:before {
29581   content: "\e967"; }
29582
29583 .icon-package-up:before {
29584   content: "\e968"; }
29585
29586 .icon-package-variant-closed:before {
29587   content: "\e969"; }
29588
29589 .icon-package-variant:before {
29590   content: "\e96a"; }
29591
29592 .icon-package:before {
29593   content: "\e96b"; }
29594
29595 .icon-palette-advanced:before {
29596   content: "\e96c"; }
29597
29598 .icon-palette:before {
29599   content: "\e96d"; }
29600
29601 .icon-panda:before {
29602   content: "\e96e"; }
29603
29604 .icon-pandora:before {
29605   content: "\e96f"; }
29606
29607 .icon-panorama-fisheye:before {
29608   content: "\e970"; }
29609
29610 .icon-panorama-horizontal:before {
29611   content: "\e971"; }
29612
29613 .icon-panorama-vertical:before {
29614   content: "\e972"; }
29615
29616 .icon-panorama-wide-angle:before {
29617   content: "\e973"; }
29618
29619 .icon-panorama:before {
29620   content: "\e974"; }
29621
29622 .icon-paper-cut-vertical:before {
29623   content: "\e975"; }
29624
29625 .icon-paperclip:before {
29626   content: "\e976"; }
29627
29628 .icon-parking:before {
29629   content: "\e977"; }
29630
29631 .icon-pause-circle-outline:before {
29632   content: "\e978"; }
29633
29634 .icon-pause-circle:before {
29635   content: "\e979"; }
29636
29637 .icon-pause-octagon-outline:before {
29638   content: "\e97a"; }
29639
29640 .icon-pause-octagon:before {
29641   content: "\e97b"; }
29642
29643 .icon-pause:before {
29644   content: "\e97c"; }
29645
29646 .icon-paw:before {
29647   content: "\e97d"; }
29648
29649 .icon-pen:before {
29650   content: "\e97e"; }
29651
29652 .icon-pencil-box-outline:before {
29653   content: "\e97f"; }
29654
29655 .icon-pencil-box:before {
29656   content: "\e980"; }
29657
29658 .icon-pencil:before {
29659   content: "\e981"; }
29660
29661 .icon-people:before {
29662   content: "\e982"; }
29663
29664 .icon-percent:before {
29665   content: "\e983"; }
29666
29667 .icon-person-box:before {
29668   content: "\e984"; }
29669
29670 .icon-person-minus:before {
29671   content: "\e985"; }
29672
29673 .icon-person-plus:before {
29674   content: "\e986"; }
29675
29676 .icon-pharmacy:before {
29677   content: "\e987"; }
29678
29679 .icon-phone-bluetooth:before {
29680   content: "\e988"; }
29681
29682 .icon-phone-dots:before {
29683   content: "\e989"; }
29684
29685 .icon-phone-forward:before {
29686   content: "\e98a"; }
29687
29688 .icon-phone-hangup:before {
29689   content: "\e98b"; }
29690
29691 .icon-phone-in-talk:before {
29692   content: "\e98c"; }
29693
29694 .icon-phone-incoming:before {
29695   content: "\e98d"; }
29696
29697 .icon-phone-locked:before {
29698   content: "\e98e"; }
29699
29700 .icon-phone-log:before {
29701   content: "\e98f"; }
29702
29703 .icon-phone-missed:before {
29704   content: "\e990"; }
29705
29706 .icon-phone-outgoing:before {
29707   content: "\e991"; }
29708
29709 .icon-phone-paused:before {
29710   content: "\e992"; }
29711
29712 .icon-phone:before {
29713   content: "\e993"; }
29714
29715 .icon-picture:before {
29716   content: "\e994"; }
29717
29718 .icon-pig:before {
29719   content: "\e995"; }
29720
29721 .icon-pill:before {
29722   content: "\e996"; }
29723
29724 .icon-pin-off:before {
29725   content: "\e997"; }
29726
29727 .icon-pin:before {
29728   content: "\e998"; }
29729
29730 .icon-pine-tree-box:before {
29731   content: "\e999"; }
29732
29733 .icon-pine-tree:before {
29734   content: "\e99a"; }
29735
29736 .icon-pinterest-box:before {
29737   content: "\e99b"; }
29738
29739 .icon-pinterest:before {
29740   content: "\e99c"; }
29741
29742 .icon-pizza:before {
29743   content: "\e99d"; }
29744
29745 .icon-plane:before {
29746   content: "\e99e"; }
29747
29748 .icon-play-box-outline:before {
29749   content: "\e99f"; }
29750
29751 .icon-play-circle-outline:before {
29752   content: "\e9a0"; }
29753
29754 .icon-play-circle:before {
29755   content: "\e9a1"; }
29756
29757 .icon-play:before {
29758   content: "\e9a2"; }
29759
29760 .icon-playlist-minus:before {
29761   content: "\e9a3"; }
29762
29763 .icon-playlist-plus:before {
29764   content: "\e9a4"; }
29765
29766 .icon-playstation:before {
29767   content: "\e9a5"; }
29768
29769 .icon-plus-box:before {
29770   content: "\e9a6"; }
29771
29772 .icon-plus-circle-outline:before {
29773   content: "\e9a7"; }
29774
29775 .icon-plus-circle:before {
29776   content: "\e9a8"; }
29777
29778 .icon-plus-network:before {
29779   content: "\e9a9"; }
29780
29781 .icon-plus-one:before {
29782   content: "\e9aa"; }
29783
29784 .icon-plus:before {
29785   content: "\e9ab"; }
29786
29787 .icon-pocket:before {
29788   content: "\e9ac"; }
29789
29790 .icon-poll-box:before {
29791   content: "\e9ad"; }
29792
29793 .icon-poll:before {
29794   content: "\e9ae"; }
29795
29796 .icon-polymer:before {
29797   content: "\e9af"; }
29798
29799 .icon-popcorn:before {
29800   content: "\e9b0"; }
29801
29802 .icon-pound-box:before {
29803   content: "\e9b1"; }
29804
29805 .icon-pound:before {
29806   content: "\e9b2"; }
29807
29808 .icon-power-settings:before {
29809   content: "\e9b3"; }
29810
29811 .icon-power-socket:before {
29812   content: "\e9b4"; }
29813
29814 .icon-power:before {
29815   content: "\e9b5"; }
29816
29817 .icon-presentation-play:before {
29818   content: "\e9b6"; }
29819
29820 .icon-presentation:before {
29821   content: "\e9b7"; }
29822
29823 .icon-printer-3d:before {
29824   content: "\e9b8"; }
29825
29826 .icon-printer:before {
29827   content: "\e9b9"; }
29828
29829 .icon-pulse:before {
29830   content: "\e9ba"; }
29831
29832 .icon-puzzle:before {
29833   content: "\e9bb"; }
29834
29835 .icon-qrcode:before {
29836   content: "\e9bc"; }
29837
29838 .icon-quadcopter:before {
29839   content: "\e9bd"; }
29840
29841 .icon-quality-high:before {
29842   content: "\e9be"; }
29843
29844 .icon-question-mark-circle:before {
29845   content: "\e9bf"; }
29846
29847 .icon-quick-reply:before {
29848   content: "\e9c0"; }
29849
29850 .icon-quicktime:before {
29851   content: "\e9c1"; }
29852
29853 .icon-rabbit:before {
29854   content: "\e9c2"; }
29855
29856 .icon-radiator:before {
29857   content: "\e9c3"; }
29858
29859 .icon-radio-tower:before {
29860   content: "\e9c4"; }
29861
29862 .icon-radio:before {
29863   content: "\e9c5"; }
29864
29865 .icon-radioactive:before {
29866   content: "\e9c6"; }
29867
29868 .icon-radiobox-blank:before {
29869   content: "\e9c7"; }
29870
29871 .icon-radiobox-marked:before {
29872   content: "\e9c8"; }
29873
29874 .icon-raspberrypi:before {
29875   content: "\e9c9"; }
29876
29877 .icon-rdio:before {
29878   content: "\e9ca"; }
29879
29880 .icon-read:before {
29881   content: "\e9cb"; }
29882
29883 .icon-readability:before {
29884   content: "\e9cc"; }
29885
29886 .icon-receipt:before {
29887   content: "\e9cd"; }
29888
29889 .icon-recycle:before {
29890   content: "\e9ce"; }
29891
29892 .icon-reddit:before {
29893   content: "\e9cf"; }
29894
29895 .icon-redo-variant:before {
29896   content: "\e9d0"; }
29897
29898 .icon-redo:before {
29899   content: "\e9d1"; }
29900
29901 .icon-refresh:before {
29902   content: "\e9d2"; }
29903
29904 .icon-relative-scale:before {
29905   content: "\e9d3"; }
29906
29907 .icon-reload:before {
29908   content: "\e9d4"; }
29909
29910 .icon-remote:before {
29911   content: "\e9d5"; }
29912
29913 .icon-rename-box:before {
29914   content: "\e9d6"; }
29915
29916 .icon-repeat-off:before {
29917   content: "\e9d7"; }
29918
29919 .icon-repeat-once:before {
29920   content: "\e9d8"; }
29921
29922 .icon-repeat:before {
29923   content: "\e9d9"; }
29924
29925 .icon-replay:before {
29926   content: "\e9da"; }
29927
29928 .icon-reply-all:before {
29929   content: "\e9db"; }
29930
29931 .icon-reply:before {
29932   content: "\e9dc"; }
29933
29934 .icon-reproduction:before {
29935   content: "\e9dd"; }
29936
29937 .icon-resize-bottom-right:before {
29938   content: "\e9de"; }
29939
29940 .icon-responsive:before {
29941   content: "\e9df"; }
29942
29943 .icon-restore:before {
29944   content: "\e9e0"; }
29945
29946 .icon-rewind:before {
29947   content: "\e9e1"; }
29948
29949 .icon-ribbon:before {
29950   content: "\e9e2"; }
29951
29952 .icon-road:before {
29953   content: "\e9e3"; }
29954
29955 .icon-rocket:before {
29956   content: "\e9e4"; }
29957
29958 .icon-rotate-3d:before {
29959   content: "\e9e5"; }
29960
29961 .icon-rotate-left-variant:before {
29962   content: "\e9e6"; }
29963
29964 .icon-rotate-left:before {
29965   content: "\e9e7"; }
29966
29967 .icon-rotate-right-variant:before {
29968   content: "\e9e8"; }
29969
29970 .icon-rotate-right:before {
29971   content: "\e9e9"; }
29972
29973 .icon-routes:before {
29974   content: "\e9ea"; }
29975
29976 .icon-rss-box:before {
29977   content: "\e9eb"; }
29978
29979 .icon-ruler:before {
29980   content: "\e9ec"; }
29981
29982 .icon-run:before {
29983   content: "\e9ed"; }
29984
29985 .icon-sale:before {
29986   content: "\e9ee"; }
29987
29988 .icon-satellite-variant:before {
29989   content: "\e9ef"; }
29990
29991 .icon-satellite:before {
29992   content: "\e9f0"; }
29993
29994 .icon-scale-bathroom:before {
29995   content: "\e9f1"; }
29996
29997 .icon-scale:before {
29998   content: "\e9f2"; }
29999
30000 .icon-school:before {
30001   content: "\e9f3"; }
30002
30003 .icon-screen-rotation-lock:before {
30004   content: "\e9f4"; }
30005
30006 .icon-screen-rotation:before {
30007   content: "\e9f5"; }
30008
30009 .icon-script:before {
30010   content: "\e9f6"; }
30011
30012 .icon-security-network:before {
30013   content: "\e9f7"; }
30014
30015 .icon-security:before {
30016   content: "\e9f8"; }
30017
30018 .icon-select-all:before {
30019   content: "\e9f9"; }
30020
30021 .icon-select-inverse:before {
30022   content: "\e9fa"; }
30023
30024 .icon-select-off:before {
30025   content: "\e9fb"; }
30026
30027 .icon-select:before {
30028   content: "\e9fc"; }
30029
30030 .icon-send:before {
30031   content: "\e9fd"; }
30032
30033 .icon-server-minus:before {
30034   content: "\e9fe"; }
30035
30036 .icon-server-network-off:before {
30037   content: "\e9ff"; }
30038
30039 .icon-server-network:before {
30040   content: "\ea00"; }
30041
30042 .icon-server-off:before {
30043   content: "\ea01"; }
30044
30045 .icon-server-plus:before {
30046   content: "\ea02"; }
30047
30048 .icon-server-remove:before {
30049   content: "\ea03"; }
30050
30051 .icon-server-security:before {
30052   content: "\ea04"; }
30053
30054 .icon-server:before {
30055   content: "\ea05"; }
30056
30057 .icon-shape-plus:before {
30058   content: "\ea06"; }
30059
30060 .icon-share-variant:before {
30061   content: "\ea07"; }
30062
30063 .icon-share:before {
30064   content: "\ea08"; }
30065
30066 .icon-shield-outline:before {
30067   content: "\ea09"; }
30068
30069 .icon-shield:before {
30070   content: "\ea0a"; }
30071
30072 .icon-shopping-music:before {
30073   content: "\ea0b"; }
30074
30075 .icon-shopping:before {
30076   content: "\ea0c"; }
30077
30078 .icon-shuffle:before {
30079   content: "\ea0d"; }
30080
30081 .icon-sigma:before {
30082   content: "\ea0e"; }
30083
30084 .icon-sign-caution:before {
30085   content: "\ea0f"; }
30086
30087 .icon-signal:before {
30088   content: "\ea10"; }
30089
30090 .icon-silverware-fork:before {
30091   content: "\ea11"; }
30092
30093 .icon-silverware-spoon:before {
30094   content: "\ea12"; }
30095
30096 .icon-silverware-variant:before {
30097   content: "\ea13"; }
30098
30099 .icon-silverware:before {
30100   content: "\ea14"; }
30101
30102 .icon-sim-alert:before {
30103   content: "\ea15"; }
30104
30105 .icon-sim:before {
30106   content: "\ea16"; }
30107
30108 .icon-sitemap:before {
30109   content: "\ea17"; }
30110
30111 .icon-skip-next:before {
30112   content: "\ea18"; }
30113
30114 .icon-skip-previous:before {
30115   content: "\ea19"; }
30116
30117 .icon-skype-business:before {
30118   content: "\ea1a"; }
30119
30120 .icon-skype:before {
30121   content: "\ea1b"; }
30122
30123 .icon-sleep-off:before {
30124   content: "\ea1c"; }
30125
30126 .icon-sleep:before {
30127   content: "\ea1d"; }
30128
30129 .icon-smoking-off:before {
30130   content: "\ea1e"; }
30131
30132 .icon-smoking:before {
30133   content: "\ea1f"; }
30134
30135 .icon-snapchat:before {
30136   content: "\ea20"; }
30137
30138 .icon-snowman:before {
30139   content: "\ea21"; }
30140
30141 .icon-sofa:before {
30142   content: "\ea22"; }
30143
30144 .icon-sort-alphabetical:before {
30145   content: "\ea23"; }
30146
30147 .icon-sort-ascending:before {
30148   content: "\ea24"; }
30149
30150 .icon-sort-descending:before {
30151   content: "\ea25"; }
30152
30153 .icon-sort-numeric:before {
30154   content: "\ea26"; }
30155
30156 .icon-sort-variant:before {
30157   content: "\ea27"; }
30158
30159 .icon-sort:before {
30160   content: "\ea28"; }
30161
30162 .icon-soundcloud:before {
30163   content: "\ea29"; }
30164
30165 .icon-source-fork:before {
30166   content: "\ea2a"; }
30167
30168 .icon-source-pull:before {
30169   content: "\ea2b"; }
30170
30171 .icon-speaker-off:before {
30172   content: "\ea2c"; }
30173
30174 .icon-speaker:before {
30175   content: "\ea2d"; }
30176
30177 .icon-speedometer:before {
30178   content: "\ea2e"; }
30179
30180 .icon-spellcheck:before {
30181   content: "\ea2f"; }
30182
30183 .icon-spotify:before {
30184   content: "\ea30"; }
30185
30186 .icon-spotlight-beam:before {
30187   content: "\ea31"; }
30188
30189 .icon-spotlight:before {
30190   content: "\ea32"; }
30191
30192 .icon-spreadsheet:before {
30193   content: "\ea33"; }
30194
30195 .icon-square-inc-cash:before {
30196   content: "\ea34"; }
30197
30198 .icon-square-inc:before {
30199   content: "\ea35"; }
30200
30201 .icon-stackoverflow:before {
30202   content: "\ea36"; }
30203
30204 .icon-star-circle:before {
30205   content: "\ea37"; }
30206
30207 .icon-star-half:before {
30208   content: "\ea38"; }
30209
30210 .icon-star-of-david:before {
30211   content: "\ea39"; }
30212
30213 .icon-star-outline:before {
30214   content: "\ea3a"; }
30215
30216 .icon-star:before {
30217   content: "\ea3b"; }
30218
30219 .icon-steam:before {
30220   content: "\ea3c"; }
30221
30222 .icon-stethoscope:before {
30223   content: "\ea3d"; }
30224
30225 .icon-stocking:before {
30226   content: "\ea3e"; }
30227
30228 .icon-stop:before {
30229   content: "\ea3f"; }
30230
30231 .icon-store-24-hour:before {
30232   content: "\ea40"; }
30233
30234 .icon-store:before {
30235   content: "\ea41"; }
30236
30237 .icon-stove:before {
30238   content: "\ea42"; }
30239
30240 .icon-subway:before {
30241   content: "\ea43"; }
30242
30243 .icon-sunglasses:before {
30244   content: "\ea44"; }
30245
30246 .icon-swap-horizontal:before {
30247   content: "\ea45"; }
30248
30249 .icon-swap-vertical:before {
30250   content: "\ea46"; }
30251
30252 .icon-swim:before {
30253   content: "\ea47"; }
30254
30255 .icon-sword:before {
30256   content: "\ea48"; }
30257
30258 .icon-sync-alert:before {
30259   content: "\ea49"; }
30260
30261 .icon-sync-off:before {
30262   content: "\ea4a"; }
30263
30264 .icon-sync:before {
30265   content: "\ea4b"; }
30266
30267 .icon-tab-unselected:before {
30268   content: "\ea4c"; }
30269
30270 .icon-tab:before {
30271   content: "\ea4d"; }
30272
30273 .icon-table-column-plus-after:before {
30274   content: "\ea4e"; }
30275
30276 .icon-table-column-plus-before:before {
30277   content: "\ea4f"; }
30278
30279 .icon-table-column-remove:before {
30280   content: "\ea50"; }
30281
30282 .icon-table-column-width:before {
30283   content: "\ea51"; }
30284
30285 .icon-table-edit:before {
30286   content: "\ea52"; }
30287
30288 .icon-table-large:before {
30289   content: "\ea53"; }
30290
30291 .icon-table-row-height:before {
30292   content: "\ea54"; }
30293
30294 .icon-table-row-plus-after:before {
30295   content: "\ea55"; }
30296
30297 .icon-table-row-plus-before:before {
30298   content: "\ea56"; }
30299
30300 .icon-table-row-remove:before {
30301   content: "\ea57"; }
30302
30303 .icon-table:before {
30304   content: "\ea58"; }
30305
30306 .icon-tablet-android:before {
30307   content: "\ea59"; }
30308
30309 .icon-tablet-ipad:before {
30310   content: "\ea5a"; }
30311
30312 .icon-tablet:before {
30313   content: "\ea5b"; }
30314
30315 .icon-tag-faces:before {
30316   content: "\ea5c"; }
30317
30318 .icon-tag-multiple:before {
30319   content: "\ea5d"; }
30320
30321 .icon-tag-outline:before {
30322   content: "\ea5e"; }
30323
30324 .icon-tag-text-outline:before {
30325   content: "\ea5f"; }
30326
30327 .icon-tag:before {
30328   content: "\ea60"; }
30329
30330 .icon-taxi:before {
30331   content: "\ea61"; }
30332
30333 .icon-teamviewer:before {
30334   content: "\ea62"; }
30335
30336 .icon-telegram:before {
30337   content: "\ea63"; }
30338
30339 .icon-television-guide:before {
30340   content: "\ea64"; }
30341
30342 .icon-television:before {
30343   content: "\ea65"; }
30344
30345 .icon-temperature-celsius:before {
30346   content: "\ea66"; }
30347
30348 .icon-temperature-fahrenheit:before {
30349   content: "\ea67"; }
30350
30351 .icon-temperature-kelvin:before {
30352   content: "\ea68"; }
30353
30354 .icon-tennis:before {
30355   content: "\ea69"; }
30356
30357 .icon-tent:before {
30358   content: "\ea6a"; }
30359
30360 .icon-terrain:before {
30361   content: "\ea6b"; }
30362
30363 .icon-text-to-speech-off:before {
30364   content: "\ea6c"; }
30365
30366 .icon-text-to-speech:before {
30367   content: "\ea6d"; }
30368
30369 .icon-texture:before {
30370   content: "\ea6e"; }
30371
30372 .icon-theater:before {
30373   content: "\ea6f"; }
30374
30375 .icon-theme-light-dark:before {
30376   content: "\ea70"; }
30377
30378 .icon-thermometer-lines:before {
30379   content: "\ea71"; }
30380
30381 .icon-thermometer:before {
30382   content: "\ea72"; }
30383
30384 .icon-thumb-down-outline:before {
30385   content: "\ea73"; }
30386
30387 .icon-thumb-down:before {
30388   content: "\ea74"; }
30389
30390 .icon-thumb-up-outline:before {
30391   content: "\ea75"; }
30392
30393 .icon-thumb-up:before {
30394   content: "\ea76"; }
30395
30396 .icon-thumbs-up-down:before {
30397   content: "\ea77"; }
30398
30399 .icon-ticket-account:before {
30400   content: "\ea78"; }
30401
30402 .icon-ticket:before {
30403   content: "\ea79"; }
30404
30405 .icon-tie:before {
30406   content: "\ea7a"; }
30407
30408 .icon-tile-four:before {
30409   content: "\ea7b"; }
30410
30411 .icon-timelapse:before {
30412   content: "\ea7c"; }
30413
30414 .icon-timer-3:before {
30415   content: "\ea7d"; }
30416
30417 .icon-timer-10:before {
30418   content: "\ea7e"; }
30419
30420 .icon-timer-off:before {
30421   content: "\ea7f"; }
30422
30423 .icon-timer-sand:before {
30424   content: "\ea80"; }
30425
30426 .icon-timer:before {
30427   content: "\ea81"; }
30428
30429 .icon-timetable:before {
30430   content: "\ea82"; }
30431
30432 .icon-toggle-switch-off:before {
30433   content: "\ea83"; }
30434
30435 .icon-toggle-switch-on:before {
30436   content: "\ea84"; }
30437
30438 .icon-tooltip-edit:before {
30439   content: "\ea85"; }
30440
30441 .icon-tooltip-image:before {
30442   content: "\ea86"; }
30443
30444 .icon-tooltip-outline-plus:before {
30445   content: "\ea87"; }
30446
30447 .icon-tooltip-outline:before {
30448   content: "\ea88"; }
30449
30450 .icon-tooltip-text:before {
30451   content: "\ea89"; }
30452
30453 .icon-tooltip:before {
30454   content: "\ea8a"; }
30455
30456 .icon-tor:before {
30457   content: "\ea8b"; }
30458
30459 .icon-traffic-light:before {
30460   content: "\ea8c"; }
30461
30462 .icon-train:before {
30463   content: "\ea8d"; }
30464
30465 .icon-tram:before {
30466   content: "\ea8e"; }
30467
30468 .icon-transcribe-close:before {
30469   content: "\ea8f"; }
30470
30471 .icon-transcribe:before {
30472   content: "\ea90"; }
30473
30474 .icon-transfer:before {
30475   content: "\ea91"; }
30476
30477 .icon-trash:before {
30478   content: "\ea92"; }
30479
30480 .icon-tree:before {
30481   content: "\ea93"; }
30482
30483 .icon-trello:before {
30484   content: "\ea94"; }
30485
30486 .icon-trending-down:before {
30487   content: "\ea95"; }
30488
30489 .icon-trending-neutral:before {
30490   content: "\ea96"; }
30491
30492 .icon-trending-up:before {
30493   content: "\ea97"; }
30494
30495 .icon-truck:before {
30496   content: "\ea98"; }
30497
30498 .icon-tshirt-crew:before {
30499   content: "\ea99"; }
30500
30501 .icon-tshirt-v:before {
30502   content: "\ea9a"; }
30503
30504 .icon-tumblr-reblog:before {
30505   content: "\ea9b"; }
30506
30507 .icon-tumblr:before {
30508   content: "\ea9c"; }
30509
30510 .icon-twitch:before {
30511   content: "\ea9d"; }
30512
30513 .icon-twitter-box:before {
30514   content: "\ea9e"; }
30515
30516 .icon-twitter-circle:before {
30517   content: "\ea9f"; }
30518
30519 .icon-twitter-retweet:before {
30520   content: "\eaa0"; }
30521
30522 .icon-twitter:before {
30523   content: "\eaa1"; }
30524
30525 .icon-ubuntu:before {
30526   content: "\eaa2"; }
30527
30528 .icon-umbrella-outline:before {
30529   content: "\eaa3"; }
30530
30531 .icon-umbrella:before {
30532   content: "\eaa4"; }
30533
30534 .icon-undo-variant:before {
30535   content: "\eaa5"; }
30536
30537 .icon-undo:before {
30538   content: "\eaa6"; }
30539
30540 .icon-unfold-less:before {
30541   content: "\eaa7"; }
30542
30543 .icon-unfold-more:before {
30544   content: "\eaa8"; }
30545
30546 .icon-ungroup:before {
30547   content: "\eaa9"; }
30548
30549 .icon-untappd:before {
30550   content: "\eaaa"; }
30551
30552 .icon-upload:before {
30553   content: "\eaab"; }
30554
30555 .icon-usb:before {
30556   content: "\eaac"; }
30557
30558 .icon-vector-curve:before {
30559   content: "\eaad"; }
30560
30561 .icon-vector-point:before {
30562   content: "\eaae"; }
30563
30564 .icon-vector-square:before {
30565   content: "\eaaf"; }
30566
30567 .icon-verified:before {
30568   content: "\eab0"; }
30569
30570 .icon-vibration:before {
30571   content: "\eab1"; }
30572
30573 .icon-video-off:before {
30574   content: "\eab2"; }
30575
30576 .icon-video-switch:before {
30577   content: "\eab3"; }
30578
30579 .icon-video:before {
30580   content: "\eab4"; }
30581
30582 .icon-view-agenda:before {
30583   content: "\eab5"; }
30584
30585 .icon-view-array:before {
30586   content: "\eab6"; }
30587
30588 .icon-view-carousel:before {
30589   content: "\eab7"; }
30590
30591 .icon-view-column:before {
30592   content: "\eab8"; }
30593
30594 .icon-view-dashboard:before {
30595   content: "\eab9"; }
30596
30597 .icon-view-day:before {
30598   content: "\eaba"; }
30599
30600 .icon-view-headline:before {
30601   content: "\eabb"; }
30602
30603 .icon-view-list:before {
30604   content: "\eabc"; }
30605
30606 .icon-view-module:before {
30607   content: "\eabd"; }
30608
30609 .icon-view-quilt:before {
30610   content: "\eabe"; }
30611
30612 .icon-view-stream:before {
30613   content: "\eabf"; }
30614
30615 .icon-view-week:before {
30616   content: "\eac0"; }
30617
30618 .icon-vimeo:before {
30619   content: "\eac1"; }
30620
30621 .icon-vine:before {
30622   content: "\eac2"; }
30623
30624 .icon-vk-box:before {
30625   content: "\eac3"; }
30626
30627 .icon-vk-circle:before {
30628   content: "\eac4"; }
30629
30630 .icon-vk:before {
30631   content: "\eac5"; }
30632
30633 .icon-voicemail:before {
30634   content: "\eac6"; }
30635
30636 .icon-volume-high:before {
30637   content: "\eac7"; }
30638
30639 .icon-volume-low:before {
30640   content: "\eac8"; }
30641
30642 .icon-volume-medium:before {
30643   content: "\eac9"; }
30644
30645 .icon-volume-off:before {
30646   content: "\eaca"; }
30647
30648 .icon-volume:before {
30649   content: "\eacb"; }
30650
30651 .icon-vpn:before {
30652   content: "\eacc"; }
30653
30654 .icon-walk:before {
30655   content: "\eacd"; }
30656
30657 .icon-wallet-giftcard:before {
30658   content: "\eace"; }
30659
30660 .icon-wallet-membership:before {
30661   content: "\eacf"; }
30662
30663 .icon-wallet-travel:before {
30664   content: "\ead0"; }
30665
30666 .icon-wallet:before {
30667   content: "\ead1"; }
30668
30669 .icon-washing-machine:before {
30670   content: "\ead2"; }
30671
30672 .icon-watch-export:before {
30673   content: "\ead3"; }
30674
30675 .icon-watch-import:before {
30676   content: "\ead4"; }
30677
30678 .icon-watch:before {
30679   content: "\ead5"; }
30680
30681 .icon-water-off:before {
30682   content: "\ead6"; }
30683
30684 .icon-water-pump:before {
30685   content: "\ead7"; }
30686
30687 .icon-water:before {
30688   content: "\ead8"; }
30689
30690 .icon-weather-cloudy:before {
30691   content: "\ead9"; }
30692
30693 .icon-weather-fog:before {
30694   content: "\eada"; }
30695
30696 .icon-weather-hail:before {
30697   content: "\eadb"; }
30698
30699 .icon-weather-lightning:before {
30700   content: "\eadc"; }
30701
30702 .icon-weather-night:before {
30703   content: "\eadd"; }
30704
30705 .icon-weather-partlycloudy:before {
30706   content: "\eade"; }
30707
30708 .icon-weather-pouring:before {
30709   content: "\eadf"; }
30710
30711 .icon-weather-rainy:before {
30712   content: "\eae0"; }
30713
30714 .icon-weather-snowy:before {
30715   content: "\eae1"; }
30716
30717 .icon-weather-sunny:before {
30718   content: "\eae2"; }
30719
30720 .icon-weather-sunset-down:before {
30721   content: "\eae3"; }
30722
30723 .icon-weather-sunset-up:before {
30724   content: "\eae4"; }
30725
30726 .icon-weather-sunset:before {
30727   content: "\eae5"; }
30728
30729 .icon-weather-windy-variant:before {
30730   content: "\eae6"; }
30731
30732 .icon-weather-windy:before {
30733   content: "\eae7"; }
30734
30735 .icon-web:before {
30736   content: "\eae8"; }
30737
30738 .icon-webcam:before {
30739   content: "\eae9"; }
30740
30741 .icon-weight-kilogram:before {
30742   content: "\eaea"; }
30743
30744 .icon-weight:before {
30745   content: "\eaeb"; }
30746
30747 .icon-whatsapp:before {
30748   content: "\eaec"; }
30749
30750 .icon-wheelchair-accessibility:before {
30751   content: "\eaed"; }
30752
30753 .icon-white-balance-auto:before {
30754   content: "\eaee"; }
30755
30756 .icon-white-balance-incandescent:before {
30757   content: "\eaef"; }
30758
30759 .icon-white-balance-irradescent:before {
30760   content: "\eaf0"; }
30761
30762 .icon-white-balance-sunny:before {
30763   content: "\eaf1"; }
30764
30765 .icon-wifi:before {
30766   content: "\eaf2"; }
30767
30768 .icon-wii:before {
30769   content: "\eaf3"; }
30770
30771 .icon-wikipedia:before {
30772   content: "\eaf4"; }
30773
30774 .icon-window-close:before {
30775   content: "\eaf5"; }
30776
30777 .icon-window-closed:before {
30778   content: "\eaf6"; }
30779
30780 .icon-window-maximize:before {
30781   content: "\eaf7"; }
30782
30783 .icon-window-minimize:before {
30784   content: "\eaf8"; }
30785
30786 .icon-window-open:before {
30787   content: "\eaf9"; }
30788
30789 .icon-window-restore:before {
30790   content: "\eafa"; }
30791
30792 .icon-windows:before {
30793   content: "\eafb"; }
30794
30795 .icon-wordpress:before {
30796   content: "\eafc"; }
30797
30798 .icon-worker:before {
30799   content: "\eafd"; }
30800
30801 .icon-wunderlist:before {
30802   content: "\eafe"; }
30803
30804 .icon-xbox-controller-off:before {
30805   content: "\eaff"; }
30806
30807 .icon-xbox-controller:before {
30808   content: "\eb00"; }
30809
30810 .icon-xbox:before {
30811   content: "\eb01"; }
30812
30813 .icon-xda:before {
30814   content: "\eb02"; }
30815
30816 .icon-xml:before {
30817   content: "\eb03"; }
30818
30819 .icon-yeast:before {
30820   content: "\eb04"; }
30821
30822 .icon-yelp:before {
30823   content: "\eb05"; }
30824
30825 .icon-youtube-play:before {
30826   content: "\eb06"; }
30827
30828 .icon-youtube:before {
30829   content: "\eb07"; }
30830
30831 .icon-zip-box:before {
30832   content: "\eb08"; }
30833
30834 /*-----------------------------------------------------------------------*/
30835 /* Contains custom elements, components and general styles that
30836 /* follows Google(TM) Material Design(TM) specs
30837 /*
30838 /* https://www.google.com/design/spec/material-design/introduction.html
30839 /*-----------------------------------------------------------------------*/
30840 /*----------------------------------------------------------------*/
30841 /*  Avatars
30842 /*----------------------------------------------------------------*/
30843 .avatar {
30844   width: 40px;
30845   min-width: 40px;
30846   height: 40px;
30847   line-height: 40px;
30848   margin: 0 8px 0 0;
30849   border-radius: 50%;
30850   font-size: 17px;
30851   font-weight: 500;
30852   text-align: center;
30853   color: #FFFFFF; }
30854   .avatar.square {
30855     border-radius: 0; }
30856   .avatar.small {
30857     width: 20px;
30858     min-width: 20px;
30859     height: 20px;
30860     line-height: 20px; }
30861   .avatar.big {
30862     width: 72px;
30863     min-width: 72px;
30864     height: 72px;
30865     line-height: 72px; }
30866   .avatar.huge {
30867     width: 96px;
30868     min-width: 96px;
30869     height: 96px;
30870     line-height: 96px; }
30871
30872 /*----------------------------------------------------------------*/
30873 /*  Forms
30874 /*----------------------------------------------------------------*/
30875 .form-wrapper {
30876   background: #FFFFFF;
30877   padding: 16px; }
30878   .form-wrapper .form-title {
30879     font-size: 21px;
30880     padding: 8px 0; }
30881
30882 /*----------------------------------------------------------------*/
30883 /*  Navigation - Simple
30884 /*----------------------------------------------------------------*/
30885 .navigation-simple .item {
30886   position: relative;
30887   cursor: pointer;
30888   text-align: left;
30889   margin: 0;
30890   padding: 0 24px;
30891   text-transform: none;
30892   line-height: 48px;
30893   max-height: 48px;
30894   height: 48px; }
30895   .navigation-simple .item md-icon {
30896     margin: 0 16px 0 0; }
30897   .navigation-simple .item .title {
30898     font-size: 13px;
30899     font-weight: 500;
30900     line-height: 1; }
30901   .navigation-simple .item.selected {
30902     background-color: rgba(0, 0, 0, 0.06); }
30903
30904 .navigation-simple .subheader {
30905   font-size: 13px;
30906   border-top: 1px solid rgba(0, 0, 0, 0.12);
30907   font-weight: 500;
30908   margin-top: 8px; }
30909   .navigation-simple .subheader.light {
30910     border-top: 1px solid rgba(255, 255, 255, 0.12); }
30911
30912 .navigation-simple md-divider {
30913   margin: 8px 0; }
30914
30915 /*----------------------------------------------------------------*/
30916 /*  Pagination
30917 /*----------------------------------------------------------------*/
30918 .simple-pagination {
30919   position: relative;
30920   display: inline-flex;
30921   flex-direction: row;
30922   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
30923   background-color: #FFFFFF;
30924   padding: 0 8px; }
30925   .simple-pagination .pagination-item {
30926     min-width: 48px;
30927     min-height: 56px;
30928     line-height: 56px;
30929     border-radius: 0;
30930     margin: 0;
30931     font-weight: normal;
30932     color: rgba(0, 0, 0, 0.54); }
30933     .simple-pagination .pagination-item:hover {
30934       color: rgba(0, 0, 0, 0.87); }
30935     .simple-pagination .pagination-item.active {
30936       cursor: default;
30937       color: rgba(0, 0, 0, 0.87); }
30938     .simple-pagination .pagination-item.disabled {
30939       cursor: default;
30940       color: rgba(0, 0, 0, 0.26); }
30941
30942 /*----------------------------------------------------------------*/
30943 /*  Price Tables
30944 /*----------------------------------------------------------------*/
30945 .price-tables .price-table {
30946   position: relative;
30947   background-color: #FFFFFF;
30948   width: 280px;
30949   border-radius: 2px;
30950   margin: 24px 24px 0 0;
30951   overflow: hidden; }
30952   .price-tables .price-table.style-1 .package-type {
30953     font-size: 17px;
30954     padding: 16px 24px; }
30955     .price-tables .price-table.style-1 .package-type .sale {
30956       font-size: 13px;
30957       font-weight: 600; }
30958   .price-tables .price-table.style-1 .price {
30959     padding: 32px 32px 16px 32px; }
30960     .price-tables .price-table.style-1 .price .currency {
30961       padding-right: 4px;
30962       font-size: 24px;
30963       font-weight: 500;
30964       color: rgba(0, 0, 0, 0.54); }
30965     .price-tables .price-table.style-1 .price .value {
30966       font-size: 72px;
30967       font-weight: 300;
30968       line-height: 1; }
30969     .price-tables .price-table.style-1 .price .period {
30970       padding: 0 0 5px 4px;
30971       font-size: 17px;
30972       color: rgba(0, 0, 0, 0.54); }
30973   .price-tables .price-table.style-1 md-divider {
30974     margin: 16px 32px; }
30975   .price-tables .price-table.style-1 .terms {
30976     padding: 16px 32px;
30977     font-size: 15px; }
30978   .price-tables .price-table.style-1 .cta-button {
30979     margin: 16px auto 32px auto;
30980     width: 128px; }
30981   .price-tables .price-table.style-2 .badge {
30982     position: absolute;
30983     top: 0;
30984     left: 50%;
30985     transform: translateX(-50%);
30986     font-size: 11px;
30987     font-weight: 500;
30988     padding: 6px 8px; }
30989   .price-tables .price-table.style-2 .package-type {
30990     padding: 48px 32px 24px 32px;
30991     font-size: 20px;
30992     font-weight: 500;
30993     text-align: center; }
30994   .price-tables .price-table.style-2 .price {
30995     padding: 0 32px 8px 32px; }
30996     .price-tables .price-table.style-2 .price .currency {
30997       padding-right: 4px;
30998       font-size: 24px;
30999       font-weight: 500;
31000       color: rgba(0, 0, 0, 0.54); }
31001     .price-tables .price-table.style-2 .price .value {
31002       font-size: 56px;
31003       font-weight: 300;
31004       line-height: 1; }
31005   .price-tables .price-table.style-2 .period {
31006     padding: 0 32px;
31007     font-size: 15px;
31008     font-weight: 500;
31009     color: rgba(0, 0, 0, 0.54);
31010     text-align: center; }
31011   .price-tables .price-table.style-2 .terms {
31012     padding: 32px;
31013     font-size: 15px; }
31014     .price-tables .price-table.style-2 .terms .term {
31015       padding-bottom: 8px; }
31016       .price-tables .price-table.style-2 .terms .term:last-child {
31017         padding-bottom: 0; }
31018   .price-tables .price-table.style-2 .cta-button {
31019     margin: 8px auto 32px auto;
31020     width: 128px; }
31021   .price-tables .price-table.style-3 .package-type {
31022     padding: 32px;
31023     text-align: center; }
31024     .price-tables .price-table.style-3 .package-type .title {
31025       font-size: 34px; }
31026     .price-tables .price-table.style-3 .package-type .subtitle {
31027       font-size: 17px;
31028       color: rgba(0, 0, 0, 0.54);
31029       font-weight: 500; }
31030   .price-tables .price-table.style-3 .price {
31031     padding: 16px 32px; }
31032     .price-tables .price-table.style-3 .price .currency {
31033       padding-right: 4px;
31034       font-size: 15px;
31035       font-weight: 500; }
31036     .price-tables .price-table.style-3 .price .value {
31037       font-size: 34px;
31038       font-weight: 300;
31039       line-height: 1; }
31040     .price-tables .price-table.style-3 .price .period {
31041       padding-left: 4px;
31042       text-align: center; }
31043   .price-tables .price-table.style-3 .terms {
31044     margin: 32px;
31045     font-size: 15px;
31046     color: rgba(0, 0, 0, 0.54); }
31047     .price-tables .price-table.style-3 .terms .term {
31048       padding-bottom: 16px; }
31049       .price-tables .price-table.style-3 .terms .term:last-child {
31050         padding-bottom: 0; }
31051   .price-tables .price-table.style-3 .cta-button {
31052     margin: 8px 32px; }
31053   .price-tables .price-table.style-3 .note {
31054     padding: 8px 32px 16px 32px;
31055     text-align: center;
31056     color: rgba(0, 0, 0, 0.54); }
31057
31058 /*----------------------------------------------------------------*/
31059 /*  Table - Simple
31060 /*----------------------------------------------------------------*/
31061 .simple-table-container {
31062   background: #FFFFFF; }
31063   .simple-table-container .table-title {
31064     font-size: 20px;
31065     padding: 24px; }
31066
31067 table.simple {
31068   width: 100%;
31069   border: none;
31070   border-spacing: 0;
31071   text-align: left; }
31072   table.simple thead tr th {
31073     padding: 16px 8px;
31074     font-weight: 500;
31075     color: rgba(0, 0, 0, 0.54);
31076     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
31077     white-space: nowrap;
31078     min-width: 120px; }
31079     table.simple thead tr th:first-child {
31080       padding-left: 24px; }
31081     table.simple thead tr th:last-child {
31082       padding-right: 24px; }
31083   table.simple tbody tr td {
31084     padding: 16px 8px;
31085     border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
31086     table.simple tbody tr td:first-child {
31087       padding-left: 24px; }
31088     table.simple tbody tr td:last-child {
31089       padding-right: 24px; }
31090   table.simple tbody tr:last-child td {
31091     border-bottom: none; }
31092   table.simple.clickable tbody tr {
31093     cursor: pointer; }
31094     table.simple.clickable tbody tr:hover {
31095       background: rgba(0, 0, 0, 0.03); }
31096
31097 /*----------------------------------------------------------------*/
31098 /*  Typography
31099 /*----------------------------------------------------------------*/
31100 html {
31101   font-size: 62.5%;
31102   font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif;
31103   line-height: 1.4;
31104   letter-spacing: -0.1px; }
31105
31106 body {
31107   font-size: 1.3rem; }
31108
31109 html,
31110 body {
31111   -webkit-font-smoothing: auto;
31112   -moz-osx-font-smoothing: auto; }
31113
31114 form {
31115   font-size: 1.6rem; }
31116
31117 h1,
31118 h2,
31119 h3,
31120 h4,
31121 h5,
31122 h6,
31123 .h1,
31124 .h2,
31125 .h3,
31126 .h4,
31127 .h5,
31128 .h6 {
31129   font-weight: normal; }
31130
31131 h1,
31132 .h1 {
31133   font-size: 2.4rem; }
31134
31135 h2,
31136 .h2 {
31137   font-size: 2rem; }
31138
31139 h3,
31140 .h3 {
31141   font-size: 1.6rem; }
31142
31143 h4,
31144 .h4 {
31145   font-size: 1.4rem; }
31146
31147 h5,
31148 .h5 {
31149   font-size: 1.3rem; }
31150
31151 h6,
31152 .h6 {
31153   font-size: 1.2rem; }
31154
31155 a {
31156   text-decoration: none; }
31157   a:hover, a:active {
31158     text-decoration: underline; }
31159
31160 abbr {
31161   cursor: help;
31162   border-bottom: 1px dotted rgba(0, 0, 0, 0.54); }
31163
31164 blockquote {
31165   border-left: 3px solid rgba(0, 0, 0, 0.12);
31166   font-style: italic;
31167   margin: 1em 0;
31168   padding-left: 16px; }
31169   blockquote footer {
31170     font-style: normal; }
31171     blockquote footer:before {
31172       content: '\2014 \00A0'; }
31173   blockquote.reverse {
31174     border-left: none;
31175     border-right: 3px solid rgba(0, 0, 0, 0.12);
31176     text-align: right;
31177     padding-left: 0;
31178     padding-right: 16px; }
31179     blockquote.reverse footer:before {
31180       content: ''; }
31181     blockquote.reverse footer:after {
31182       content: '\2014 \00A0'; }
31183
31184 code {
31185   font-family: "Monaco", "Menlo", "Consolas", "Ubuntu Mono", monospace; }
31186   code:not(.highlight) {
31187     background: rgba(0, 0, 0, 0.065);
31188     color: #106CC8;
31189     margin: 0 1px;
31190     padding: 2px 3px;
31191     border-radius: 2px; }
31192
31193 dl dt {
31194   font-weight: bold; }
31195
31196 dl dd {
31197   margin: 4px 0 16px 0; }
31198
31199 mark {
31200   background: #F7F49A; }
31201
31202 pre {
31203   line-height: 1.6;
31204   margin: 8px 16px;
31205   white-space: pre-wrap; }
31206
31207 small {
31208   font-size: 80%; }
31209
31210 table thead tr th {
31211   text-align: left; }
31212
31213 .text-italic {
31214   font-style: italic; }
31215
31216 .text-semibold {
31217   font-weight: 600; }
31218
31219 .text-bold,
31220 strong {
31221   font-weight: 700; }
31222
31223 .text-strike {
31224   text-decoration: line-through; }
31225
31226 .text-super {
31227   vertical-align: super; }
31228
31229 .text-sub {
31230   vertical-align: sub; }
31231
31232 .text-capitalize {
31233   text-transform: capitalize; }
31234
31235 .text-lowercase {
31236   text-transform: lowercase; }
31237
31238 .text-uppercase {
31239   text-transform: uppercase; }
31240
31241 .text-left {
31242   text-align: left; }
31243
31244 .text-center {
31245   text-align: center; }
31246
31247 .text-right {
31248   text-align: right; }
31249
31250 .font-weight-100 {
31251   font-weight: 100; }
31252
31253 .font-weight-200 {
31254   font-weight: 200; }
31255
31256 .font-weight-300 {
31257   font-weight: 300; }
31258
31259 .font-weight-400 {
31260   font-weight: 400; }
31261
31262 .font-weight-500 {
31263   font-weight: 500; }
31264
31265 .font-weight-600 {
31266   font-weight: 600; }
31267
31268 .font-weight-700 {
31269   font-weight: 700; }
31270
31271 .font-weight-800 {
31272   font-weight: 800; }
31273
31274 .font-weight-900 {
31275   font-weight: 900; }
31276
31277 .font-size-2 {
31278   font-size: 2px; }
31279
31280 .font-size-4 {
31281   font-size: 4px; }
31282
31283 .font-size-6 {
31284   font-size: 6px; }
31285
31286 .font-size-8 {
31287   font-size: 8px; }
31288
31289 .font-size-10 {
31290   font-size: 10px; }
31291
31292 .font-size-12 {
31293   font-size: 12px; }
31294
31295 .font-size-14 {
31296   font-size: 14px; }
31297
31298 .font-size-16 {
31299   font-size: 16px; }
31300
31301 .font-size-18 {
31302   font-size: 18px; }
31303
31304 .font-size-20 {
31305   font-size: 20px; }
31306
31307 .font-size-22 {
31308   font-size: 22px; }
31309
31310 .font-size-24 {
31311   font-size: 24px; }
31312
31313 .font-size-26 {
31314   font-size: 26px; }
31315
31316 .font-size-28 {
31317   font-size: 28px; }
31318
31319 .font-size-30 {
31320   font-size: 30px; }
31321
31322 .font-size-32 {
31323   font-size: 32px; }
31324
31325 .font-size-34 {
31326   font-size: 34px; }
31327
31328 .font-size-36 {
31329   font-size: 36px; }
31330
31331 .font-size-38 {
31332   font-size: 38px; }
31333
31334 .font-size-40 {
31335   font-size: 40px; }
31336
31337 .font-size-42 {
31338   font-size: 42px; }
31339
31340 .font-size-44 {
31341   font-size: 44px; }
31342
31343 .font-size-46 {
31344   font-size: 46px; }
31345
31346 .font-size-48 {
31347   font-size: 48px; }
31348
31349 .font-size-50 {
31350   font-size: 50px; }
31351
31352 .font-size-52 {
31353   font-size: 52px; }
31354
31355 .font-size-54 {
31356   font-size: 54px; }
31357
31358 .font-size-56 {
31359   font-size: 56px; }
31360
31361 .font-size-58 {
31362   font-size: 58px; }
31363
31364 .font-size-60 {
31365   font-size: 60px; }
31366
31367 .font-size-62 {
31368   font-size: 62px; }
31369
31370 .font-size-64 {
31371   font-size: 64px; }
31372
31373 .font-size-66 {
31374   font-size: 66px; }
31375
31376 .font-size-68 {
31377   font-size: 68px; }
31378
31379 .font-size-70 {
31380   font-size: 70px; }
31381
31382 .font-size-72 {
31383   font-size: 72px; }
31384
31385 .font-size-74 {
31386   font-size: 74px; }
31387
31388 .font-size-76 {
31389   font-size: 76px; }
31390
31391 .font-size-78 {
31392   font-size: 78px; }
31393
31394 .font-size-80 {
31395   font-size: 80px; }
31396
31397 .font-size-82 {
31398   font-size: 82px; }
31399
31400 .font-size-84 {
31401   font-size: 84px; }
31402
31403 .font-size-86 {
31404   font-size: 86px; }
31405
31406 .font-size-88 {
31407   font-size: 88px; }
31408
31409 .font-size-90 {
31410   font-size: 90px; }
31411
31412 .font-size-92 {
31413   font-size: 92px; }
31414
31415 .font-size-94 {
31416   font-size: 94px; }
31417
31418 .font-size-96 {
31419   font-size: 96px; }
31420
31421 .font-size-98 {
31422   font-size: 98px; }
31423
31424 .font-size-100 {
31425   font-size: 100px; }
31426
31427 .font-size-102 {
31428   font-size: 102px; }
31429
31430 .font-size-104 {
31431   font-size: 104px; }
31432
31433 .font-size-106 {
31434   font-size: 106px; }
31435
31436 .font-size-108 {
31437   font-size: 108px; }
31438
31439 .font-size-110 {
31440   font-size: 110px; }
31441
31442 .font-size-112 {
31443   font-size: 112px; }
31444
31445 .font-size-114 {
31446   font-size: 114px; }
31447
31448 .font-size-116 {
31449   font-size: 116px; }
31450
31451 .font-size-118 {
31452   font-size: 118px; }
31453
31454 .font-size-120 {
31455   font-size: 120px; }
31456
31457 .line-height-2 {
31458   line-height: 2px; }
31459
31460 .line-height-4 {
31461   line-height: 4px; }
31462
31463 .line-height-6 {
31464   line-height: 6px; }
31465
31466 .line-height-8 {
31467   line-height: 8px; }
31468
31469 .line-height-10 {
31470   line-height: 10px; }
31471
31472 .line-height-12 {
31473   line-height: 12px; }
31474
31475 .line-height-14 {
31476   line-height: 14px; }
31477
31478 .line-height-16 {
31479   line-height: 16px; }
31480
31481 .line-height-18 {
31482   line-height: 18px; }
31483
31484 .line-height-20 {
31485   line-height: 20px; }
31486
31487 .line-height-22 {
31488   line-height: 22px; }
31489
31490 .line-height-24 {
31491   line-height: 24px; }
31492
31493 .line-height-26 {
31494   line-height: 26px; }
31495
31496 .line-height-28 {
31497   line-height: 28px; }
31498
31499 .line-height-30 {
31500   line-height: 30px; }
31501
31502 .line-height-32 {
31503   line-height: 32px; }
31504
31505 .line-height-34 {
31506   line-height: 34px; }
31507
31508 .line-height-36 {
31509   line-height: 36px; }
31510
31511 .line-height-38 {
31512   line-height: 38px; }
31513
31514 .line-height-40 {
31515   line-height: 40px; }
31516
31517 .line-height-42 {
31518   line-height: 42px; }
31519
31520 .line-height-44 {
31521   line-height: 44px; }
31522
31523 .line-height-46 {
31524   line-height: 46px; }
31525
31526 .line-height-48 {
31527   line-height: 48px; }
31528
31529 .line-height-50 {
31530   line-height: 50px; }
31531
31532 .line-height-52 {
31533   line-height: 52px; }
31534
31535 .line-height-54 {
31536   line-height: 54px; }
31537
31538 .line-height-56 {
31539   line-height: 56px; }
31540
31541 .line-height-58 {
31542   line-height: 58px; }
31543
31544 .line-height-60 {
31545   line-height: 60px; }
31546
31547 .line-height-62 {
31548   line-height: 62px; }
31549
31550 .line-height-64 {
31551   line-height: 64px; }
31552
31553 .line-height-66 {
31554   line-height: 66px; }
31555
31556 .line-height-68 {
31557   line-height: 68px; }
31558
31559 .line-height-70 {
31560   line-height: 70px; }
31561
31562 .line-height-72 {
31563   line-height: 72px; }
31564
31565 .line-height-74 {
31566   line-height: 74px; }
31567
31568 .line-height-76 {
31569   line-height: 76px; }
31570
31571 .line-height-78 {
31572   line-height: 78px; }
31573
31574 .line-height-80 {
31575   line-height: 80px; }
31576
31577 .line-height-82 {
31578   line-height: 82px; }
31579
31580 .line-height-84 {
31581   line-height: 84px; }
31582
31583 .line-height-86 {
31584   line-height: 86px; }
31585
31586 .line-height-88 {
31587   line-height: 88px; }
31588
31589 .line-height-90 {
31590   line-height: 90px; }
31591
31592 .line-height-92 {
31593   line-height: 92px; }
31594
31595 .line-height-94 {
31596   line-height: 94px; }
31597
31598 .line-height-96 {
31599   line-height: 96px; }
31600
31601 .line-height-98 {
31602   line-height: 98px; }
31603
31604 .line-height-100 {
31605   line-height: 100px; }
31606
31607 .line-height-102 {
31608   line-height: 102px; }
31609
31610 .line-height-104 {
31611   line-height: 104px; }
31612
31613 .line-height-106 {
31614   line-height: 106px; }
31615
31616 .line-height-108 {
31617   line-height: 108px; }
31618
31619 .line-height-110 {
31620   line-height: 110px; }
31621
31622 .line-height-112 {
31623   line-height: 112px; }
31624
31625 .line-height-114 {
31626   line-height: 114px; }
31627
31628 .line-height-116 {
31629   line-height: 116px; }
31630
31631 .line-height-118 {
31632   line-height: 118px; }
31633
31634 .line-height-120 {
31635   line-height: 120px; }
31636
31637 .text-boxed, .text-boxed-light {
31638   border-radius: 2px;
31639   padding: 4px 8px;
31640   margin: 0 8px;
31641   font-size: 11px;
31642   font-weight: 500;
31643   color: rgba(0, 0, 0, 0.54);
31644   background-color: rgba(0, 0, 0, 0.12);
31645   white-space: nowrap; }
31646
31647 .text-boxed-light {
31648   background-color: rgba(255, 255, 255, 0.7); }
31649
31650 .text-truncate {
31651   display: block;
31652   overflow: hidden;
31653   text-overflow: ellipsis;
31654   white-space: nowrap; }
31655
31656 .text-nowrap {
31657   white-space: nowrap; }
31658
31659 .angular-google-map-container {
31660   height: 400px; }
31661
31662 .moment-picker .moment-picker-container {
31663   width: 296px;
31664   border: none;
31665   border-radius: 2px;
31666   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
31667   margin-left: 0;
31668   padding: 8px; }
31669   .moment-picker .moment-picker-container th,
31670   .moment-picker .moment-picker-container td {
31671     min-width: 0;
31672     width: 40px;
31673     height: 40px;
31674     padding: 8px;
31675     text-shadow: none;
31676     border-radius: 35px; }
31677     .moment-picker .moment-picker-container th:hover,
31678     .moment-picker .moment-picker-container td:hover {
31679       background: #F5F5F5;
31680       background-image: none; }
31681   .moment-picker .moment-picker-container td.selected {
31682     background: #03A9F4;
31683     background-image: none; }
31684   .moment-picker .moment-picker-container .header-view th {
31685     border-radius: 0;
31686     white-space: nowrap;
31687     width: auto; }
31688     .moment-picker .moment-picker-container .header-view th:first-child, .moment-picker .moment-picker-container .header-view th:last-child {
31689       width: 20%; }
31690
31691 /*----------------------------------------------------------------*/
31692 /*  @ Chart C3
31693 /*----------------------------------------------------------------*/
31694 .c3 {
31695   transition: all 300ms ease;
31696   /*-- Chart --*/
31697   /*-- Line --*/
31698   /*-- Point --*/
31699   /*-- Axis --*/
31700   /*-- Grid --*/
31701   /*-- Text on Chart --*/
31702   /*-- Bar --*/
31703   /*-- Focus --*/
31704   /*-- Region --*/
31705   /*-- Brush --*/
31706   /*-- Select - Drag --*/
31707   /*-- Legend --*/
31708   /*-- Tooltip --*/
31709   /*-- Area --*/
31710   /*-- Arc --*/ }
31711   .c3 svg {
31712     font: 12px RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }
31713   .c3 path,
31714   .c3 line {
31715     fill: none;
31716     stroke: #000; }
31717   .c3 text {
31718     font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif;
31719     user-select: none; }
31720   .c3 .c3-legend-item-tile,
31721   .c3 .c3-xgrid-focus,
31722   .c3 .c3-ygrid,
31723   .c3 .c3-event-rect,
31724   .c3 .c3-bars path {
31725     shape-rendering: crispEdges; }
31726   .c3 .c3-chart-line {
31727     transition: all 300ms ease; }
31728   .c3 .c3-line {
31729     stroke-width: 1px; }
31730   .c3.stroke-3 .c3-line {
31731     stroke-width: 3px; }
31732   .c3.stroke-2 .c3-line {
31733     stroke-width: 2px; }
31734   .c3 .c3-circle {
31735     transition: all 300ms ease;
31736     stroke: white;
31737     stroke-width: 2; }
31738     .c3 .c3-circle._expanded_ {
31739       stroke-width: 3;
31740       stroke: white; }
31741   .c3 .c3-chart-arc path {
31742     stroke: #fff; }
31743   .c3 .c3-chart-arc text {
31744     fill: #fff;
31745     font-size: 13px; }
31746   .c3 .c3-grid line {
31747     stroke: rgba(0, 0, 0, 0.04);
31748     stroke-width: 1px;
31749     stroke-dasharray: 0; }
31750   .c3 .c3-grid text {
31751     fill: #aaa; }
31752   .c3 .c3-axis .tick {
31753     stroke-width: 0; }
31754   .c3 .c3-axis text {
31755     fill: rgba(0, 0, 0, 0.33); }
31756   .c3 .c3-axis line,
31757   .c3 .c3-axis path {
31758     stroke: rgba(0, 0, 0, 0.04); }
31759   .c3 .c3-xgrid,
31760   .c3 .c3-ygrid {
31761     stroke-dasharray: 0 0; }
31762   .c3 .c3-text.c3-empty {
31763     fill: #808080;
31764     font-size: 2em; }
31765   .c3 .c3-bar {
31766     stroke-width: 0; }
31767     .c3 .c3-bar._expanded_ {
31768       fill-opacity: 0.75; }
31769   .c3 .c3-target.c3-focused {
31770     opacity: 1; }
31771     .c3 .c3-target.c3-focused path.c3-line,
31772     .c3 .c3-target.c3-focused .c3-target.c3-focused path.c3-step {
31773       stroke-width: 3px;
31774       transition: all 300ms ease; }
31775   .c3 .c3-target.c3-defocused {
31776     opacity: 0.3 !important; }
31777   .c3 .c3-region {
31778     fill: steelblue;
31779     fill-opacity: 0.1; }
31780   .c3 .c3-brush .extent {
31781     fill-opacity: 0.1; }
31782   .c3 .c3-legend-item {
31783     font-size: 12px; }
31784   .c3 .c3-legend-item-hidden {
31785     opacity: 0.15; }
31786   .c3 .c3-legend-background {
31787     opacity: 0.75;
31788     fill: white;
31789     stroke: lightgray;
31790     stroke-width: 1; }
31791   .c3 .c3-tooltip-container {
31792     z-index: 10; }
31793   .c3 .c3-tooltip {
31794     border-collapse: collapse;
31795     border-spacing: 0;
31796     background-color: #fff;
31797     empty-cells: show;
31798     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
31799     opacity: 1;
31800     border-radius: 2px;
31801     overflow: hidden;
31802     padding: 4px 0; }
31803     .c3 .c3-tooltip tr {
31804       border: none; }
31805     .c3 .c3-tooltip th {
31806       background-color: transparent;
31807       font-size: 14px;
31808       font-weight: 400;
31809       padding: 8px 12px;
31810       text-align: left;
31811       color: rgba(0, 0, 0, 0.54); }
31812     .c3 .c3-tooltip td {
31813       font-size: 13px;
31814       padding: 4px 12px !important;
31815       background-color: #fff;
31816       border-left: none;
31817       color: rgba(0, 0, 0, 0.84); }
31818       .c3 .c3-tooltip td > span {
31819         display: inline-block;
31820         width: 10px;
31821         height: 10px;
31822         margin-right: 6px; }
31823       .c3 .c3-tooltip td.value {
31824         font-size: 14px !important;
31825         text-align: right;
31826         color: rgba(0, 0, 0, 0.84); }
31827   .c3 .c3-area {
31828     stroke-width: 0;
31829     opacity: 0.2; }
31830   .c3 .c3-chart-arcs-title {
31831     dominant-baseline: middle;
31832     font-size: 1.3em; }
31833   .c3 .c3-chart-arcs .c3-chart-arcs-background {
31834     fill: #e0e0e0;
31835     stroke: none; }
31836   .c3 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
31837     fill: #000;
31838     font-size: 16px; }
31839   .c3 .c3-chart-arcs .c3-chart-arcs-gauge-max {
31840     fill: #777; }
31841   .c3 .c3-chart-arcs .c3-chart-arcs-gauge-min {
31842     fill: #777; }
31843   .c3 .c3-chart-arc .c3-gauge-value {
31844     fill: #000; }
31845
31846 .ct-label {
31847   font-size: 13px; }
31848
31849 .ct-chart-donut .ct-label,
31850 .ct-chart-pie .ct-label {
31851   font-size: 13px; }
31852
31853 .chart-legend,
31854 .bar-legend,
31855 .line-legend,
31856 .pie-legend,
31857 .radar-legend,
31858 .polararea-legend,
31859 .doughnut-legend {
31860   margin-top: 15px; }
31861
31862 table.dataTable {
31863   width: 100%;
31864   margin: 0 auto;
31865   clear: both;
31866   border-spacing: 0; }
31867   table.dataTable thead tr {
31868     background: #FFFFFF; }
31869   table.dataTable thead th {
31870     text-align: left;
31871     vertical-align: middle;
31872     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
31873     padding: 16px 8px; }
31874     table.dataTable thead th:first-child {
31875       padding-left: 24px; }
31876     table.dataTable thead th:last-child {
31877       border-right: none;
31878       padding-right: 24px; }
31879     table.dataTable thead th:active {
31880       outline: none; }
31881     table.dataTable thead th.dt-head-left {
31882       text-align: left; }
31883     table.dataTable thead th.dt-head-center {
31884       text-align: center; }
31885     table.dataTable thead th.dt-head-right {
31886       text-align: right; }
31887     table.dataTable thead th.dt-head-justify {
31888       text-align: justify; }
31889     table.dataTable thead th.dt-head-nowrap {
31890       white-space: nowrap; }
31891     table.dataTable thead th .table-header .column-title {
31892       display: block;
31893       font-weight: 600;
31894       white-space: nowrap; }
31895     table.dataTable thead th .table-header .selectize-control {
31896       margin-top: 15px; }
31897       table.dataTable thead th .table-header .selectize-control.single .selectize-input {
31898         padding: 7px 10px; }
31899         table.dataTable thead th .table-header .selectize-control.single .selectize-input:after {
31900           right: 10px;
31901           border-width: 5px 4px 0 4px;
31902           border-color: rgba(0, 0, 0, 0.12) transparent transparent transparent; }
31903     table.dataTable thead th .table-header .column-search-input {
31904       display: inline-block;
31905       margin-top: 15px;
31906       width: 100%;
31907       height: 33px; }
31908   table.dataTable thead td {
31909     padding: 15px;
31910     vertical-align: middle; }
31911     table.dataTable thead td:active {
31912       outline: none; }
31913     table.dataTable thead td.dt-head-left {
31914       text-align: left; }
31915     table.dataTable thead td.dt-head-center {
31916       text-align: center; }
31917     table.dataTable thead td.dt-head-right {
31918       text-align: right; }
31919     table.dataTable thead td.dt-head-justify {
31920       text-align: justify; }
31921     table.dataTable thead td.dt-head-nowrap {
31922       white-space: nowrap; }
31923   table.dataTable thead .sorting,
31924   table.dataTable thead .sorting_asc,
31925   table.dataTable thead .sorting_desc {
31926     background: none; }
31927     table.dataTable thead .sorting .table-header .column-title,
31928     table.dataTable thead .sorting_asc .table-header .column-title,
31929     table.dataTable thead .sorting_desc .table-header .column-title {
31930       cursor: pointer; }
31931       table.dataTable thead .sorting .table-header .column-title:after,
31932       table.dataTable thead .sorting_asc .table-header .column-title:after,
31933       table.dataTable thead .sorting_desc .table-header .column-title:after {
31934         position: relative;
31935         font-family: 'icomoon';
31936         font-weight: normal;
31937         margin-left: 10px;
31938         top: 2px;
31939         font-size: 16px;
31940         color: rgba(0, 0, 0, 0.54); }
31941   table.dataTable thead .sorting .table-header .column-title:after {
31942     content: '\eaa8'; }
31943   table.dataTable thead .sorting_asc .table-header .column-title:after {
31944     content: '\e718'; }
31945   table.dataTable thead .sorting_desc .table-header .column-title:after {
31946     content: '\e715'; }
31947   table.dataTable tfoot th {
31948     font-weight: 600;
31949     text-align: left;
31950     padding: 10px 18px 6px 18px;
31951     border-top: 1px solid #111111; }
31952     table.dataTable tfoot th.dt-head-left {
31953       text-align: left; }
31954     table.dataTable tfoot th.dt-head-center {
31955       text-align: center; }
31956     table.dataTable tfoot th.dt-head-right {
31957       text-align: right; }
31958     table.dataTable tfoot th.dt-head-justify {
31959       text-align: justify; }
31960     table.dataTable tfoot th.dt-head-nowrap {
31961       white-space: nowrap; }
31962   table.dataTable tfoot td {
31963     padding: 10px 18px 6px 18px;
31964     border-top: 1px solid #111111; }
31965     table.dataTable tfoot td.dt-head-left {
31966       text-align: left; }
31967     table.dataTable tfoot td.dt-head-center {
31968       text-align: center; }
31969     table.dataTable tfoot td.dt-head-right {
31970       text-align: right; }
31971     table.dataTable tfoot td.dt-head-justify {
31972       text-align: justify; }
31973     table.dataTable tfoot td.dt-head-nowrap {
31974       white-space: nowrap; }
31975   table.dataTable tbody tr {
31976     background-color: #FFFFFF; }
31977     table.dataTable tbody tr.selected {
31978       background-color: #B0BED9; }
31979     table.dataTable tbody tr.details-open td.detail-column i {
31980       background: #FFFFFF; }
31981     table.dataTable tbody tr.details-row.odd tr {
31982       background: #FFFFFF; }
31983     table.dataTable tbody tr.details-row > td {
31984       padding: 0; }
31985   table.dataTable tbody th {
31986     padding: 14px 15px;
31987     vertical-align: middle; }
31988     table.dataTable tbody th.dt-body-left {
31989       text-align: left; }
31990     table.dataTable tbody th.dt-body-center {
31991       text-align: center; }
31992     table.dataTable tbody th.dt-body-right {
31993       text-align: right; }
31994     table.dataTable tbody th.dt-body-justify {
31995       text-align: justify; }
31996     table.dataTable tbody th.dt-body-nowrap {
31997       white-space: nowrap; }
31998   table.dataTable tbody td {
31999     padding: 16px 8px;
32000     vertical-align: middle; }
32001     table.dataTable tbody td:first-child {
32002       padding-left: 24px; }
32003     table.dataTable tbody td:last-child {
32004       padding-right: 24px; }
32005     table.dataTable tbody td.dt-body-left {
32006       text-align: left; }
32007     table.dataTable tbody td.dt-body-center {
32008       text-align: center; }
32009     table.dataTable tbody td.dt-body-right {
32010       text-align: right; }
32011     table.dataTable tbody td.dt-body-justify {
32012       text-align: justify; }
32013     table.dataTable tbody td.dt-body-nowrap {
32014       white-space: nowrap; }
32015   table.dataTable th.dt-left {
32016     text-align: left; }
32017   table.dataTable th.dt-center {
32018     text-align: center; }
32019   table.dataTable th.dt-right {
32020     text-align: right; }
32021   table.dataTable th.dt-justify {
32022     text-align: justify; }
32023   table.dataTable th.dt-nowrap {
32024     white-space: nowrap; }
32025   table.dataTable td.dt-left {
32026     text-align: left; }
32027   table.dataTable td.dt-center {
32028     text-align: center; }
32029   table.dataTable td.dataTables_empty {
32030     height: 51px;
32031     text-align: center; }
32032   table.dataTable td.dt-right {
32033     text-align: right; }
32034   table.dataTable td.dt-justify {
32035     text-align: justify; }
32036   table.dataTable td.dt-nowrap {
32037     white-space: nowrap; }
32038   table.dataTable.row-border thead {
32039     border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
32040   table.dataTable.row-border tbody tr:first-child th {
32041     border-top: none; }
32042   table.dataTable.row-border tbody tr:first-child td {
32043     border-top: none; }
32044   table.dataTable.row-border tbody tr:last-child td {
32045     border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
32046   table.dataTable.row-border tbody th {
32047     border-top: 1px solid rgba(0, 0, 0, 0.12); }
32048   table.dataTable.row-border tbody td {
32049     border-top: 1px solid rgba(0, 0, 0, 0.12); }
32050   table.dataTable.cell-border tbody tr:first-child th {
32051     border-top: none; }
32052   table.dataTable.cell-border tbody tr:first-child td {
32053     border-top: none; }
32054   table.dataTable.cell-border tbody th {
32055     border-top: 1px solid rgba(0, 0, 0, 0.12);
32056     border-right: 1px solid rgba(0, 0, 0, 0.12); }
32057     table.dataTable.cell-border tbody th:last-child {
32058       border-right: none; }
32059   table.dataTable.cell-border tbody td {
32060     border-top: 1px solid rgba(0, 0, 0, 0.12);
32061     border-right: 1px solid rgba(0, 0, 0, 0.12); }
32062     table.dataTable.cell-border tbody td:last-child {
32063       border-right: none; }
32064   table.dataTable.stripe tbody tr.odd {
32065     background-color: #FFFFFF; }
32066     table.dataTable.stripe tbody tr.odd.selected {
32067       background-color: #ABB9D3; }
32068   table.dataTable.hover tbody tr:hover {
32069     background-color: whitesmoke; }
32070     table.dataTable.hover tbody tr:hover.selected {
32071       background-color: #A9B7D1; }
32072   table.dataTable.hover tbody tr.odd:hover {
32073     background-color: whitesmoke; }
32074     table.dataTable.hover tbody tr.odd:hover.selected {
32075       background-color: #A9B7D1; }
32076   table.dataTable.hover tbody tr.even:hover {
32077     background-color: whitesmoke; }
32078     table.dataTable.hover tbody tr.even:hover.selected {
32079       background-color: #A9B7D1; }
32080   table.dataTable.order-column tbody tr > .sorting_1 {
32081     background-color: #F9F9F9; }
32082   table.dataTable.order-column tbody tr > .sorting_2 {
32083     background-color: #F9F9F9; }
32084   table.dataTable.order-column tbody tr > .sorting_3 {
32085     background-color: #F9F9F9; }
32086   table.dataTable.order-column tbody tr.selected > .sorting_1 {
32087     background-color: #ACBAD4; }
32088   table.dataTable.order-column tbody tr.selected > .sorting_2 {
32089     background-color: #ACBAD4; }
32090   table.dataTable.order-column tbody tr.selected > .sorting_3 {
32091     background-color: #ACBAD4; }
32092   table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
32093     background-color: #F1F1F1; }
32094   table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
32095     background-color: #F3F3F3; }
32096   table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
32097     background-color: whitesmoke; }
32098   table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
32099     background-color: #A6B3CD; }
32100   table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
32101     background-color: #A7B5CE; }
32102   table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
32103     background-color: #A9B6D0; }
32104   table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
32105     background-color: #F9F9F9; }
32106   table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
32107     background-color: #FBFBFB; }
32108   table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
32109     background-color: #FDFDFD; }
32110   table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
32111     background-color: #ACBAD4; }
32112   table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
32113     background-color: #ADBBD6; }
32114   table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
32115     background-color: #AFBDD8; }
32116   table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
32117     background-color: #EAEAEA; }
32118   table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
32119     background-color: #EBEBEB; }
32120   table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
32121     background-color: #EEEEEE; }
32122   table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
32123     background-color: #A1AEC7; }
32124   table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
32125     background-color: #A2AFC8; }
32126   table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
32127     background-color: #A4B2CB; }
32128   table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1 {
32129     background-color: #EAEAEA; }
32130   table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2 {
32131     background-color: #EBEBEB; }
32132   table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3 {
32133     background-color: #EEEEEE; }
32134   table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1 {
32135     background-color: #A1AEC7; }
32136   table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2 {
32137     background-color: #A2AFC8; }
32138   table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3 {
32139     background-color: #A4B2CB; }
32140   table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
32141     background-color: #EAEAEA; }
32142   table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
32143     background-color: #EBEBEB; }
32144   table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
32145     background-color: #EEEEEE; }
32146   table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
32147     background-color: #A1AEC7; }
32148   table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
32149     background-color: #A2AFC8; }
32150   table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
32151     background-color: #A4B2CB; }
32152   table.dataTable.no-footer {
32153     border-bottom: none; }
32154   table.dataTable.nowrap th {
32155     white-space: nowrap; }
32156   table.dataTable.nowrap td {
32157     white-space: nowrap; }
32158   table.dataTable.compact thead th {
32159     padding: 5px 9px; }
32160   table.dataTable.compact thead td {
32161     padding: 5px 9px; }
32162   table.dataTable.compact tfoot th {
32163     padding: 5px 9px 3px 9px; }
32164   table.dataTable.compact tfoot td {
32165     padding: 5px 9px 3px 9px; }
32166   table.dataTable.compact tbody th {
32167     padding: 4px 5px; }
32168   table.dataTable.compact tbody td {
32169     padding: 4px 5px; }
32170
32171 /*
32172  * Control feature layout
32173  */
32174 .dataTables_wrapper {
32175   display: flex;
32176   flex: 1 0 auto;
32177   flex-direction: column;
32178   min-height: 0; }
32179   .dataTables_wrapper .top {
32180     padding: 16px 24px; }
32181   .dataTables_wrapper .bottom {
32182     display: flex;
32183     min-height: 64px;
32184     justify-content: space-between;
32185     padding: 16px 8px;
32186     border-top: 1px solid rgba(0, 0, 0, 0.12); }
32187     .dataTables_wrapper .bottom .left {
32188       display: flex;
32189       flex: 0 0 50%;
32190       max-width: 50%;
32191       align-self: center;
32192       padding: 0 8px; }
32193       .dataTables_wrapper .bottom .left .length {
32194         display: block; }
32195     .dataTables_wrapper .bottom .right {
32196       display: flex;
32197       flex: 0 0 50%;
32198       max-width: 50%;
32199       align-self: center;
32200       justify-content: flex-end;
32201       padding: 0 8px; }
32202       .dataTables_wrapper .bottom .right .info {
32203         display: block;
32204         align-self: center; }
32205         .dataTables_wrapper .bottom .right .info .dataTables_info {
32206           padding: 0 8px;
32207           font-weight: 600; }
32208       .dataTables_wrapper .bottom .right .pagination {
32209         display: block;
32210         align-self: center;
32211         white-space: nowrap; }
32212         .dataTables_wrapper .bottom .right .pagination .dataTables_paginate {
32213           padding: 0;
32214           margin: 0 !important; }
32215   .dataTables_wrapper .dataTables_filter {
32216     float: right; }
32217     .dataTables_wrapper .dataTables_filter input {
32218       margin-left: 0.5em;
32219       border: 1px solid rgba(0, 0, 0, 0.12);
32220       height: 24px;
32221       padding: 4px 8px; }
32222   .dataTables_wrapper .dataTables_paginate .paginate_button {
32223     background: #FFFFFF;
32224     color: rgba(0, 0, 0, 0.87);
32225     border: 1px solid rgba(0, 0, 0, 0.12);
32226     padding: 9px 12px;
32227     border-radius: 2px;
32228     cursor: pointer;
32229     user-select: none;
32230     margin: 0 2px; }
32231     .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
32232       box-shadow: inset 999em 0 0 0 rgba(0, 0, 0, 0.05);
32233       color: rgba(0, 0, 0, 0.87) !important;
32234       border: 1px solid rgba(0, 0, 0, 0.12) !important;
32235       background: none; }
32236     .dataTables_wrapper .dataTables_paginate .paginate_button:active {
32237       box-shadow: inset 999em 0 0 0 rgba(0, 0, 0, 0.08), inset 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.35); }
32238     .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
32239       color: rgba(0, 0, 0, 0.54) !important;
32240       border-color: rgba(0, 0, 0, 0.12) !important;
32241       background: #FFFFFF !important;
32242       box-shadow: none !important;
32243       cursor: default; }
32244   .dataTables_wrapper .dataTables_processing {
32245     position: absolute;
32246     top: 50%;
32247     left: 50%;
32248     width: 100%;
32249     height: 40px;
32250     margin-left: -50%;
32251     margin-top: -25px;
32252     padding-top: 20px;
32253     text-align: center;
32254     font-size: 1.2em;
32255     background-color: white;
32256     background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
32257     /* Chrome,Safari4+ */
32258     background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
32259     /* Chrome10+,Safari5.1+ */
32260     background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
32261     /* FF3.6+ */
32262     background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
32263     /* IE10+ */
32264     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
32265     /* Opera 11.10+ */
32266     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
32267     /* W3C */ }
32268   .dataTables_wrapper .dataTables_scroll {
32269     display: flex;
32270     flex: 1 1 0;
32271     flex-direction: column;
32272     clear: both;
32273     min-height: 0;
32274     /* Clear the table border & shadows */ }
32275     .dataTables_wrapper .dataTables_scroll table.dataTable {
32276       box-shadow: none; }
32277       .dataTables_wrapper .dataTables_scroll table.dataTable.row-border thead {
32278         border: none; }
32279     .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead {
32280       display: flex;
32281       min-height: 56px;
32282       box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.095), 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px 0 rgba(0, 0, 0, 0.05);
32283       background: #FFFFFF;
32284       overflow: visible !important; }
32285       .dataTables_wrapper .dataTables_scroll .dataTables_scrollHead tr th:last-child .table-header .column-title {
32286         position: relative;
32287         left: 7px; }
32288     .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody {
32289       display: flex;
32290       overflow-x: hidden !important;
32291       overflow-y: scroll !important;
32292       -webkit-overflow-scrolling: touch; }
32293       .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody th > .dataTables_sizing {
32294         height: 0;
32295         overflow: hidden;
32296         margin: 0 !important;
32297         padding: 0 !important; }
32298       .dataTables_wrapper .dataTables_scroll .dataTables_scrollBody td > .dataTables_sizing {
32299         height: 0;
32300         overflow: hidden;
32301         margin: 0 !important;
32302         padding: 0 !important; }
32303   .dataTables_wrapper.no-footer .dataTables_scrollBody {
32304     border-bottom: none; }
32305   .dataTables_wrapper.no-footer .dataTables_scrollHead table,
32306   .dataTables_wrapper.no-footer .dataTables_scrollBody table {
32307     border-bottom: none; }
32308   .dataTables_wrapper:after {
32309     visibility: hidden;
32310     display: block;
32311     content: "";
32312     clear: both;
32313     height: 0; }
32314
32315 /* DataTable Specific Content Rules & Fixes */
32316 table.dataTable .show-details {
32317   padding: 5px 10px;
32318   font-weight: bold; }
32319
32320 table.dataTable .action-buttons {
32321   display: flex;
32322   justify-content: center; }
32323   table.dataTable .action-buttons .button {
32324     padding: 8px; }
32325
32326 /* Fullpage datatable */
32327 .fullpage-datatable .dataTables_wrapper {
32328   height: 100%;
32329   max-height: 100%; }
32330
32331 /* Fullpage datatable IE11 Fix */
32332 .explorer-11 .fullpage-datatable .dataTables_scroll {
32333   flex: 1; }
32334
32335 /* Responsive datatable */
32336 table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed > tbody > tr > td:first-child,
32337 table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed > tbody > tr > th:first-child {
32338   padding-left: 40px; }
32339   table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed > tbody > tr > td:first-child:before,
32340   table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed > tbody > tr > th:first-child:before {
32341     content: '+';
32342     width: 15px;
32343     height: 15px;
32344     line-height: 15px;
32345     top: 50%;
32346     margin-top: -7px;
32347     left: 8px;
32348     color: rgba(0, 0, 0, 0.54);
32349     background: none;
32350     border: none;
32351     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.54);
32352     font-weight: bold; }
32353
32354 table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
32355 table.dataTable.dtr-inline.collapsed.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
32356   background: none; }
32357
32358 table.dataTable.dtr-inline.collapsed > tbody > tr.child ul {
32359   display: block; }
32360   table.dataTable.dtr-inline.collapsed > tbody > tr.child ul li {
32361     display: flex;
32362     flex-direction: row;
32363     align-items: center;
32364     justify-content: flex-start;
32365     border-bottom: 1px solid rgba(0, 0, 0, 0.12);
32366     padding: 8px 0; }
32367     table.dataTable.dtr-inline.collapsed > tbody > tr.child ul li:first-child {
32368       padding-top: 0; }
32369     table.dataTable.dtr-inline.collapsed > tbody > tr.child ul li:last-child {
32370       border-bottom: none;
32371       padding-bottom: 0; }
32372     table.dataTable.dtr-inline.collapsed > tbody > tr.child ul li .dtr-title {
32373       margin-right: 8px; }
32374
32375 /*
32376
32377 github.com style (c) Vasily Polovnyov <vast@whiteants.net>
32378
32379 */
32380 hljs,
32381 [hljs] {
32382   display: block;
32383   overflow-x: auto;
32384   color: #333;
32385   background: #f8f8f8;
32386   -webkit-text-size-adjust: none; }
32387
32388 .hljs-comment,
32389 .diff .hljs-header {
32390   color: #998;
32391   font-style: italic; }
32392
32393 .hljs-keyword,
32394 .css .rule .hljs-keyword,
32395 .hljs-winutils,
32396 .nginx .hljs-title,
32397 .hljs-subst,
32398 .hljs-request,
32399 .hljs-status {
32400   color: #333;
32401   font-weight: bold; }
32402
32403 .hljs-number,
32404 .hljs-hexcolor,
32405 .ruby .hljs-constant {
32406   color: #008080; }
32407
32408 .hljs-string,
32409 .hljs-tag .hljs-value,
32410 .hljs-doctag,
32411 .tex .hljs-formula {
32412   color: #d14; }
32413
32414 .hljs-title,
32415 .hljs-id,
32416 .scss .hljs-preprocessor {
32417   color: #900;
32418   font-weight: bold; }
32419
32420 .hljs-list .hljs-keyword,
32421 .hljs-subst {
32422   font-weight: normal; }
32423
32424 .hljs-class .hljs-title,
32425 .hljs-type,
32426 .vhdl .hljs-literal,
32427 .tex .hljs-command {
32428   color: #458;
32429   font-weight: bold; }
32430
32431 .hljs-tag,
32432 .hljs-tag .hljs-title,
32433 .hljs-rule .hljs-property,
32434 .django .hljs-tag .hljs-keyword {
32435   color: #000080;
32436   font-weight: normal; }
32437
32438 .hljs-attribute,
32439 .hljs-variable,
32440 .lisp .hljs-body,
32441 .hljs-name {
32442   color: #008080; }
32443
32444 .hljs-regexp {
32445   color: #009926; }
32446
32447 .hljs-symbol,
32448 .ruby .hljs-symbol .hljs-string,
32449 .lisp .hljs-keyword,
32450 .clojure .hljs-keyword,
32451 .scheme .hljs-keyword,
32452 .tex .hljs-special,
32453 .hljs-prompt {
32454   color: #990073; }
32455
32456 .hljs-built_in {
32457   color: #0086b3; }
32458
32459 .hljs-preprocessor,
32460 .hljs-pragma,
32461 .hljs-pi,
32462 .hljs-doctype,
32463 .hljs-shebang,
32464 .hljs-cdata {
32465   color: #999;
32466   font-weight: bold; }
32467
32468 .hljs-deletion {
32469   background: #fdd; }
32470
32471 .hljs-addition {
32472   background: #dfd; }
32473
32474 .diff .hljs-change {
32475   background: #0086b3; }
32476
32477 .hljs-chunk {
32478   color: #aaa; }
32479
32480 nvd3 {
32481   display: block;
32482   width: 100%;
32483   height: 100%; }
32484   nvd3.remove-x-lines .nv-x .tick line {
32485     display: none; }
32486   nvd3.remove-y-lines .nv-y .tick line {
32487     display: none; }
32488   nvd3.remove-line-stroke .nv-groups path.nv-line {
32489     stroke-width: 0 !important; }
32490   nvd3.remove-opacity .nv-groups .nv-group {
32491     fill-opacity: 1 !important; }
32492   nvd3.show-line-points .nv-line .nv-scatter .nv-groups .nv-point {
32493     fill-opacity: 1 !important;
32494     stroke-opacity: 1 !important; }
32495
32496 .nvd3 text {
32497   font-family: "Roboto", "Helvetica Neue", "Arial", sans-serif; }
32498
32499 .nvd3 line.nv-guideline {
32500   stroke: rgba(0, 0, 0, 0.54); }
32501
32502 .nvd3 .nv-groups .nv-point.hover {
32503   stroke-width: 3px !important;
32504   fill-opacity: 1 !important;
32505   stroke-opacity: 1 !important; }
32506
32507 .nvtooltip {
32508   background: none;
32509   color: white;
32510   padding: 0;
32511   border: none; }
32512   .nvtooltip.gravity-n:after {
32513     display: block;
32514     position: absolute;
32515     content: '';
32516     width: 0;
32517     height: 0;
32518     left: 50%;
32519     bottom: 100%;
32520     margin-left: -5px;
32521     border: 5px solid transparent;
32522     border-bottom-color: rgba(0, 0, 0, 0.87); }
32523   .nvtooltip.gravity-s:after {
32524     display: block;
32525     position: absolute;
32526     content: '';
32527     width: 0;
32528     height: 0;
32529     top: 100%;
32530     left: 50%;
32531     margin-left: -5px;
32532     border: 5px solid transparent;
32533     border-top-color: rgba(0, 0, 0, 0.87); }
32534   .nvtooltip.gravity-e:after {
32535     display: block;
32536     position: absolute;
32537     content: '';
32538     width: 0;
32539     height: 0;
32540     top: 50%;
32541     right: 0;
32542     margin-top: -6px;
32543     margin-right: -11px;
32544     border: 6px solid transparent;
32545     border-left-color: rgba(0, 0, 0, 0.87); }
32546   .nvtooltip.gravity-w:after {
32547     display: block;
32548     position: absolute;
32549     content: '';
32550     width: 0;
32551     height: 0;
32552     top: 50%;
32553     margin-top: -6px;
32554     margin-left: -11px;
32555     border: 6px solid transparent;
32556     border-right-color: rgba(0, 0, 0, 0.87); }
32557   .nvtooltip table {
32558     background: rgba(0, 0, 0, 0.87);
32559     padding: 8px 12px;
32560     margin: 0;
32561     border-radius: 2px; }
32562     .nvtooltip table tbody tr td.legend-color-guide div {
32563       border: none; }
32564     .nvtooltip table tbody tr td:last-child {
32565       padding-right: 0; }
32566
32567 .ps-container:hover .ps-in-scrolling {
32568   pointer-events: auto; }
32569
32570 .ps-container .ps-in-scrolling {
32571   pointer-events: auto; }
32572
32573 .ps-container > .ps-scrollbar-x-rail {
32574   background: none !important;
32575   margin: 4px 0;
32576   height: 4px;
32577   z-index: 49; }
32578   .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
32579     height: 4px; }
32580
32581 .ps-container > .ps-scrollbar-y-rail {
32582   background: none !important;
32583   margin: 4px 0;
32584   width: 4px;
32585   z-index: 49; }
32586   .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
32587     width: 4px; }
32588
32589 .ta-root {
32590   display: block; }
32591   .ta-root .ta-scroll-window.form-control {
32592     border: 1px solid rgba(0, 0, 0, 0.12); }
32593   .ta-root.focussed > .ta-scroll-window.form-control {
32594     outline: 0px solid transparent;
32595     border: 1px solid rgba(0, 0, 0, 0.12);
32596     box-shadow: none; }
32597   .ta-root textarea.ta-editor.ta-html {
32598     resize: vertical;
32599     width: 100% !important;
32600     border: 1px solid rgba(0, 0, 0, 0.12);
32601     padding: 16px; }
32602   .ta-root .ta-toolbar {
32603     border: 1px solid rgba(0, 0, 0, 0.12);
32604     border-bottom: none;
32605     background: #F5F5F5; }
32606     .ta-root .ta-toolbar .ta-group {
32607       display: flex;
32608       align-items: center;
32609       align-content: center;
32610       flex-wrap: wrap; }
32611       .ta-root .ta-toolbar .ta-group #toolbarWC,
32612       .ta-root .ta-toolbar .ta-group #toolbarCC {
32613         display: inline-block !important;
32614         line-height: 24px; }
32615       .ta-root .ta-toolbar .ta-group .md-button {
32616         width: 40px;
32617         min-width: 40px;
32618         line-height: 14px;
32619         height: 36px;
32620         min-height: 36px;
32621         padding: 6px;
32622         margin: 4px 0; }
32623         .ta-root .ta-toolbar .ta-group .md-button i {
32624           font-size: 20px;
32625           width: 20px;
32626           height: 20px;
32627           line-height: 20px; }
32628
32629 /*----------------------------------------------------------------*/
32630 /*  Helpers
32631 /*----------------------------------------------------------------*/
32632 [ng\:cloak],
32633 [ng-cloak],
32634 [data-ng-cloak],
32635 [x-ng-cloak],
32636 .ng-cloak,
32637 .x-ng-cloak {
32638   display: none !important; }
32639
32640 .no-padding {
32641   padding: 0 !important; }
32642
32643 .no-margin {
32644   margin: 0 !important; }
32645
32646 .no-radius {
32647   border-radius: 0; }
32648
32649 .divider-vertical {
32650   background: rgba(0, 0, 0, 0.12);
32651   height: 24px;
32652   width: 1px;
32653   margin: 0 8px; }
32654
32655 .hidden {
32656   visibility: hidden;
32657   opacity: 0; }
32658
32659 [fill-width] {
32660   min-width: 100%; }
32661
32662 [fill-height] {
32663   min-height: 100%; }
32664
32665 .full-height {
32666   height: 100% !important; }
32667
32668 a img {
32669   display: block;
32670   outline: none; }
32671
32672 img {
32673   max-width: 100%;
32674   height: auto;
32675   vertical-align: top;
32676   border: none; }
32677
32678 .scrollable {
32679   display: block;
32680   position: relative;
32681   overflow-x: auto;
32682   overflow-y: auto;
32683   -webkit-overflow-scrolling: touch; }
32684   .scrollable.only-x {
32685     overflow-x: auto;
32686     overflow-y: hidden; }
32687   .scrollable.only-y {
32688     overflow-x: hidden;
32689     overflow-y: auto; }
32690
32691 .flex-scrollable {
32692   position: relative;
32693   overflow-x: auto;
32694   overflow-y: auto;
32695   -webkit-overflow-scrolling: touch; }
32696   .flex-scrollable.only-x {
32697     overflow-x: auto;
32698     overflow-y: hidden; }
32699   .flex-scrollable.only-y {
32700     overflow-x: hidden;
32701     overflow-y: auto; }
32702
32703 .background-image-center {
32704   position: absolute;
32705   top: 50%;
32706   left: 50%;
32707   transform: translate(-50%, -50%);
32708   z-index: -1; }
32709
32710 .align-vertical:before {
32711   display: inline-block;
32712   height: 100%;
32713   content: '';
32714   vertical-align: middle; }
32715
32716 .align-vertical .align-vertical-top,
32717 .align-vertical .align-vertical-middle,
32718 .align-vertical .align-vertical-bottom {
32719   display: inline-block; }
32720
32721 .align-vertical .align-vertical-top {
32722   vertical-align: top; }
32723
32724 .align-vertical .align-vertical-middle {
32725   vertical-align: middle; }
32726
32727 .align-vertical .align-vertical-bottom {
32728   vertical-align: bottom; }
32729
32730 .padding-0,
32731 .p-0 {
32732   padding: 0px; }
32733
32734 .padding-top-0,
32735 .pt-0 {
32736   padding-top: 0px; }
32737
32738 .padding-right-0,
32739 .pr-0 {
32740   padding-right: 0px; }
32741
32742 .padding-bottom-0,
32743 .pb-0 {
32744   padding-bottom: 0px; }
32745
32746 .padding-left-0,
32747 .pl-0 {
32748   padding-left: 0px; }
32749
32750 .padding-horizontal-0,
32751 .ph-0 {
32752   padding-left: 0px;
32753   padding-right: 0px; }
32754
32755 .padding-vertical-0,
32756 .pv-0 {
32757   padding-top: 0px;
32758   padding-bottom: 0px; }
32759
32760 .padding-5,
32761 .p-5 {
32762   padding: 5px; }
32763
32764 .padding-top-5,
32765 .pt-5 {
32766   padding-top: 5px; }
32767
32768 .padding-right-5,
32769 .pr-5 {
32770   padding-right: 5px; }
32771
32772 .padding-bottom-5,
32773 .pb-5 {
32774   padding-bottom: 5px; }
32775
32776 .padding-left-5,
32777 .pl-5 {
32778   padding-left: 5px; }
32779
32780 .padding-horizontal-5,
32781 .ph-5 {
32782   padding-left: 5px;
32783   padding-right: 5px; }
32784
32785 .padding-vertical-5,
32786 .pv-5 {
32787   padding-top: 5px;
32788   padding-bottom: 5px; }
32789
32790 .padding-10,
32791 .p-10 {
32792   padding: 10px; }
32793
32794 .padding-top-10,
32795 .pt-10 {
32796   padding-top: 10px; }
32797
32798 .padding-right-10,
32799 .pr-10 {
32800   padding-right: 10px; }
32801
32802 .padding-bottom-10,
32803 .pb-10 {
32804   padding-bottom: 10px; }
32805
32806 .padding-left-10,
32807 .pl-10 {
32808   padding-left: 10px; }
32809
32810 .padding-horizontal-10,
32811 .ph-10 {
32812   padding-left: 10px;
32813   padding-right: 10px; }
32814
32815 .padding-vertical-10,
32816 .pv-10 {
32817   padding-top: 10px;
32818   padding-bottom: 10px; }
32819
32820 .padding-15,
32821 .p-15 {
32822   padding: 15px; }
32823
32824 .padding-top-15,
32825 .pt-15 {
32826   padding-top: 15px; }
32827
32828 .padding-right-15,
32829 .pr-15 {
32830   padding-right: 15px; }
32831
32832 .padding-bottom-15,
32833 .pb-15 {
32834   padding-bottom: 15px; }
32835
32836 .padding-left-15,
32837 .pl-15 {
32838   padding-left: 15px; }
32839
32840 .padding-horizontal-15,
32841 .ph-15 {
32842   padding-left: 15px;
32843   padding-right: 15px; }
32844
32845 .padding-vertical-15,
32846 .pv-15 {
32847   padding-top: 15px;
32848   padding-bottom: 15px; }
32849
32850 .padding-20,
32851 .p-20 {
32852   padding: 20px; }
32853
32854 .padding-top-20,
32855 .pt-20 {
32856   padding-top: 20px; }
32857
32858 .padding-right-20,
32859 .pr-20 {
32860   padding-right: 20px; }
32861
32862 .padding-bottom-20,
32863 .pb-20 {
32864   padding-bottom: 20px; }
32865
32866 .padding-left-20,
32867 .pl-20 {
32868   padding-left: 20px; }
32869
32870 .padding-horizontal-20,
32871 .ph-20 {
32872   padding-left: 20px;
32873   padding-right: 20px; }
32874
32875 .padding-vertical-20,
32876 .pv-20 {
32877   padding-top: 20px;
32878   padding-bottom: 20px; }
32879
32880 .padding-25,
32881 .p-25 {
32882   padding: 25px; }
32883
32884 .padding-top-25,
32885 .pt-25 {
32886   padding-top: 25px; }
32887
32888 .padding-right-25,
32889 .pr-25 {
32890   padding-right: 25px; }
32891
32892 .padding-bottom-25,
32893 .pb-25 {
32894   padding-bottom: 25px; }
32895
32896 .padding-left-25,
32897 .pl-25 {
32898   padding-left: 25px; }
32899
32900 .padding-horizontal-25,
32901 .ph-25 {
32902   padding-left: 25px;
32903   padding-right: 25px; }
32904
32905 .padding-vertical-25,
32906 .pv-25 {
32907   padding-top: 25px;
32908   padding-bottom: 25px; }
32909
32910 .padding-30,
32911 .p-30 {
32912   padding: 30px; }
32913
32914 .padding-top-30,
32915 .pt-30 {
32916   padding-top: 30px; }
32917
32918 .padding-right-30,
32919 .pr-30 {
32920   padding-right: 30px; }
32921
32922 .padding-bottom-30,
32923 .pb-30 {
32924   padding-bottom: 30px; }
32925
32926 .padding-left-30,
32927 .pl-30 {
32928   padding-left: 30px; }
32929
32930 .padding-horizontal-30,
32931 .ph-30 {
32932   padding-left: 30px;
32933   padding-right: 30px; }
32934
32935 .padding-vertical-30,
32936 .pv-30 {
32937   padding-top: 30px;
32938   padding-bottom: 30px; }
32939
32940 .padding-35,
32941 .p-35 {
32942   padding: 35px; }
32943
32944 .padding-top-35,
32945 .pt-35 {
32946   padding-top: 35px; }
32947
32948 .padding-right-35,
32949 .pr-35 {
32950   padding-right: 35px; }
32951
32952 .padding-bottom-35,
32953 .pb-35 {
32954   padding-bottom: 35px; }
32955
32956 .padding-left-35,
32957 .pl-35 {
32958   padding-left: 35px; }
32959
32960 .padding-horizontal-35,
32961 .ph-35 {
32962   padding-left: 35px;
32963   padding-right: 35px; }
32964
32965 .padding-vertical-35,
32966 .pv-35 {
32967   padding-top: 35px;
32968   padding-bottom: 35px; }
32969
32970 .padding-40,
32971 .p-40 {
32972   padding: 40px; }
32973
32974 .padding-top-40,
32975 .pt-40 {
32976   padding-top: 40px; }
32977
32978 .padding-right-40,
32979 .pr-40 {
32980   padding-right: 40px; }
32981
32982 .padding-bottom-40,
32983 .pb-40 {
32984   padding-bottom: 40px; }
32985
32986 .padding-left-40,
32987 .pl-40 {
32988   padding-left: 40px; }
32989
32990 .padding-horizontal-40,
32991 .ph-40 {
32992   padding-left: 40px;
32993   padding-right: 40px; }
32994
32995 .padding-vertical-40,
32996 .pv-40 {
32997   padding-top: 40px;
32998   padding-bottom: 40px; }
32999
33000 .padding-45,
33001 .p-45 {
33002   padding: 45px; }
33003
33004 .padding-top-45,
33005 .pt-45 {
33006   padding-top: 45px; }
33007
33008 .padding-right-45,
33009 .pr-45 {
33010   padding-right: 45px; }
33011
33012 .padding-bottom-45,
33013 .pb-45 {
33014   padding-bottom: 45px; }
33015
33016 .padding-left-45,
33017 .pl-45 {
33018   padding-left: 45px; }
33019
33020 .padding-horizontal-45,
33021 .ph-45 {
33022   padding-left: 45px;
33023   padding-right: 45px; }
33024
33025 .padding-vertical-45,
33026 .pv-45 {
33027   padding-top: 45px;
33028   padding-bottom: 45px; }
33029
33030 .padding-50,
33031 .p-50 {
33032   padding: 50px; }
33033
33034 .padding-top-50,
33035 .pt-50 {
33036   padding-top: 50px; }
33037
33038 .padding-right-50,
33039 .pr-50 {
33040   padding-right: 50px; }
33041
33042 .padding-bottom-50,
33043 .pb-50 {
33044   padding-bottom: 50px; }
33045
33046 .padding-left-50,
33047 .pl-50 {
33048   padding-left: 50px; }
33049
33050 .padding-horizontal-50,
33051 .ph-50 {
33052   padding-left: 50px;
33053   padding-right: 50px; }
33054
33055 .padding-vertical-50,
33056 .pv-50 {
33057   padding-top: 50px;
33058   padding-bottom: 50px; }
33059
33060 .padding-55,
33061 .p-55 {
33062   padding: 55px; }
33063
33064 .padding-top-55,
33065 .pt-55 {
33066   padding-top: 55px; }
33067
33068 .padding-right-55,
33069 .pr-55 {
33070   padding-right: 55px; }
33071
33072 .padding-bottom-55,
33073 .pb-55 {
33074   padding-bottom: 55px; }
33075
33076 .padding-left-55,
33077 .pl-55 {
33078   padding-left: 55px; }
33079
33080 .padding-horizontal-55,
33081 .ph-55 {
33082   padding-left: 55px;
33083   padding-right: 55px; }
33084
33085 .padding-vertical-55,
33086 .pv-55 {
33087   padding-top: 55px;
33088   padding-bottom: 55px; }
33089
33090 .padding-60,
33091 .p-60 {
33092   padding: 60px; }
33093
33094 .padding-top-60,
33095 .pt-60 {
33096   padding-top: 60px; }
33097
33098 .padding-right-60,
33099 .pr-60 {
33100   padding-right: 60px; }
33101
33102 .padding-bottom-60,
33103 .pb-60 {
33104   padding-bottom: 60px; }
33105
33106 .padding-left-60,
33107 .pl-60 {
33108   padding-left: 60px; }
33109
33110 .padding-horizontal-60,
33111 .ph-60 {
33112   padding-left: 60px;
33113   padding-right: 60px; }
33114
33115 .padding-vertical-60,
33116 .pv-60 {
33117   padding-top: 60px;
33118   padding-bottom: 60px; }
33119
33120 .padding-65,
33121 .p-65 {
33122   padding: 65px; }
33123
33124 .padding-top-65,
33125 .pt-65 {
33126   padding-top: 65px; }
33127
33128 .padding-right-65,
33129 .pr-65 {
33130   padding-right: 65px; }
33131
33132 .padding-bottom-65,
33133 .pb-65 {
33134   padding-bottom: 65px; }
33135
33136 .padding-left-65,
33137 .pl-65 {
33138   padding-left: 65px; }
33139
33140 .padding-horizontal-65,
33141 .ph-65 {
33142   padding-left: 65px;
33143   padding-right: 65px; }
33144
33145 .padding-vertical-65,
33146 .pv-65 {
33147   padding-top: 65px;
33148   padding-bottom: 65px; }
33149
33150 .padding-70,
33151 .p-70 {
33152   padding: 70px; }
33153
33154 .padding-top-70,
33155 .pt-70 {
33156   padding-top: 70px; }
33157
33158 .padding-right-70,
33159 .pr-70 {
33160   padding-right: 70px; }
33161
33162 .padding-bottom-70,
33163 .pb-70 {
33164   padding-bottom: 70px; }
33165
33166 .padding-left-70,
33167 .pl-70 {
33168   padding-left: 70px; }
33169
33170 .padding-horizontal-70,
33171 .ph-70 {
33172   padding-left: 70px;
33173   padding-right: 70px; }
33174
33175 .padding-vertical-70,
33176 .pv-70 {
33177   padding-top: 70px;
33178   padding-bottom: 70px; }
33179
33180 .padding-75,
33181 .p-75 {
33182   padding: 75px; }
33183
33184 .padding-top-75,
33185 .pt-75 {
33186   padding-top: 75px; }
33187
33188 .padding-right-75,
33189 .pr-75 {
33190   padding-right: 75px; }
33191
33192 .padding-bottom-75,
33193 .pb-75 {
33194   padding-bottom: 75px; }
33195
33196 .padding-left-75,
33197 .pl-75 {
33198   padding-left: 75px; }
33199
33200 .padding-horizontal-75,
33201 .ph-75 {
33202   padding-left: 75px;
33203   padding-right: 75px; }
33204
33205 .padding-vertical-75,
33206 .pv-75 {
33207   padding-top: 75px;
33208   padding-bottom: 75px; }
33209
33210 .padding-80,
33211 .p-80 {
33212   padding: 80px; }
33213
33214 .padding-top-80,
33215 .pt-80 {
33216   padding-top: 80px; }
33217
33218 .padding-right-80,
33219 .pr-80 {
33220   padding-right: 80px; }
33221
33222 .padding-bottom-80,
33223 .pb-80 {
33224   padding-bottom: 80px; }
33225
33226 .padding-left-80,
33227 .pl-80 {
33228   padding-left: 80px; }
33229
33230 .padding-horizontal-80,
33231 .ph-80 {
33232   padding-left: 80px;
33233   padding-right: 80px; }
33234
33235 .padding-vertical-80,
33236 .pv-80 {
33237   padding-top: 80px;
33238   padding-bottom: 80px; }
33239
33240 .padding-85,
33241 .p-85 {
33242   padding: 85px; }
33243
33244 .padding-top-85,
33245 .pt-85 {
33246   padding-top: 85px; }
33247
33248 .padding-right-85,
33249 .pr-85 {
33250   padding-right: 85px; }
33251
33252 .padding-bottom-85,
33253 .pb-85 {
33254   padding-bottom: 85px; }
33255
33256 .padding-left-85,
33257 .pl-85 {
33258   padding-left: 85px; }
33259
33260 .padding-horizontal-85,
33261 .ph-85 {
33262   padding-left: 85px;
33263   padding-right: 85px; }
33264
33265 .padding-vertical-85,
33266 .pv-85 {
33267   padding-top: 85px;
33268   padding-bottom: 85px; }
33269
33270 .padding-90,
33271 .p-90 {
33272   padding: 90px; }
33273
33274 .padding-top-90,
33275 .pt-90 {
33276   padding-top: 90px; }
33277
33278 .padding-right-90,
33279 .pr-90 {
33280   padding-right: 90px; }
33281
33282 .padding-bottom-90,
33283 .pb-90 {
33284   padding-bottom: 90px; }
33285
33286 .padding-left-90,
33287 .pl-90 {
33288   padding-left: 90px; }
33289
33290 .padding-horizontal-90,
33291 .ph-90 {
33292   padding-left: 90px;
33293   padding-right: 90px; }
33294
33295 .padding-vertical-90,
33296 .pv-90 {
33297   padding-top: 90px;
33298   padding-bottom: 90px; }
33299
33300 .padding-95,
33301 .p-95 {
33302   padding: 95px; }
33303
33304 .padding-top-95,
33305 .pt-95 {
33306   padding-top: 95px; }
33307
33308 .padding-right-95,
33309 .pr-95 {
33310   padding-right: 95px; }
33311
33312 .padding-bottom-95,
33313 .pb-95 {
33314   padding-bottom: 95px; }
33315
33316 .padding-left-95,
33317 .pl-95 {
33318   padding-left: 95px; }
33319
33320 .padding-horizontal-95,
33321 .ph-95 {
33322   padding-left: 95px;
33323   padding-right: 95px; }
33324
33325 .padding-vertical-95,
33326 .pv-95 {
33327   padding-top: 95px;
33328   padding-bottom: 95px; }
33329
33330 .padding-100,
33331 .p-100 {
33332   padding: 100px; }
33333
33334 .padding-top-100,
33335 .pt-100 {
33336   padding-top: 100px; }
33337
33338 .padding-right-100,
33339 .pr-100 {
33340   padding-right: 100px; }
33341
33342 .padding-bottom-100,
33343 .pb-100 {
33344   padding-bottom: 100px; }
33345
33346 .padding-left-100,
33347 .pl-100 {
33348   padding-left: 100px; }
33349
33350 .padding-horizontal-100,
33351 .ph-100 {
33352   padding-left: 100px;
33353   padding-right: 100px; }
33354
33355 .padding-vertical-100,
33356 .pv-100 {
33357   padding-top: 100px;
33358   padding-bottom: 100px; }
33359
33360 .padding-8,
33361 .p-8 {
33362   padding: 8px; }
33363
33364 .padding-top-8,
33365 .pt-8 {
33366   padding-top: 8px; }
33367
33368 .padding-right-8,
33369 .pr-8 {
33370   padding-right: 8px; }
33371
33372 .padding-bottom-8,
33373 .pb-8 {
33374   padding-bottom: 8px; }
33375
33376 .padding-left-8,
33377 .pl-8 {
33378   padding-left: 8px; }
33379
33380 .padding-horizontal-8,
33381 .ph-8 {
33382   padding-left: 8px;
33383   padding-right: 8px; }
33384
33385 .padding-vertical-8,
33386 .pv-8 {
33387   padding-top: 8px;
33388   padding-bottom: 8px; }
33389
33390 .padding-16,
33391 .p-16 {
33392   padding: 16px; }
33393
33394 .padding-top-16,
33395 .pt-16 {
33396   padding-top: 16px; }
33397
33398 .padding-right-16,
33399 .pr-16 {
33400   padding-right: 16px; }
33401
33402 .padding-bottom-16,
33403 .pb-16 {
33404   padding-bottom: 16px; }
33405
33406 .padding-left-16,
33407 .pl-16 {
33408   padding-left: 16px; }
33409
33410 .padding-horizontal-16,
33411 .ph-16 {
33412   padding-left: 16px;
33413   padding-right: 16px; }
33414
33415 .padding-vertical-16,
33416 .pv-16 {
33417   padding-top: 16px;
33418   padding-bottom: 16px; }
33419
33420 .padding-24,
33421 .p-24 {
33422   padding: 24px; }
33423
33424 .padding-top-24,
33425 .pt-24 {
33426   padding-top: 24px; }
33427
33428 .padding-right-24,
33429 .pr-24 {
33430   padding-right: 24px; }
33431
33432 .padding-bottom-24,
33433 .pb-24 {
33434   padding-bottom: 24px; }
33435
33436 .padding-left-24,
33437 .pl-24 {
33438   padding-left: 24px; }
33439
33440 .padding-horizontal-24,
33441 .ph-24 {
33442   padding-left: 24px;
33443   padding-right: 24px; }
33444
33445 .padding-vertical-24,
33446 .pv-24 {
33447   padding-top: 24px;
33448   padding-bottom: 24px; }
33449
33450 .padding-32,
33451 .p-32 {
33452   padding: 32px; }
33453
33454 .padding-top-32,
33455 .pt-32 {
33456   padding-top: 32px; }
33457
33458 .padding-right-32,
33459 .pr-32 {
33460   padding-right: 32px; }
33461
33462 .padding-bottom-32,
33463 .pb-32 {
33464   padding-bottom: 32px; }
33465
33466 .padding-left-32,
33467 .pl-32 {
33468   padding-left: 32px; }
33469
33470 .padding-horizontal-32,
33471 .ph-32 {
33472   padding-left: 32px;
33473   padding-right: 32px; }
33474
33475 .padding-vertical-32,
33476 .pv-32 {
33477   padding-top: 32px;
33478   padding-bottom: 32px; }
33479
33480 .padding-48,
33481 .p-48 {
33482   padding: 48px; }
33483
33484 .padding-top-48,
33485 .pt-48 {
33486   padding-top: 48px; }
33487
33488 .padding-right-48,
33489 .pr-48 {
33490   padding-right: 48px; }
33491
33492 .padding-bottom-48,
33493 .pb-48 {
33494   padding-bottom: 48px; }
33495
33496 .padding-left-48,
33497 .pl-48 {
33498   padding-left: 48px; }
33499
33500 .padding-horizontal-48,
33501 .ph-48 {
33502   padding-left: 48px;
33503   padding-right: 48px; }
33504
33505 .padding-vertical-48,
33506 .pv-48 {
33507   padding-top: 48px;
33508   padding-bottom: 48px; }
33509
33510 .padding-56,
33511 .p-56 {
33512   padding: 56px; }
33513
33514 .padding-top-56,
33515 .pt-56 {
33516   padding-top: 56px; }
33517
33518 .padding-right-56,
33519 .pr-56 {
33520   padding-right: 56px; }
33521
33522 .padding-bottom-56,
33523 .pb-56 {
33524   padding-bottom: 56px; }
33525
33526 .padding-left-56,
33527 .pl-56 {
33528   padding-left: 56px; }
33529
33530 .padding-horizontal-56,
33531 .ph-56 {
33532   padding-left: 56px;
33533   padding-right: 56px; }
33534
33535 .padding-vertical-56,
33536 .pv-56 {
33537   padding-top: 56px;
33538   padding-bottom: 56px; }
33539
33540 .padding-64,
33541 .p-64 {
33542   padding: 64px; }
33543
33544 .padding-top-64,
33545 .pt-64 {
33546   padding-top: 64px; }
33547
33548 .padding-right-64,
33549 .pr-64 {
33550   padding-right: 64px; }
33551
33552 .padding-bottom-64,
33553 .pb-64 {
33554   padding-bottom: 64px; }
33555
33556 .padding-left-64,
33557 .pl-64 {
33558   padding-left: 64px; }
33559
33560 .padding-horizontal-64,
33561 .ph-64 {
33562   padding-left: 64px;
33563   padding-right: 64px; }
33564
33565 .padding-vertical-64,
33566 .pv-64 {
33567   padding-top: 64px;
33568   padding-bottom: 64px; }
33569
33570 .padding-72,
33571 .p-72 {
33572   padding: 72px; }
33573
33574 .padding-top-72,
33575 .pt-72 {
33576   padding-top: 72px; }
33577
33578 .padding-right-72,
33579 .pr-72 {
33580   padding-right: 72px; }
33581
33582 .padding-bottom-72,
33583 .pb-72 {
33584   padding-bottom: 72px; }
33585
33586 .padding-left-72,
33587 .pl-72 {
33588   padding-left: 72px; }
33589
33590 .padding-horizontal-72,
33591 .ph-72 {
33592   padding-left: 72px;
33593   padding-right: 72px; }
33594
33595 .padding-vertical-72,
33596 .pv-72 {
33597   padding-top: 72px;
33598   padding-bottom: 72px; }
33599
33600 .padding-88,
33601 .p-88 {
33602   padding: 88px; }
33603
33604 .padding-top-88,
33605 .pt-88 {
33606   padding-top: 88px; }
33607
33608 .padding-right-88,
33609 .pr-88 {
33610   padding-right: 88px; }
33611
33612 .padding-bottom-88,
33613 .pb-88 {
33614   padding-bottom: 88px; }
33615
33616 .padding-left-88,
33617 .pl-88 {
33618   padding-left: 88px; }
33619
33620 .padding-horizontal-88,
33621 .ph-88 {
33622   padding-left: 88px;
33623   padding-right: 88px; }
33624
33625 .padding-vertical-88,
33626 .pv-88 {
33627   padding-top: 88px;
33628   padding-bottom: 88px; }
33629
33630 .padding-96,
33631 .p-96 {
33632   padding: 96px; }
33633
33634 .padding-top-96,
33635 .pt-96 {
33636   padding-top: 96px; }
33637
33638 .padding-right-96,
33639 .pr-96 {
33640   padding-right: 96px; }
33641
33642 .padding-bottom-96,
33643 .pb-96 {
33644   padding-bottom: 96px; }
33645
33646 .padding-left-96,
33647 .pl-96 {
33648   padding-left: 96px; }
33649
33650 .padding-horizontal-96,
33651 .ph-96 {
33652   padding-left: 96px;
33653   padding-right: 96px; }
33654
33655 .padding-vertical-96,
33656 .pv-96 {
33657   padding-top: 96px;
33658   padding-bottom: 96px; }
33659
33660 .margin-0,
33661 .m-0 {
33662   margin: 0px; }
33663
33664 .margin-top-0,
33665 .mt-0 {
33666   margin-top: 0px; }
33667
33668 .margin-right-0,
33669 .mr-0 {
33670   margin-right: 0px; }
33671
33672 .margin-bottom-0,
33673 .mb-0 {
33674   margin-bottom: 0px; }
33675
33676 .margin-left-0,
33677 .ml-0 {
33678   margin-left: 0px; }
33679
33680 .margin-horizontal-0,
33681 .mh-0 {
33682   margin-left: 0px;
33683   margin-right: 0px; }
33684
33685 .margin-vertical-0,
33686 .mv-0 {
33687   margin-top: 0px;
33688   margin-bottom: 0px; }
33689
33690 .margin-5,
33691 .m-5 {
33692   margin: 5px; }
33693
33694 .margin-top-5,
33695 .mt-5 {
33696   margin-top: 5px; }
33697
33698 .margin-right-5,
33699 .mr-5 {
33700   margin-right: 5px; }
33701
33702 .margin-bottom-5,
33703 .mb-5 {
33704   margin-bottom: 5px; }
33705
33706 .margin-left-5,
33707 .ml-5 {
33708   margin-left: 5px; }
33709
33710 .margin-horizontal-5,
33711 .mh-5 {
33712   margin-left: 5px;
33713   margin-right: 5px; }
33714
33715 .margin-vertical-5,
33716 .mv-5 {
33717   margin-top: 5px;
33718   margin-bottom: 5px; }
33719
33720 .margin-10,
33721 .m-10 {
33722   margin: 10px; }
33723
33724 .margin-top-10,
33725 .mt-10 {
33726   margin-top: 10px; }
33727
33728 .margin-right-10,
33729 .mr-10 {
33730   margin-right: 10px; }
33731
33732 .margin-bottom-10,
33733 .mb-10 {
33734   margin-bottom: 10px; }
33735
33736 .margin-left-10,
33737 .ml-10 {
33738   margin-left: 10px; }
33739
33740 .margin-horizontal-10,
33741 .mh-10 {
33742   margin-left: 10px;
33743   margin-right: 10px; }
33744
33745 .margin-vertical-10,
33746 .mv-10 {
33747   margin-top: 10px;
33748   margin-bottom: 10px; }
33749
33750 .margin-15,
33751 .m-15 {
33752   margin: 15px; }
33753
33754 .margin-top-15,
33755 .mt-15 {
33756   margin-top: 15px; }
33757
33758 .margin-right-15,
33759 .mr-15 {
33760   margin-right: 15px; }
33761
33762 .margin-bottom-15,
33763 .mb-15 {
33764   margin-bottom: 15px; }
33765
33766 .margin-left-15,
33767 .ml-15 {
33768   margin-left: 15px; }
33769
33770 .margin-horizontal-15,
33771 .mh-15 {
33772   margin-left: 15px;
33773   margin-right: 15px; }
33774
33775 .margin-vertical-15,
33776 .mv-15 {
33777   margin-top: 15px;
33778   margin-bottom: 15px; }
33779
33780 .margin-20,
33781 .m-20 {
33782   margin: 20px; }
33783
33784 .margin-top-20,
33785 .mt-20 {
33786   margin-top: 20px; }
33787
33788 .margin-right-20,
33789 .mr-20 {
33790   margin-right: 20px; }
33791
33792 .margin-bottom-20,
33793 .mb-20 {
33794   margin-bottom: 20px; }
33795
33796 .margin-left-20,
33797 .ml-20 {
33798   margin-left: 20px; }
33799
33800 .margin-horizontal-20,
33801 .mh-20 {
33802   margin-left: 20px;
33803   margin-right: 20px; }
33804
33805 .margin-vertical-20,
33806 .mv-20 {
33807   margin-top: 20px;
33808   margin-bottom: 20px; }
33809
33810 .margin-25,
33811 .m-25 {
33812   margin: 25px; }
33813
33814 .margin-top-25,
33815 .mt-25 {
33816   margin-top: 25px; }
33817
33818 .margin-right-25,
33819 .mr-25 {
33820   margin-right: 25px; }
33821
33822 .margin-bottom-25,
33823 .mb-25 {
33824   margin-bottom: 25px; }
33825
33826 .margin-left-25,
33827 .ml-25 {
33828   margin-left: 25px; }
33829
33830 .margin-horizontal-25,
33831 .mh-25 {
33832   margin-left: 25px;
33833   margin-right: 25px; }
33834
33835 .margin-vertical-25,
33836 .mv-25 {
33837   margin-top: 25px;
33838   margin-bottom: 25px; }
33839
33840 .margin-30,
33841 .m-30 {
33842   margin: 30px; }
33843
33844 .margin-top-30,
33845 .mt-30 {
33846   margin-top: 30px; }
33847
33848 .margin-right-30,
33849 .mr-30 {
33850   margin-right: 30px; }
33851
33852 .margin-bottom-30,
33853 .mb-30 {
33854   margin-bottom: 30px; }
33855
33856 .margin-left-30,
33857 .ml-30 {
33858   margin-left: 30px; }
33859
33860 .margin-horizontal-30,
33861 .mh-30 {
33862   margin-left: 30px;
33863   margin-right: 30px; }
33864
33865 .margin-vertical-30,
33866 .mv-30 {
33867   margin-top: 30px;
33868   margin-bottom: 30px; }
33869
33870 .margin-35,
33871 .m-35 {
33872   margin: 35px; }
33873
33874 .margin-top-35,
33875 .mt-35 {
33876   margin-top: 35px; }
33877
33878 .margin-right-35,
33879 .mr-35 {
33880   margin-right: 35px; }
33881
33882 .margin-bottom-35,
33883 .mb-35 {
33884   margin-bottom: 35px; }
33885
33886 .margin-left-35,
33887 .ml-35 {
33888   margin-left: 35px; }
33889
33890 .margin-horizontal-35,
33891 .mh-35 {
33892   margin-left: 35px;
33893   margin-right: 35px; }
33894
33895 .margin-vertical-35,
33896 .mv-35 {
33897   margin-top: 35px;
33898   margin-bottom: 35px; }
33899
33900 .margin-40,
33901 .m-40 {
33902   margin: 40px; }
33903
33904 .margin-top-40,
33905 .mt-40 {
33906   margin-top: 40px; }
33907
33908 .margin-right-40,
33909 .mr-40 {
33910   margin-right: 40px; }
33911
33912 .margin-bottom-40,
33913 .mb-40 {
33914   margin-bottom: 40px; }
33915
33916 .margin-left-40,
33917 .ml-40 {
33918   margin-left: 40px; }
33919
33920 .margin-horizontal-40,
33921 .mh-40 {
33922   margin-left: 40px;
33923   margin-right: 40px; }
33924
33925 .margin-vertical-40,
33926 .mv-40 {
33927   margin-top: 40px;
33928   margin-bottom: 40px; }
33929
33930 .margin-45,
33931 .m-45 {
33932   margin: 45px; }
33933
33934 .margin-top-45,
33935 .mt-45 {
33936   margin-top: 45px; }
33937
33938 .margin-right-45,
33939 .mr-45 {
33940   margin-right: 45px; }
33941
33942 .margin-bottom-45,
33943 .mb-45 {
33944   margin-bottom: 45px; }
33945
33946 .margin-left-45,
33947 .ml-45 {
33948   margin-left: 45px; }
33949
33950 .margin-horizontal-45,
33951 .mh-45 {
33952   margin-left: 45px;
33953   margin-right: 45px; }
33954
33955 .margin-vertical-45,
33956 .mv-45 {
33957   margin-top: 45px;
33958   margin-bottom: 45px; }
33959
33960 .margin-50,
33961 .m-50 {
33962   margin: 50px; }
33963
33964 .margin-top-50,
33965 .mt-50 {
33966   margin-top: 50px; }
33967
33968 .margin-right-50,
33969 .mr-50 {
33970   margin-right: 50px; }
33971
33972 .margin-bottom-50,
33973 .mb-50 {
33974   margin-bottom: 50px; }
33975
33976 .margin-left-50,
33977 .ml-50 {
33978   margin-left: 50px; }
33979
33980 .margin-horizontal-50,
33981 .mh-50 {
33982   margin-left: 50px;
33983   margin-right: 50px; }
33984
33985 .margin-vertical-50,
33986 .mv-50 {
33987   margin-top: 50px;
33988   margin-bottom: 50px; }
33989
33990 .margin-55,
33991 .m-55 {
33992   margin: 55px; }
33993
33994 .margin-top-55,
33995 .mt-55 {
33996   margin-top: 55px; }
33997
33998 .margin-right-55,
33999 .mr-55 {
34000   margin-right: 55px; }
34001
34002 .margin-bottom-55,
34003 .mb-55 {
34004   margin-bottom: 55px; }
34005
34006 .margin-left-55,
34007 .ml-55 {
34008   margin-left: 55px; }
34009
34010 .margin-horizontal-55,
34011 .mh-55 {
34012   margin-left: 55px;
34013   margin-right: 55px; }
34014
34015 .margin-vertical-55,
34016 .mv-55 {
34017   margin-top: 55px;
34018   margin-bottom: 55px; }
34019
34020 .margin-60,
34021 .m-60 {
34022   margin: 60px; }
34023
34024 .margin-top-60,
34025 .mt-60 {
34026   margin-top: 60px; }
34027
34028 .margin-right-60,
34029 .mr-60 {
34030   margin-right: 60px; }
34031
34032 .margin-bottom-60,
34033 .mb-60 {
34034   margin-bottom: 60px; }
34035
34036 .margin-left-60,
34037 .ml-60 {
34038   margin-left: 60px; }
34039
34040 .margin-horizontal-60,
34041 .mh-60 {
34042   margin-left: 60px;
34043   margin-right: 60px; }
34044
34045 .margin-vertical-60,
34046 .mv-60 {
34047   margin-top: 60px;
34048   margin-bottom: 60px; }
34049
34050 .margin-65,
34051 .m-65 {
34052   margin: 65px; }
34053
34054 .margin-top-65,
34055 .mt-65 {
34056   margin-top: 65px; }
34057
34058 .margin-right-65,
34059 .mr-65 {
34060   margin-right: 65px; }
34061
34062 .margin-bottom-65,
34063 .mb-65 {
34064   margin-bottom: 65px; }
34065
34066 .margin-left-65,
34067 .ml-65 {
34068   margin-left: 65px; }
34069
34070 .margin-horizontal-65,
34071 .mh-65 {
34072   margin-left: 65px;
34073   margin-right: 65px; }
34074
34075 .margin-vertical-65,
34076 .mv-65 {
34077   margin-top: 65px;
34078   margin-bottom: 65px; }
34079
34080 .margin-70,
34081 .m-70 {
34082   margin: 70px; }
34083
34084 .margin-top-70,
34085 .mt-70 {
34086   margin-top: 70px; }
34087
34088 .margin-right-70,
34089 .mr-70 {
34090   margin-right: 70px; }
34091
34092 .margin-bottom-70,
34093 .mb-70 {
34094   margin-bottom: 70px; }
34095
34096 .margin-left-70,
34097 .ml-70 {
34098   margin-left: 70px; }
34099
34100 .margin-horizontal-70,
34101 .mh-70 {
34102   margin-left: 70px;
34103   margin-right: 70px; }
34104
34105 .margin-vertical-70,
34106 .mv-70 {
34107   margin-top: 70px;
34108   margin-bottom: 70px; }
34109
34110 .margin-75,
34111 .m-75 {
34112   margin: 75px; }
34113
34114 .margin-top-75,
34115 .mt-75 {
34116   margin-top: 75px; }
34117
34118 .margin-right-75,
34119 .mr-75 {
34120   margin-right: 75px; }
34121
34122 .margin-bottom-75,
34123 .mb-75 {
34124   margin-bottom: 75px; }
34125
34126 .margin-left-75,
34127 .ml-75 {
34128   margin-left: 75px; }
34129
34130 .margin-horizontal-75,
34131 .mh-75 {
34132   margin-left: 75px;
34133   margin-right: 75px; }
34134
34135 .margin-vertical-75,
34136 .mv-75 {
34137   margin-top: 75px;
34138   margin-bottom: 75px; }
34139
34140 .margin-80,
34141 .m-80 {
34142   margin: 80px; }
34143
34144 .margin-top-80,
34145 .mt-80 {
34146   margin-top: 80px; }
34147
34148 .margin-right-80,
34149 .mr-80 {
34150   margin-right: 80px; }
34151
34152 .margin-bottom-80,
34153 .mb-80 {
34154   margin-bottom: 80px; }
34155
34156 .margin-left-80,
34157 .ml-80 {
34158   margin-left: 80px; }
34159
34160 .margin-horizontal-80,
34161 .mh-80 {
34162   margin-left: 80px;
34163   margin-right: 80px; }
34164
34165 .margin-vertical-80,
34166 .mv-80 {
34167   margin-top: 80px;
34168   margin-bottom: 80px; }
34169
34170 .margin-85,
34171 .m-85 {
34172   margin: 85px; }
34173
34174 .margin-top-85,
34175 .mt-85 {
34176   margin-top: 85px; }
34177
34178 .margin-right-85,
34179 .mr-85 {
34180   margin-right: 85px; }
34181
34182 .margin-bottom-85,
34183 .mb-85 {
34184   margin-bottom: 85px; }
34185
34186 .margin-left-85,
34187 .ml-85 {
34188   margin-left: 85px; }
34189
34190 .margin-horizontal-85,
34191 .mh-85 {
34192   margin-left: 85px;
34193   margin-right: 85px; }
34194
34195 .margin-vertical-85,
34196 .mv-85 {
34197   margin-top: 85px;
34198   margin-bottom: 85px; }
34199
34200 .margin-90,
34201 .m-90 {
34202   margin: 90px; }
34203
34204 .margin-top-90,
34205 .mt-90 {
34206   margin-top: 90px; }
34207
34208 .margin-right-90,
34209 .mr-90 {
34210   margin-right: 90px; }
34211
34212 .margin-bottom-90,
34213 .mb-90 {
34214   margin-bottom: 90px; }
34215
34216 .margin-left-90,
34217 .ml-90 {
34218   margin-left: 90px; }
34219
34220 .margin-horizontal-90,
34221 .mh-90 {
34222   margin-left: 90px;
34223   margin-right: 90px; }
34224
34225 .margin-vertical-90,
34226 .mv-90 {
34227   margin-top: 90px;
34228   margin-bottom: 90px; }
34229
34230 .margin-95,
34231 .m-95 {
34232   margin: 95px; }
34233
34234 .margin-top-95,
34235 .mt-95 {
34236   margin-top: 95px; }
34237
34238 .margin-right-95,
34239 .mr-95 {
34240   margin-right: 95px; }
34241
34242 .margin-bottom-95,
34243 .mb-95 {
34244   margin-bottom: 95px; }
34245
34246 .margin-left-95,
34247 .ml-95 {
34248   margin-left: 95px; }
34249
34250 .margin-horizontal-95,
34251 .mh-95 {
34252   margin-left: 95px;
34253   margin-right: 95px; }
34254
34255 .margin-vertical-95,
34256 .mv-95 {
34257   margin-top: 95px;
34258   margin-bottom: 95px; }
34259
34260 .margin-100,
34261 .m-100 {
34262   margin: 100px; }
34263
34264 .margin-top-100,
34265 .mt-100 {
34266   margin-top: 100px; }
34267
34268 .margin-right-100,
34269 .mr-100 {
34270   margin-right: 100px; }
34271
34272 .margin-bottom-100,
34273 .mb-100 {
34274   margin-bottom: 100px; }
34275
34276 .margin-left-100,
34277 .ml-100 {
34278   margin-left: 100px; }
34279
34280 .margin-horizontal-100,
34281 .mh-100 {
34282   margin-left: 100px;
34283   margin-right: 100px; }
34284
34285 .margin-vertical-100,
34286 .mv-100 {
34287   margin-top: 100px;
34288   margin-bottom: 100px; }
34289
34290 .margin-8,
34291 .m-8 {
34292   margin: 8px; }
34293
34294 .margin-top-8,
34295 .mt-8 {
34296   margin-top: 8px; }
34297
34298 .margin-right-8,
34299 .mr-8 {
34300   margin-right: 8px; }
34301
34302 .margin-bottom-8,
34303 .mb-8 {
34304   margin-bottom: 8px; }
34305
34306 .margin-left-8,
34307 .ml-8 {
34308   margin-left: 8px; }
34309
34310 .margin-horizontal-8,
34311 .mh-8 {
34312   margin-left: 8px;
34313   margin-right: 8px; }
34314
34315 .margin-vertical-8,
34316 .mv-8 {
34317   margin-top: 8px;
34318   margin-bottom: 8px; }
34319
34320 .margin-16,
34321 .m-16 {
34322   margin: 16px; }
34323
34324 .margin-top-16,
34325 .mt-16 {
34326   margin-top: 16px; }
34327
34328 .margin-right-16,
34329 .mr-16 {
34330   margin-right: 16px; }
34331
34332 .margin-bottom-16,
34333 .mb-16 {
34334   margin-bottom: 16px; }
34335
34336 .margin-left-16,
34337 .ml-16 {
34338   margin-left: 16px; }
34339
34340 .margin-horizontal-16,
34341 .mh-16 {
34342   margin-left: 16px;
34343   margin-right: 16px; }
34344
34345 .margin-vertical-16,
34346 .mv-16 {
34347   margin-top: 16px;
34348   margin-bottom: 16px; }
34349
34350 .margin-24,
34351 .m-24 {
34352   margin: 24px; }
34353
34354 .margin-top-24,
34355 .mt-24 {
34356   margin-top: 24px; }
34357
34358 .margin-right-24,
34359 .mr-24 {
34360   margin-right: 24px; }
34361
34362 .margin-bottom-24,
34363 .mb-24 {
34364   margin-bottom: 24px; }
34365
34366 .margin-left-24,
34367 .ml-24 {
34368   margin-left: 24px; }
34369
34370 .margin-horizontal-24,
34371 .mh-24 {
34372   margin-left: 24px;
34373   margin-right: 24px; }
34374
34375 .margin-vertical-24,
34376 .mv-24 {
34377   margin-top: 24px;
34378   margin-bottom: 24px; }
34379
34380 .margin-32,
34381 .m-32 {
34382   margin: 32px; }
34383
34384 .margin-top-32,
34385 .mt-32 {
34386   margin-top: 32px; }
34387
34388 .margin-right-32,
34389 .mr-32 {
34390   margin-right: 32px; }
34391
34392 .margin-bottom-32,
34393 .mb-32 {
34394   margin-bottom: 32px; }
34395
34396 .margin-left-32,
34397 .ml-32 {
34398   margin-left: 32px; }
34399
34400 .margin-horizontal-32,
34401 .mh-32 {
34402   margin-left: 32px;
34403   margin-right: 32px; }
34404
34405 .margin-vertical-32,
34406 .mv-32 {
34407   margin-top: 32px;
34408   margin-bottom: 32px; }
34409
34410 .margin-48,
34411 .m-48 {
34412   margin: 48px; }
34413
34414 .margin-top-48,
34415 .mt-48 {
34416   margin-top: 48px; }
34417
34418 .margin-right-48,
34419 .mr-48 {
34420   margin-right: 48px; }
34421
34422 .margin-bottom-48,
34423 .mb-48 {
34424   margin-bottom: 48px; }
34425
34426 .margin-left-48,
34427 .ml-48 {
34428   margin-left: 48px; }
34429
34430 .margin-horizontal-48,
34431 .mh-48 {
34432   margin-left: 48px;
34433   margin-right: 48px; }
34434
34435 .margin-vertical-48,
34436 .mv-48 {
34437   margin-top: 48px;
34438   margin-bottom: 48px; }
34439
34440 .margin-56,
34441 .m-56 {
34442   margin: 56px; }
34443
34444 .margin-top-56,
34445 .mt-56 {
34446   margin-top: 56px; }
34447
34448 .margin-right-56,
34449 .mr-56 {
34450   margin-right: 56px; }
34451
34452 .margin-bottom-56,
34453 .mb-56 {
34454   margin-bottom: 56px; }
34455
34456 .margin-left-56,
34457 .ml-56 {
34458   margin-left: 56px; }
34459
34460 .margin-horizontal-56,
34461 .mh-56 {
34462   margin-left: 56px;
34463   margin-right: 56px; }
34464
34465 .margin-vertical-56,
34466 .mv-56 {
34467   margin-top: 56px;
34468   margin-bottom: 56px; }
34469
34470 .margin-64,
34471 .m-64 {
34472   margin: 64px; }
34473
34474 .margin-top-64,
34475 .mt-64 {
34476   margin-top: 64px; }
34477
34478 .margin-right-64,
34479 .mr-64 {
34480   margin-right: 64px; }
34481
34482 .margin-bottom-64,
34483 .mb-64 {
34484   margin-bottom: 64px; }
34485
34486 .margin-left-64,
34487 .ml-64 {
34488   margin-left: 64px; }
34489
34490 .margin-horizontal-64,
34491 .mh-64 {
34492   margin-left: 64px;
34493   margin-right: 64px; }
34494
34495 .margin-vertical-64,
34496 .mv-64 {
34497   margin-top: 64px;
34498   margin-bottom: 64px; }
34499
34500 .margin-72,
34501 .m-72 {
34502   margin: 72px; }
34503
34504 .margin-top-72,
34505 .mt-72 {
34506   margin-top: 72px; }
34507
34508 .margin-right-72,
34509 .mr-72 {
34510   margin-right: 72px; }
34511
34512 .margin-bottom-72,
34513 .mb-72 {
34514   margin-bottom: 72px; }
34515
34516 .margin-left-72,
34517 .ml-72 {
34518   margin-left: 72px; }
34519
34520 .margin-horizontal-72,
34521 .mh-72 {
34522   margin-left: 72px;
34523   margin-right: 72px; }
34524
34525 .margin-vertical-72,
34526 .mv-72 {
34527   margin-top: 72px;
34528   margin-bottom: 72px; }
34529
34530 .margin-88,
34531 .m-88 {
34532   margin: 88px; }
34533
34534 .margin-top-88,
34535 .mt-88 {
34536   margin-top: 88px; }
34537
34538 .margin-right-88,
34539 .mr-88 {
34540   margin-right: 88px; }
34541
34542 .margin-bottom-88,
34543 .mb-88 {
34544   margin-bottom: 88px; }
34545
34546 .margin-left-88,
34547 .ml-88 {
34548   margin-left: 88px; }
34549
34550 .margin-horizontal-88,
34551 .mh-88 {
34552   margin-left: 88px;
34553   margin-right: 88px; }
34554
34555 .margin-vertical-88,
34556 .mv-88 {
34557   margin-top: 88px;
34558   margin-bottom: 88px; }
34559
34560 .margin-96,
34561 .m-96 {
34562   margin: 96px; }
34563
34564 .margin-top-96,
34565 .mt-96 {
34566   margin-top: 96px; }
34567
34568 .margin-right-96,
34569 .mr-96 {
34570   margin-right: 96px; }
34571
34572 .margin-bottom-96,
34573 .mb-96 {
34574   margin-bottom: 96px; }
34575
34576 .margin-left-96,
34577 .ml-96 {
34578   margin-left: 96px; }
34579
34580 .margin-horizontal-96,
34581 .mh-96 {
34582   margin-left: 96px;
34583   margin-right: 96px; }
34584
34585 .margin-vertical-96,
34586 .mv-96 {
34587   margin-top: 96px;
34588   margin-bottom: 96px; }
34589
34590 .height-0,
34591 .h-0 {
34592   height: 0px !important;
34593   min-height: 0px !important;
34594   max-height: 0px !important; }
34595
34596 .width-0,
34597 .w-0 {
34598   width: 0px !important;
34599   min-width: 0px !important;
34600   max-width: 0px !important; }
34601
34602 .height-5,
34603 .h-5 {
34604   height: 5px !important;
34605   min-height: 5px !important;
34606   max-height: 5px !important; }
34607
34608 .width-5,
34609 .w-5 {
34610   width: 5px !important;
34611   min-width: 5px !important;
34612   max-width: 5px !important; }
34613
34614 .height-10,
34615 .h-10 {
34616   height: 10px !important;
34617   min-height: 10px !important;
34618   max-height: 10px !important; }
34619
34620 .width-10,
34621 .w-10 {
34622   width: 10px !important;
34623   min-width: 10px !important;
34624   max-width: 10px !important; }
34625
34626 .height-15,
34627 .h-15 {
34628   height: 15px !important;
34629   min-height: 15px !important;
34630   max-height: 15px !important; }
34631
34632 .width-15,
34633 .w-15 {
34634   width: 15px !important;
34635   min-width: 15px !important;
34636   max-width: 15px !important; }
34637
34638 .height-20,
34639 .h-20 {
34640   height: 20px !important;
34641   min-height: 20px !important;
34642   max-height: 20px !important; }
34643
34644 .width-20,
34645 .w-20 {
34646   width: 20px !important;
34647   min-width: 20px !important;
34648   max-width: 20px !important; }
34649
34650 .height-25,
34651 .h-25 {
34652   height: 25px !important;
34653   min-height: 25px !important;
34654   max-height: 25px !important; }
34655
34656 .width-25,
34657 .w-25 {
34658   width: 25px !important;
34659   min-width: 25px !important;
34660   max-width: 25px !important; }
34661
34662 .height-30,
34663 .h-30 {
34664   height: 30px !important;
34665   min-height: 30px !important;
34666   max-height: 30px !important; }
34667
34668 .width-30,
34669 .w-30 {
34670   width: 30px !important;
34671   min-width: 30px !important;
34672   max-width: 30px !important; }
34673
34674 .height-35,
34675 .h-35 {
34676   height: 35px !important;
34677   min-height: 35px !important;
34678   max-height: 35px !important; }
34679
34680 .width-35,
34681 .w-35 {
34682   width: 35px !important;
34683   min-width: 35px !important;
34684   max-width: 35px !important; }
34685
34686 .height-40,
34687 .h-40 {
34688   height: 40px !important;
34689   min-height: 40px !important;
34690   max-height: 40px !important; }
34691
34692 .width-40,
34693 .w-40 {
34694   width: 40px !important;
34695   min-width: 40px !important;
34696   max-width: 40px !important; }
34697
34698 .height-45,
34699 .h-45 {
34700   height: 45px !important;
34701   min-height: 45px !important;
34702   max-height: 45px !important; }
34703
34704 .width-45,
34705 .w-45 {
34706   width: 45px !important;
34707   min-width: 45px !important;
34708   max-width: 45px !important; }
34709
34710 .height-50,
34711 .h-50 {
34712   height: 50px !important;
34713   min-height: 50px !important;
34714   max-height: 50px !important; }
34715
34716 .width-50,
34717 .w-50 {
34718   width: 50px !important;
34719   min-width: 50px !important;
34720   max-width: 50px !important; }
34721
34722 .height-55,
34723 .h-55 {
34724   height: 55px !important;
34725   min-height: 55px !important;
34726   max-height: 55px !important; }
34727
34728 .width-55,
34729 .w-55 {
34730   width: 55px !important;
34731   min-width: 55px !important;
34732   max-width: 55px !important; }
34733
34734 .height-60,
34735 .h-60 {
34736   height: 60px !important;
34737   min-height: 60px !important;
34738   max-height: 60px !important; }
34739
34740 .width-60,
34741 .w-60 {
34742   width: 60px !important;
34743   min-width: 60px !important;
34744   max-width: 60px !important; }
34745
34746 .height-65,
34747 .h-65 {
34748   height: 65px !important;
34749   min-height: 65px !important;
34750   max-height: 65px !important; }
34751
34752 .width-65,
34753 .w-65 {
34754   width: 65px !important;
34755   min-width: 65px !important;
34756   max-width: 65px !important; }
34757
34758 .height-70,
34759 .h-70 {
34760   height: 70px !important;
34761   min-height: 70px !important;
34762   max-height: 70px !important; }
34763
34764 .width-70,
34765 .w-70 {
34766   width: 70px !important;
34767   min-width: 70px !important;
34768   max-width: 70px !important; }
34769
34770 .height-75,
34771 .h-75 {
34772   height: 75px !important;
34773   min-height: 75px !important;
34774   max-height: 75px !important; }
34775
34776 .width-75,
34777 .w-75 {
34778   width: 75px !important;
34779   min-width: 75px !important;
34780   max-width: 75px !important; }
34781
34782 .height-80,
34783 .h-80 {
34784   height: 80px !important;
34785   min-height: 80px !important;
34786   max-height: 80px !important; }
34787
34788 .width-80,
34789 .w-80 {
34790   width: 80px !important;
34791   min-width: 80px !important;
34792   max-width: 80px !important; }
34793
34794 .height-85,
34795 .h-85 {
34796   height: 85px !important;
34797   min-height: 85px !important;
34798   max-height: 85px !important; }
34799
34800 .width-85,
34801 .w-85 {
34802   width: 85px !important;
34803   min-width: 85px !important;
34804   max-width: 85px !important; }
34805
34806 .height-90,
34807 .h-90 {
34808   height: 90px !important;
34809   min-height: 90px !important;
34810   max-height: 90px !important; }
34811
34812 .width-90,
34813 .w-90 {
34814   width: 90px !important;
34815   min-width: 90px !important;
34816   max-width: 90px !important; }
34817
34818 .height-95,
34819 .h-95 {
34820   height: 95px !important;
34821   min-height: 95px !important;
34822   max-height: 95px !important; }
34823
34824 .width-95,
34825 .w-95 {
34826   width: 95px !important;
34827   min-width: 95px !important;
34828   max-width: 95px !important; }
34829
34830 .height-100,
34831 .h-100 {
34832   height: 100px !important;
34833   min-height: 100px !important;
34834   max-height: 100px !important; }
34835
34836 .width-100,
34837 .w-100 {
34838   width: 100px !important;
34839   min-width: 100px !important;
34840   max-width: 100px !important; }
34841
34842 .height-105,
34843 .h-105 {
34844   height: 105px !important;
34845   min-height: 105px !important;
34846   max-height: 105px !important; }
34847
34848 .width-105,
34849 .w-105 {
34850   width: 105px !important;
34851   min-width: 105px !important;
34852   max-width: 105px !important; }
34853
34854 .height-110,
34855 .h-110 {
34856   height: 110px !important;
34857   min-height: 110px !important;
34858   max-height: 110px !important; }
34859
34860 .width-110,
34861 .w-110 {
34862   width: 110px !important;
34863   min-width: 110px !important;
34864   max-width: 110px !important; }
34865
34866 .height-115,
34867 .h-115 {
34868   height: 115px !important;
34869   min-height: 115px !important;
34870   max-height: 115px !important; }
34871
34872 .width-115,
34873 .w-115 {
34874   width: 115px !important;
34875   min-width: 115px !important;
34876   max-width: 115px !important; }
34877
34878 .height-120,
34879 .h-120 {
34880   height: 120px !important;
34881   min-height: 120px !important;
34882   max-height: 120px !important; }
34883
34884 .width-120,
34885 .w-120 {
34886   width: 120px !important;
34887   min-width: 120px !important;
34888   max-width: 120px !important; }
34889
34890 .height-125,
34891 .h-125 {
34892   height: 125px !important;
34893   min-height: 125px !important;
34894   max-height: 125px !important; }
34895
34896 .width-125,
34897 .w-125 {
34898   width: 125px !important;
34899   min-width: 125px !important;
34900   max-width: 125px !important; }
34901
34902 .height-130,
34903 .h-130 {
34904   height: 130px !important;
34905   min-height: 130px !important;
34906   max-height: 130px !important; }
34907
34908 .width-130,
34909 .w-130 {
34910   width: 130px !important;
34911   min-width: 130px !important;
34912   max-width: 130px !important; }
34913
34914 .height-135,
34915 .h-135 {
34916   height: 135px !important;
34917   min-height: 135px !important;
34918   max-height: 135px !important; }
34919
34920 .width-135,
34921 .w-135 {
34922   width: 135px !important;
34923   min-width: 135px !important;
34924   max-width: 135px !important; }
34925
34926 .height-140,
34927 .h-140 {
34928   height: 140px !important;
34929   min-height: 140px !important;
34930   max-height: 140px !important; }
34931
34932 .width-140,
34933 .w-140 {
34934   width: 140px !important;
34935   min-width: 140px !important;
34936   max-width: 140px !important; }
34937
34938 .height-145,
34939 .h-145 {
34940   height: 145px !important;
34941   min-height: 145px !important;
34942   max-height: 145px !important; }
34943
34944 .width-145,
34945 .w-145 {
34946   width: 145px !important;
34947   min-width: 145px !important;
34948   max-width: 145px !important; }
34949
34950 .height-150,
34951 .h-150 {
34952   height: 150px !important;
34953   min-height: 150px !important;
34954   max-height: 150px !important; }
34955
34956 .width-150,
34957 .w-150 {
34958   width: 150px !important;
34959   min-width: 150px !important;
34960   max-width: 150px !important; }
34961
34962 .height-155,
34963 .h-155 {
34964   height: 155px !important;
34965   min-height: 155px !important;
34966   max-height: 155px !important; }
34967
34968 .width-155,
34969 .w-155 {
34970   width: 155px !important;
34971   min-width: 155px !important;
34972   max-width: 155px !important; }
34973
34974 .height-160,
34975 .h-160 {
34976   height: 160px !important;
34977   min-height: 160px !important;
34978   max-height: 160px !important; }
34979
34980 .width-160,
34981 .w-160 {
34982   width: 160px !important;
34983   min-width: 160px !important;
34984   max-width: 160px !important; }
34985
34986 .height-165,
34987 .h-165 {
34988   height: 165px !important;
34989   min-height: 165px !important;
34990   max-height: 165px !important; }
34991
34992 .width-165,
34993 .w-165 {
34994   width: 165px !important;
34995   min-width: 165px !important;
34996   max-width: 165px !important; }
34997
34998 .height-170,
34999 .h-170 {
35000   height: 170px !important;
35001   min-height: 170px !important;
35002   max-height: 170px !important; }
35003
35004 .width-170,
35005 .w-170 {
35006   width: 170px !important;
35007   min-width: 170px !important;
35008   max-width: 170px !important; }
35009
35010 .height-175,
35011 .h-175 {
35012   height: 175px !important;
35013   min-height: 175px !important;
35014   max-height: 175px !important; }
35015
35016 .width-175,
35017 .w-175 {
35018   width: 175px !important;
35019   min-width: 175px !important;
35020   max-width: 175px !important; }
35021
35022 .height-180,
35023 .h-180 {
35024   height: 180px !important;
35025   min-height: 180px !important;
35026   max-height: 180px !important; }
35027
35028 .width-180,
35029 .w-180 {
35030   width: 180px !important;
35031   min-width: 180px !important;
35032   max-width: 180px !important; }
35033
35034 .height-185,
35035 .h-185 {
35036   height: 185px !important;
35037   min-height: 185px !important;
35038   max-height: 185px !important; }
35039
35040 .width-185,
35041 .w-185 {
35042   width: 185px !important;
35043   min-width: 185px !important;
35044   max-width: 185px !important; }
35045
35046 .height-190,
35047 .h-190 {
35048   height: 190px !important;
35049   min-height: 190px !important;
35050   max-height: 190px !important; }
35051
35052 .width-190,
35053 .w-190 {
35054   width: 190px !important;
35055   min-width: 190px !important;
35056   max-width: 190px !important; }
35057
35058 .height-195,
35059 .h-195 {
35060   height: 195px !important;
35061   min-height: 195px !important;
35062   max-height: 195px !important; }
35063
35064 .width-195,
35065 .w-195 {
35066   width: 195px !important;
35067   min-width: 195px !important;
35068   max-width: 195px !important; }
35069
35070 .height-200,
35071 .h-200 {
35072   height: 200px !important;
35073   min-height: 200px !important;
35074   max-height: 200px !important; }
35075
35076 .width-200,
35077 .w-200 {
35078   width: 200px !important;
35079   min-width: 200px !important;
35080   max-width: 200px !important; }
35081
35082 .height-205,
35083 .h-205 {
35084   height: 205px !important;
35085   min-height: 205px !important;
35086   max-height: 205px !important; }
35087
35088 .width-205,
35089 .w-205 {
35090   width: 205px !important;
35091   min-width: 205px !important;
35092   max-width: 205px !important; }
35093
35094 .height-210,
35095 .h-210 {
35096   height: 210px !important;
35097   min-height: 210px !important;
35098   max-height: 210px !important; }
35099
35100 .width-210,
35101 .w-210 {
35102   width: 210px !important;
35103   min-width: 210px !important;
35104   max-width: 210px !important; }
35105
35106 .height-215,
35107 .h-215 {
35108   height: 215px !important;
35109   min-height: 215px !important;
35110   max-height: 215px !important; }
35111
35112 .width-215,
35113 .w-215 {
35114   width: 215px !important;
35115   min-width: 215px !important;
35116   max-width: 215px !important; }
35117
35118 .height-220,
35119 .h-220 {
35120   height: 220px !important;
35121   min-height: 220px !important;
35122   max-height: 220px !important; }
35123
35124 .width-220,
35125 .w-220 {
35126   width: 220px !important;
35127   min-width: 220px !important;
35128   max-width: 220px !important; }
35129
35130 .height-225,
35131 .h-225 {
35132   height: 225px !important;
35133   min-height: 225px !important;
35134   max-height: 225px !important; }
35135
35136 .width-225,
35137 .w-225 {
35138   width: 225px !important;
35139   min-width: 225px !important;
35140   max-width: 225px !important; }
35141
35142 .height-230,
35143 .h-230 {
35144   height: 230px !important;
35145   min-height: 230px !important;
35146   max-height: 230px !important; }
35147
35148 .width-230,
35149 .w-230 {
35150   width: 230px !important;
35151   min-width: 230px !important;
35152   max-width: 230px !important; }
35153
35154 .height-235,
35155 .h-235 {
35156   height: 235px !important;
35157   min-height: 235px !important;
35158   max-height: 235px !important; }
35159
35160 .width-235,
35161 .w-235 {
35162   width: 235px !important;
35163   min-width: 235px !important;
35164   max-width: 235px !important; }
35165
35166 .height-240,
35167 .h-240 {
35168   height: 240px !important;
35169   min-height: 240px !important;
35170   max-height: 240px !important; }
35171
35172 .width-240,
35173 .w-240 {
35174   width: 240px !important;
35175   min-width: 240px !important;
35176   max-width: 240px !important; }
35177
35178 .height-245,
35179 .h-245 {
35180   height: 245px !important;
35181   min-height: 245px !important;
35182   max-height: 245px !important; }
35183
35184 .width-245,
35185 .w-245 {
35186   width: 245px !important;
35187   min-width: 245px !important;
35188   max-width: 245px !important; }
35189
35190 .height-250,
35191 .h-250 {
35192   height: 250px !important;
35193   min-height: 250px !important;
35194   max-height: 250px !important; }
35195
35196 .width-250,
35197 .w-250 {
35198   width: 250px !important;
35199   min-width: 250px !important;
35200   max-width: 250px !important; }
35201
35202 .height-255,
35203 .h-255 {
35204   height: 255px !important;
35205   min-height: 255px !important;
35206   max-height: 255px !important; }
35207
35208 .width-255,
35209 .w-255 {
35210   width: 255px !important;
35211   min-width: 255px !important;
35212   max-width: 255px !important; }
35213
35214 .height-260,
35215 .h-260 {
35216   height: 260px !important;
35217   min-height: 260px !important;
35218   max-height: 260px !important; }
35219
35220 .width-260,
35221 .w-260 {
35222   width: 260px !important;
35223   min-width: 260px !important;
35224   max-width: 260px !important; }
35225
35226 .height-265,
35227 .h-265 {
35228   height: 265px !important;
35229   min-height: 265px !important;
35230   max-height: 265px !important; }
35231
35232 .width-265,
35233 .w-265 {
35234   width: 265px !important;
35235   min-width: 265px !important;
35236   max-width: 265px !important; }
35237
35238 .height-270,
35239 .h-270 {
35240   height: 270px !important;
35241   min-height: 270px !important;
35242   max-height: 270px !important; }
35243
35244 .width-270,
35245 .w-270 {
35246   width: 270px !important;
35247   min-width: 270px !important;
35248   max-width: 270px !important; }
35249
35250 .height-275,
35251 .h-275 {
35252   height: 275px !important;
35253   min-height: 275px !important;
35254   max-height: 275px !important; }
35255
35256 .width-275,
35257 .w-275 {
35258   width: 275px !important;
35259   min-width: 275px !important;
35260   max-width: 275px !important; }
35261
35262 .height-280,
35263 .h-280 {
35264   height: 280px !important;
35265   min-height: 280px !important;
35266   max-height: 280px !important; }
35267
35268 .width-280,
35269 .w-280 {
35270   width: 280px !important;
35271   min-width: 280px !important;
35272   max-width: 280px !important; }
35273
35274 .height-285,
35275 .h-285 {
35276   height: 285px !important;
35277   min-height: 285px !important;
35278   max-height: 285px !important; }
35279
35280 .width-285,
35281 .w-285 {
35282   width: 285px !important;
35283   min-width: 285px !important;
35284   max-width: 285px !important; }
35285
35286 .height-290,
35287 .h-290 {
35288   height: 290px !important;
35289   min-height: 290px !important;
35290   max-height: 290px !important; }
35291
35292 .width-290,
35293 .w-290 {
35294   width: 290px !important;
35295   min-width: 290px !important;
35296   max-width: 290px !important; }
35297
35298 .height-295,
35299 .h-295 {
35300   height: 295px !important;
35301   min-height: 295px !important;
35302   max-height: 295px !important; }
35303
35304 .width-295,
35305 .w-295 {
35306   width: 295px !important;
35307   min-width: 295px !important;
35308   max-width: 295px !important; }
35309
35310 .height-300,
35311 .h-300 {
35312   height: 300px !important;
35313   min-height: 300px !important;
35314   max-height: 300px !important; }
35315
35316 .width-300,
35317 .w-300 {
35318   width: 300px !important;
35319   min-width: 300px !important;
35320   max-width: 300px !important; }
35321
35322 .height-305,
35323 .h-305 {
35324   height: 305px !important;
35325   min-height: 305px !important;
35326   max-height: 305px !important; }
35327
35328 .width-305,
35329 .w-305 {
35330   width: 305px !important;
35331   min-width: 305px !important;
35332   max-width: 305px !important; }
35333
35334 .height-310,
35335 .h-310 {
35336   height: 310px !important;
35337   min-height: 310px !important;
35338   max-height: 310px !important; }
35339
35340 .width-310,
35341 .w-310 {
35342   width: 310px !important;
35343   min-width: 310px !important;
35344   max-width: 310px !important; }
35345
35346 .height-315,
35347 .h-315 {
35348   height: 315px !important;
35349   min-height: 315px !important;
35350   max-height: 315px !important; }
35351
35352 .width-315,
35353 .w-315 {
35354   width: 315px !important;
35355   min-width: 315px !important;
35356   max-width: 315px !important; }
35357
35358 .height-320,
35359 .h-320 {
35360   height: 320px !important;
35361   min-height: 320px !important;
35362   max-height: 320px !important; }
35363
35364 .width-320,
35365 .w-320 {
35366   width: 320px !important;
35367   min-width: 320px !important;
35368   max-width: 320px !important; }
35369
35370 .height-325,
35371 .h-325 {
35372   height: 325px !important;
35373   min-height: 325px !important;
35374   max-height: 325px !important; }
35375
35376 .width-325,
35377 .w-325 {
35378   width: 325px !important;
35379   min-width: 325px !important;
35380   max-width: 325px !important; }
35381
35382 .height-330,
35383 .h-330 {
35384   height: 330px !important;
35385   min-height: 330px !important;
35386   max-height: 330px !important; }
35387
35388 .width-330,
35389 .w-330 {
35390   width: 330px !important;
35391   min-width: 330px !important;
35392   max-width: 330px !important; }
35393
35394 .height-335,
35395 .h-335 {
35396   height: 335px !important;
35397   min-height: 335px !important;
35398   max-height: 335px !important; }
35399
35400 .width-335,
35401 .w-335 {
35402   width: 335px !important;
35403   min-width: 335px !important;
35404   max-width: 335px !important; }
35405
35406 .height-340,
35407 .h-340 {
35408   height: 340px !important;
35409   min-height: 340px !important;
35410   max-height: 340px !important; }
35411
35412 .width-340,
35413 .w-340 {
35414   width: 340px !important;
35415   min-width: 340px !important;
35416   max-width: 340px !important; }
35417
35418 .height-345,
35419 .h-345 {
35420   height: 345px !important;
35421   min-height: 345px !important;
35422   max-height: 345px !important; }
35423
35424 .width-345,
35425 .w-345 {
35426   width: 345px !important;
35427   min-width: 345px !important;
35428   max-width: 345px !important; }
35429
35430 .height-350,
35431 .h-350 {
35432   height: 350px !important;
35433   min-height: 350px !important;
35434   max-height: 350px !important; }
35435
35436 .width-350,
35437 .w-350 {
35438   width: 350px !important;
35439   min-width: 350px !important;
35440   max-width: 350px !important; }
35441
35442 .height-355,
35443 .h-355 {
35444   height: 355px !important;
35445   min-height: 355px !important;
35446   max-height: 355px !important; }
35447
35448 .width-355,
35449 .w-355 {
35450   width: 355px !important;
35451   min-width: 355px !important;
35452   max-width: 355px !important; }
35453
35454 .height-360,
35455 .h-360 {
35456   height: 360px !important;
35457   min-height: 360px !important;
35458   max-height: 360px !important; }
35459
35460 .width-360,
35461 .w-360 {
35462   width: 360px !important;
35463   min-width: 360px !important;
35464   max-width: 360px !important; }
35465
35466 .height-365,
35467 .h-365 {
35468   height: 365px !important;
35469   min-height: 365px !important;
35470   max-height: 365px !important; }
35471
35472 .width-365,
35473 .w-365 {
35474   width: 365px !important;
35475   min-width: 365px !important;
35476   max-width: 365px !important; }
35477
35478 .height-370,
35479 .h-370 {
35480   height: 370px !important;
35481   min-height: 370px !important;
35482   max-height: 370px !important; }
35483
35484 .width-370,
35485 .w-370 {
35486   width: 370px !important;
35487   min-width: 370px !important;
35488   max-width: 370px !important; }
35489
35490 .height-375,
35491 .h-375 {
35492   height: 375px !important;
35493   min-height: 375px !important;
35494   max-height: 375px !important; }
35495
35496 .width-375,
35497 .w-375 {
35498   width: 375px !important;
35499   min-width: 375px !important;
35500   max-width: 375px !important; }
35501
35502 .height-380,
35503 .h-380 {
35504   height: 380px !important;
35505   min-height: 380px !important;
35506   max-height: 380px !important; }
35507
35508 .width-380,
35509 .w-380 {
35510   width: 380px !important;
35511   min-width: 380px !important;
35512   max-width: 380px !important; }
35513
35514 .height-385,
35515 .h-385 {
35516   height: 385px !important;
35517   min-height: 385px !important;
35518   max-height: 385px !important; }
35519
35520 .width-385,
35521 .w-385 {
35522   width: 385px !important;
35523   min-width: 385px !important;
35524   max-width: 385px !important; }
35525
35526 .height-390,
35527 .h-390 {
35528   height: 390px !important;
35529   min-height: 390px !important;
35530   max-height: 390px !important; }
35531
35532 .width-390,
35533 .w-390 {
35534   width: 390px !important;
35535   min-width: 390px !important;
35536   max-width: 390px !important; }
35537
35538 .height-395,
35539 .h-395 {
35540   height: 395px !important;
35541   min-height: 395px !important;
35542   max-height: 395px !important; }
35543
35544 .width-395,
35545 .w-395 {
35546   width: 395px !important;
35547   min-width: 395px !important;
35548   max-width: 395px !important; }
35549
35550 .height-400,
35551 .h-400 {
35552   height: 400px !important;
35553   min-height: 400px !important;
35554   max-height: 400px !important; }
35555
35556 .width-400,
35557 .w-400 {
35558   width: 400px !important;
35559   min-width: 400px !important;
35560   max-width: 400px !important; }
35561
35562 .height-405,
35563 .h-405 {
35564   height: 405px !important;
35565   min-height: 405px !important;
35566   max-height: 405px !important; }
35567
35568 .width-405,
35569 .w-405 {
35570   width: 405px !important;
35571   min-width: 405px !important;
35572   max-width: 405px !important; }
35573
35574 .height-410,
35575 .h-410 {
35576   height: 410px !important;
35577   min-height: 410px !important;
35578   max-height: 410px !important; }
35579
35580 .width-410,
35581 .w-410 {
35582   width: 410px !important;
35583   min-width: 410px !important;
35584   max-width: 410px !important; }
35585
35586 .height-415,
35587 .h-415 {
35588   height: 415px !important;
35589   min-height: 415px !important;
35590   max-height: 415px !important; }
35591
35592 .width-415,
35593 .w-415 {
35594   width: 415px !important;
35595   min-width: 415px !important;
35596   max-width: 415px !important; }
35597
35598 .height-420,
35599 .h-420 {
35600   height: 420px !important;
35601   min-height: 420px !important;
35602   max-height: 420px !important; }
35603
35604 .width-420,
35605 .w-420 {
35606   width: 420px !important;
35607   min-width: 420px !important;
35608   max-width: 420px !important; }
35609
35610 .height-425,
35611 .h-425 {
35612   height: 425px !important;
35613   min-height: 425px !important;
35614   max-height: 425px !important; }
35615
35616 .width-425,
35617 .w-425 {
35618   width: 425px !important;
35619   min-width: 425px !important;
35620   max-width: 425px !important; }
35621
35622 .height-430,
35623 .h-430 {
35624   height: 430px !important;
35625   min-height: 430px !important;
35626   max-height: 430px !important; }
35627
35628 .width-430,
35629 .w-430 {
35630   width: 430px !important;
35631   min-width: 430px !important;
35632   max-width: 430px !important; }
35633
35634 .height-435,
35635 .h-435 {
35636   height: 435px !important;
35637   min-height: 435px !important;
35638   max-height: 435px !important; }
35639
35640 .width-435,
35641 .w-435 {
35642   width: 435px !important;
35643   min-width: 435px !important;
35644   max-width: 435px !important; }
35645
35646 .height-440,
35647 .h-440 {
35648   height: 440px !important;
35649   min-height: 440px !important;
35650   max-height: 440px !important; }
35651
35652 .width-440,
35653 .w-440 {
35654   width: 440px !important;
35655   min-width: 440px !important;
35656   max-width: 440px !important; }
35657
35658 .height-445,
35659 .h-445 {
35660   height: 445px !important;
35661   min-height: 445px !important;
35662   max-height: 445px !important; }
35663
35664 .width-445,
35665 .w-445 {
35666   width: 445px !important;
35667   min-width: 445px !important;
35668   max-width: 445px !important; }
35669
35670 .height-450,
35671 .h-450 {
35672   height: 450px !important;
35673   min-height: 450px !important;
35674   max-height: 450px !important; }
35675
35676 .width-450,
35677 .w-450 {
35678   width: 450px !important;
35679   min-width: 450px !important;
35680   max-width: 450px !important; }
35681
35682 .height-455,
35683 .h-455 {
35684   height: 455px !important;
35685   min-height: 455px !important;
35686   max-height: 455px !important; }
35687
35688 .width-455,
35689 .w-455 {
35690   width: 455px !important;
35691   min-width: 455px !important;
35692   max-width: 455px !important; }
35693
35694 .height-460,
35695 .h-460 {
35696   height: 460px !important;
35697   min-height: 460px !important;
35698   max-height: 460px !important; }
35699
35700 .width-460,
35701 .w-460 {
35702   width: 460px !important;
35703   min-width: 460px !important;
35704   max-width: 460px !important; }
35705
35706 .height-465,
35707 .h-465 {
35708   height: 465px !important;
35709   min-height: 465px !important;
35710   max-height: 465px !important; }
35711
35712 .width-465,
35713 .w-465 {
35714   width: 465px !important;
35715   min-width: 465px !important;
35716   max-width: 465px !important; }
35717
35718 .height-470,
35719 .h-470 {
35720   height: 470px !important;
35721   min-height: 470px !important;
35722   max-height: 470px !important; }
35723
35724 .width-470,
35725 .w-470 {
35726   width: 470px !important;
35727   min-width: 470px !important;
35728   max-width: 470px !important; }
35729
35730 .height-475,
35731 .h-475 {
35732   height: 475px !important;
35733   min-height: 475px !important;
35734   max-height: 475px !important; }
35735
35736 .width-475,
35737 .w-475 {
35738   width: 475px !important;
35739   min-width: 475px !important;
35740   max-width: 475px !important; }
35741
35742 .height-480,
35743 .h-480 {
35744   height: 480px !important;
35745   min-height: 480px !important;
35746   max-height: 480px !important; }
35747
35748 .width-480,
35749 .w-480 {
35750   width: 480px !important;
35751   min-width: 480px !important;
35752   max-width: 480px !important; }
35753
35754 .height-485,
35755 .h-485 {
35756   height: 485px !important;
35757   min-height: 485px !important;
35758   max-height: 485px !important; }
35759
35760 .width-485,
35761 .w-485 {
35762   width: 485px !important;
35763   min-width: 485px !important;
35764   max-width: 485px !important; }
35765
35766 .height-490,
35767 .h-490 {
35768   height: 490px !important;
35769   min-height: 490px !important;
35770   max-height: 490px !important; }
35771
35772 .width-490,
35773 .w-490 {
35774   width: 490px !important;
35775   min-width: 490px !important;
35776   max-width: 490px !important; }
35777
35778 .height-495,
35779 .h-495 {
35780   height: 495px !important;
35781   min-height: 495px !important;
35782   max-height: 495px !important; }
35783
35784 .width-495,
35785 .w-495 {
35786   width: 495px !important;
35787   min-width: 495px !important;
35788   max-width: 495px !important; }
35789
35790 .height-500,
35791 .h-500 {
35792   height: 500px !important;
35793   min-height: 500px !important;
35794   max-height: 500px !important; }
35795
35796 .width-500,
35797 .w-500 {
35798   width: 500px !important;
35799   min-width: 500px !important;
35800   max-width: 500px !important; }
35801
35802 .height-8,
35803 .h-8 {
35804   height: 8px !important;
35805   min-height: 8px !important;
35806   max-height: 8px !important; }
35807
35808 .width-8,
35809 .w-8 {
35810   width: 8px !important;
35811   min-width: 8px !important;
35812   max-width: 8px !important; }
35813
35814 .height-16,
35815 .h-16 {
35816   height: 16px !important;
35817   min-height: 16px !important;
35818   max-height: 16px !important; }
35819
35820 .width-16,
35821 .w-16 {
35822   width: 16px !important;
35823   min-width: 16px !important;
35824   max-width: 16px !important; }
35825
35826 .height-24,
35827 .h-24 {
35828   height: 24px !important;
35829   min-height: 24px !important;
35830   max-height: 24px !important; }
35831
35832 .width-24,
35833 .w-24 {
35834   width: 24px !important;
35835   min-width: 24px !important;
35836   max-width: 24px !important; }
35837
35838 .height-32,
35839 .h-32 {
35840   height: 32px !important;
35841   min-height: 32px !important;
35842   max-height: 32px !important; }
35843
35844 .width-32,
35845 .w-32 {
35846   width: 32px !important;
35847   min-width: 32px !important;
35848   max-width: 32px !important; }
35849
35850 .height-48,
35851 .h-48 {
35852   height: 48px !important;
35853   min-height: 48px !important;
35854   max-height: 48px !important; }
35855
35856 .width-48,
35857 .w-48 {
35858   width: 48px !important;
35859   min-width: 48px !important;
35860   max-width: 48px !important; }
35861
35862 .height-56,
35863 .h-56 {
35864   height: 56px !important;
35865   min-height: 56px !important;
35866   max-height: 56px !important; }
35867
35868 .width-56,
35869 .w-56 {
35870   width: 56px !important;
35871   min-width: 56px !important;
35872   max-width: 56px !important; }
35873
35874 .height-64,
35875 .h-64 {
35876   height: 64px !important;
35877   min-height: 64px !important;
35878   max-height: 64px !important; }
35879
35880 .width-64,
35881 .w-64 {
35882   width: 64px !important;
35883   min-width: 64px !important;
35884   max-width: 64px !important; }
35885
35886 .height-72,
35887 .h-72 {
35888   height: 72px !important;
35889   min-height: 72px !important;
35890   max-height: 72px !important; }
35891
35892 .width-72,
35893 .w-72 {
35894   width: 72px !important;
35895   min-width: 72px !important;
35896   max-width: 72px !important; }
35897
35898 .height-88,
35899 .h-88 {
35900   height: 88px !important;
35901   min-height: 88px !important;
35902   max-height: 88px !important; }
35903
35904 .width-88,
35905 .w-88 {
35906   width: 88px !important;
35907   min-width: 88px !important;
35908   max-width: 88px !important; }
35909
35910 .height-96,
35911 .h-96 {
35912   height: 96px !important;
35913   min-height: 96px !important;
35914   max-height: 96px !important; }
35915
35916 .width-96,
35917 .w-96 {
35918   width: 96px !important;
35919   min-width: 96px !important;
35920   max-width: 96px !important; }
35921
35922 .height-104,
35923 .h-104 {
35924   height: 104px !important;
35925   min-height: 104px !important;
35926   max-height: 104px !important; }
35927
35928 .width-104,
35929 .w-104 {
35930   width: 104px !important;
35931   min-width: 104px !important;
35932   max-width: 104px !important; }
35933
35934 .height-112,
35935 .h-112 {
35936   height: 112px !important;
35937   min-height: 112px !important;
35938   max-height: 112px !important; }
35939
35940 .width-112,
35941 .w-112 {
35942   width: 112px !important;
35943   min-width: 112px !important;
35944   max-width: 112px !important; }
35945
35946 .height-128,
35947 .h-128 {
35948   height: 128px !important;
35949   min-height: 128px !important;
35950   max-height: 128px !important; }
35951
35952 .width-128,
35953 .w-128 {
35954   width: 128px !important;
35955   min-width: 128px !important;
35956   max-width: 128px !important; }
35957
35958 .height-136,
35959 .h-136 {
35960   height: 136px !important;
35961   min-height: 136px !important;
35962   max-height: 136px !important; }
35963
35964 .width-136,
35965 .w-136 {
35966   width: 136px !important;
35967   min-width: 136px !important;
35968   max-width: 136px !important; }
35969
35970 .height-144,
35971 .h-144 {
35972   height: 144px !important;
35973   min-height: 144px !important;
35974   max-height: 144px !important; }
35975
35976 .width-144,
35977 .w-144 {
35978   width: 144px !important;
35979   min-width: 144px !important;
35980   max-width: 144px !important; }
35981
35982 .height-152,
35983 .h-152 {
35984   height: 152px !important;
35985   min-height: 152px !important;
35986   max-height: 152px !important; }
35987
35988 .width-152,
35989 .w-152 {
35990   width: 152px !important;
35991   min-width: 152px !important;
35992   max-width: 152px !important; }
35993
35994 .height-168,
35995 .h-168 {
35996   height: 168px !important;
35997   min-height: 168px !important;
35998   max-height: 168px !important; }
35999
36000 .width-168,
36001 .w-168 {
36002   width: 168px !important;
36003   min-width: 168px !important;
36004   max-width: 168px !important; }
36005
36006 .height-176,
36007 .h-176 {
36008   height: 176px !important;
36009   min-height: 176px !important;
36010   max-height: 176px !important; }
36011
36012 .width-176,
36013 .w-176 {
36014   width: 176px !important;
36015   min-width: 176px !important;
36016   max-width: 176px !important; }
36017
36018 .height-184,
36019 .h-184 {
36020   height: 184px !important;
36021   min-height: 184px !important;
36022   max-height: 184px !important; }
36023
36024 .width-184,
36025 .w-184 {
36026   width: 184px !important;
36027   min-width: 184px !important;
36028   max-width: 184px !important; }
36029
36030 .height-192,
36031 .h-192 {
36032   height: 192px !important;
36033   min-height: 192px !important;
36034   max-height: 192px !important; }
36035
36036 .width-192,
36037 .w-192 {
36038   width: 192px !important;
36039   min-width: 192px !important;
36040   max-width: 192px !important; }
36041
36042 .height-208,
36043 .h-208 {
36044   height: 208px !important;
36045   min-height: 208px !important;
36046   max-height: 208px !important; }
36047
36048 .width-208,
36049 .w-208 {
36050   width: 208px !important;
36051   min-width: 208px !important;
36052   max-width: 208px !important; }
36053
36054 .height-216,
36055 .h-216 {
36056   height: 216px !important;
36057   min-height: 216px !important;
36058   max-height: 216px !important; }
36059
36060 .width-216,
36061 .w-216 {
36062   width: 216px !important;
36063   min-width: 216px !important;
36064   max-width: 216px !important; }
36065
36066 .height-224,
36067 .h-224 {
36068   height: 224px !important;
36069   min-height: 224px !important;
36070   max-height: 224px !important; }
36071
36072 .width-224,
36073 .w-224 {
36074   width: 224px !important;
36075   min-width: 224px !important;
36076   max-width: 224px !important; }
36077
36078 .height-232,
36079 .h-232 {
36080   height: 232px !important;
36081   min-height: 232px !important;
36082   max-height: 232px !important; }
36083
36084 .width-232,
36085 .w-232 {
36086   width: 232px !important;
36087   min-width: 232px !important;
36088   max-width: 232px !important; }
36089
36090 .height-248,
36091 .h-248 {
36092   height: 248px !important;
36093   min-height: 248px !important;
36094   max-height: 248px !important; }
36095
36096 .width-248,
36097 .w-248 {
36098   width: 248px !important;
36099   min-width: 248px !important;
36100   max-width: 248px !important; }
36101
36102 .height-256,
36103 .h-256 {
36104   height: 256px !important;
36105   min-height: 256px !important;
36106   max-height: 256px !important; }
36107
36108 .width-256,
36109 .w-256 {
36110   width: 256px !important;
36111   min-width: 256px !important;
36112   max-width: 256px !important; }
36113
36114 .height-264,
36115 .h-264 {
36116   height: 264px !important;
36117   min-height: 264px !important;
36118   max-height: 264px !important; }
36119
36120 .width-264,
36121 .w-264 {
36122   width: 264px !important;
36123   min-width: 264px !important;
36124   max-width: 264px !important; }
36125
36126 .height-272,
36127 .h-272 {
36128   height: 272px !important;
36129   min-height: 272px !important;
36130   max-height: 272px !important; }
36131
36132 .width-272,
36133 .w-272 {
36134   width: 272px !important;
36135   min-width: 272px !important;
36136   max-width: 272px !important; }
36137
36138 .height-288,
36139 .h-288 {
36140   height: 288px !important;
36141   min-height: 288px !important;
36142   max-height: 288px !important; }
36143
36144 .width-288,
36145 .w-288 {
36146   width: 288px !important;
36147   min-width: 288px !important;
36148   max-width: 288px !important; }
36149
36150 .height-296,
36151 .h-296 {
36152   height: 296px !important;
36153   min-height: 296px !important;
36154   max-height: 296px !important; }
36155
36156 .width-296,
36157 .w-296 {
36158   width: 296px !important;
36159   min-width: 296px !important;
36160   max-width: 296px !important; }
36161
36162 .height-304,
36163 .h-304 {
36164   height: 304px !important;
36165   min-height: 304px !important;
36166   max-height: 304px !important; }
36167
36168 .width-304,
36169 .w-304 {
36170   width: 304px !important;
36171   min-width: 304px !important;
36172   max-width: 304px !important; }
36173
36174 .height-312,
36175 .h-312 {
36176   height: 312px !important;
36177   min-height: 312px !important;
36178   max-height: 312px !important; }
36179
36180 .width-312,
36181 .w-312 {
36182   width: 312px !important;
36183   min-width: 312px !important;
36184   max-width: 312px !important; }
36185
36186 .height-328,
36187 .h-328 {
36188   height: 328px !important;
36189   min-height: 328px !important;
36190   max-height: 328px !important; }
36191
36192 .width-328,
36193 .w-328 {
36194   width: 328px !important;
36195   min-width: 328px !important;
36196   max-width: 328px !important; }
36197
36198 .height-336,
36199 .h-336 {
36200   height: 336px !important;
36201   min-height: 336px !important;
36202   max-height: 336px !important; }
36203
36204 .width-336,
36205 .w-336 {
36206   width: 336px !important;
36207   min-width: 336px !important;
36208   max-width: 336px !important; }
36209
36210 .height-344,
36211 .h-344 {
36212   height: 344px !important;
36213   min-height: 344px !important;
36214   max-height: 344px !important; }
36215
36216 .width-344,
36217 .w-344 {
36218   width: 344px !important;
36219   min-width: 344px !important;
36220   max-width: 344px !important; }
36221
36222 .height-352,
36223 .h-352 {
36224   height: 352px !important;
36225   min-height: 352px !important;
36226   max-height: 352px !important; }
36227
36228 .width-352,
36229 .w-352 {
36230   width: 352px !important;
36231   min-width: 352px !important;
36232   max-width: 352px !important; }
36233
36234 .height-368,
36235 .h-368 {
36236   height: 368px !important;
36237   min-height: 368px !important;
36238   max-height: 368px !important; }
36239
36240 .width-368,
36241 .w-368 {
36242   width: 368px !important;
36243   min-width: 368px !important;
36244   max-width: 368px !important; }
36245
36246 .height-376,
36247 .h-376 {
36248   height: 376px !important;
36249   min-height: 376px !important;
36250   max-height: 376px !important; }
36251
36252 .width-376,
36253 .w-376 {
36254   width: 376px !important;
36255   min-width: 376px !important;
36256   max-width: 376px !important; }
36257
36258 .height-384,
36259 .h-384 {
36260   height: 384px !important;
36261   min-height: 384px !important;
36262   max-height: 384px !important; }
36263
36264 .width-384,
36265 .w-384 {
36266   width: 384px !important;
36267   min-width: 384px !important;
36268   max-width: 384px !important; }
36269
36270 .height-392,
36271 .h-392 {
36272   height: 392px !important;
36273   min-height: 392px !important;
36274   max-height: 392px !important; }
36275
36276 .width-392,
36277 .w-392 {
36278   width: 392px !important;
36279   min-width: 392px !important;
36280   max-width: 392px !important; }
36281
36282 .height-408,
36283 .h-408 {
36284   height: 408px !important;
36285   min-height: 408px !important;
36286   max-height: 408px !important; }
36287
36288 .width-408,
36289 .w-408 {
36290   width: 408px !important;
36291   min-width: 408px !important;
36292   max-width: 408px !important; }
36293
36294 .height-416,
36295 .h-416 {
36296   height: 416px !important;
36297   min-height: 416px !important;
36298   max-height: 416px !important; }
36299
36300 .width-416,
36301 .w-416 {
36302   width: 416px !important;
36303   min-width: 416px !important;
36304   max-width: 416px !important; }
36305
36306 .height-424,
36307 .h-424 {
36308   height: 424px !important;
36309   min-height: 424px !important;
36310   max-height: 424px !important; }
36311
36312 .width-424,
36313 .w-424 {
36314   width: 424px !important;
36315   min-width: 424px !important;
36316   max-width: 424px !important; }
36317
36318 .height-432,
36319 .h-432 {
36320   height: 432px !important;
36321   min-height: 432px !important;
36322   max-height: 432px !important; }
36323
36324 .width-432,
36325 .w-432 {
36326   width: 432px !important;
36327   min-width: 432px !important;
36328   max-width: 432px !important; }
36329
36330 .height-448,
36331 .h-448 {
36332   height: 448px !important;
36333   min-height: 448px !important;
36334   max-height: 448px !important; }
36335
36336 .width-448,
36337 .w-448 {
36338   width: 448px !important;
36339   min-width: 448px !important;
36340   max-width: 448px !important; }
36341
36342 .height-456,
36343 .h-456 {
36344   height: 456px !important;
36345   min-height: 456px !important;
36346   max-height: 456px !important; }
36347
36348 .width-456,
36349 .w-456 {
36350   width: 456px !important;
36351   min-width: 456px !important;
36352   max-width: 456px !important; }
36353
36354 .height-464,
36355 .h-464 {
36356   height: 464px !important;
36357   min-height: 464px !important;
36358   max-height: 464px !important; }
36359
36360 .width-464,
36361 .w-464 {
36362   width: 464px !important;
36363   min-width: 464px !important;
36364   max-width: 464px !important; }
36365
36366 .height-472,
36367 .h-472 {
36368   height: 472px !important;
36369   min-height: 472px !important;
36370   max-height: 472px !important; }
36371
36372 .width-472,
36373 .w-472 {
36374   width: 472px !important;
36375   min-width: 472px !important;
36376   max-width: 472px !important; }
36377
36378 .height-488,
36379 .h-488 {
36380   height: 488px !important;
36381   min-height: 488px !important;
36382   max-height: 488px !important; }
36383
36384 .width-488,
36385 .w-488 {
36386   width: 488px !important;
36387   min-width: 488px !important;
36388   max-width: 488px !important; }
36389
36390 .height-496,
36391 .h-496 {
36392   height: 496px !important;
36393   min-height: 496px !important;
36394   max-height: 496px !important; }
36395
36396 .width-496,
36397 .w-496 {
36398   width: 496px !important;
36399   min-width: 496px !important;
36400   max-width: 496px !important; }
36401
36402 .height-504,
36403 .h-504 {
36404   height: 504px !important;
36405   min-height: 504px !important;
36406   max-height: 504px !important; }
36407
36408 .width-504,
36409 .w-504 {
36410   width: 504px !important;
36411   min-width: 504px !important;
36412   max-width: 504px !important; }
36413
36414 .height-512,
36415 .h-512 {
36416   height: 512px !important;
36417   min-height: 512px !important;
36418   max-height: 512px !important; }
36419
36420 .width-512,
36421 .w-512 {
36422   width: 512px !important;
36423   min-width: 512px !important;
36424   max-width: 512px !important; }
36425
36426 .height-528,
36427 .h-528 {
36428   height: 528px !important;
36429   min-height: 528px !important;
36430   max-height: 528px !important; }
36431
36432 .width-528,
36433 .w-528 {
36434   width: 528px !important;
36435   min-width: 528px !important;
36436   max-width: 528px !important; }
36437
36438 .height-536,
36439 .h-536 {
36440   height: 536px !important;
36441   min-height: 536px !important;
36442   max-height: 536px !important; }
36443
36444 .width-536,
36445 .w-536 {
36446   width: 536px !important;
36447   min-width: 536px !important;
36448   max-width: 536px !important; }
36449
36450 .height-544,
36451 .h-544 {
36452   height: 544px !important;
36453   min-height: 544px !important;
36454   max-height: 544px !important; }
36455
36456 .width-544,
36457 .w-544 {
36458   width: 544px !important;
36459   min-width: 544px !important;
36460   max-width: 544px !important; }
36461
36462 .height-552,
36463 .h-552 {
36464   height: 552px !important;
36465   min-height: 552px !important;
36466   max-height: 552px !important; }
36467
36468 .width-552,
36469 .w-552 {
36470   width: 552px !important;
36471   min-width: 552px !important;
36472   max-width: 552px !important; }
36473
36474 .height-568,
36475 .h-568 {
36476   height: 568px !important;
36477   min-height: 568px !important;
36478   max-height: 568px !important; }
36479
36480 .width-568,
36481 .w-568 {
36482   width: 568px !important;
36483   min-width: 568px !important;
36484   max-width: 568px !important; }
36485
36486 .height-576,
36487 .h-576 {
36488   height: 576px !important;
36489   min-height: 576px !important;
36490   max-height: 576px !important; }
36491
36492 .width-576,
36493 .w-576 {
36494   width: 576px !important;
36495   min-width: 576px !important;
36496   max-width: 576px !important; }
36497
36498 .height-584,
36499 .h-584 {
36500   height: 584px !important;
36501   min-height: 584px !important;
36502   max-height: 584px !important; }
36503
36504 .width-584,
36505 .w-584 {
36506   width: 584px !important;
36507   min-width: 584px !important;
36508   max-width: 584px !important; }
36509
36510 .height-592,
36511 .h-592 {
36512   height: 592px !important;
36513   min-height: 592px !important;
36514   max-height: 592px !important; }
36515
36516 .width-592,
36517 .w-592 {
36518   width: 592px !important;
36519   min-width: 592px !important;
36520   max-width: 592px !important; }
36521
36522 .height-608,
36523 .h-608 {
36524   height: 608px !important;
36525   min-height: 608px !important;
36526   max-height: 608px !important; }
36527
36528 .width-608,
36529 .w-608 {
36530   width: 608px !important;
36531   min-width: 608px !important;
36532   max-width: 608px !important; }
36533
36534 .height-616,
36535 .h-616 {
36536   height: 616px !important;
36537   min-height: 616px !important;
36538   max-height: 616px !important; }
36539
36540 .width-616,
36541 .w-616 {
36542   width: 616px !important;
36543   min-width: 616px !important;
36544   max-width: 616px !important; }
36545
36546 .height-624,
36547 .h-624 {
36548   height: 624px !important;
36549   min-height: 624px !important;
36550   max-height: 624px !important; }
36551
36552 .width-624,
36553 .w-624 {
36554   width: 624px !important;
36555   min-width: 624px !important;
36556   max-width: 624px !important; }
36557
36558 .height-632,
36559 .h-632 {
36560   height: 632px !important;
36561   min-height: 632px !important;
36562   max-height: 632px !important; }
36563
36564 .width-632,
36565 .w-632 {
36566   width: 632px !important;
36567   min-width: 632px !important;
36568   max-width: 632px !important; }
36569
36570 .height-648,
36571 .h-648 {
36572   height: 648px !important;
36573   min-height: 648px !important;
36574   max-height: 648px !important; }
36575
36576 .width-648,
36577 .w-648 {
36578   width: 648px !important;
36579   min-width: 648px !important;
36580   max-width: 648px !important; }
36581
36582 .height-656,
36583 .h-656 {
36584   height: 656px !important;
36585   min-height: 656px !important;
36586   max-height: 656px !important; }
36587
36588 .width-656,
36589 .w-656 {
36590   width: 656px !important;
36591   min-width: 656px !important;
36592   max-width: 656px !important; }
36593
36594 .height-664,
36595 .h-664 {
36596   height: 664px !important;
36597   min-height: 664px !important;
36598   max-height: 664px !important; }
36599
36600 .width-664,
36601 .w-664 {
36602   width: 664px !important;
36603   min-width: 664px !important;
36604   max-width: 664px !important; }
36605
36606 .height-672,
36607 .h-672 {
36608   height: 672px !important;
36609   min-height: 672px !important;
36610   max-height: 672px !important; }
36611
36612 .width-672,
36613 .w-672 {
36614   width: 672px !important;
36615   min-width: 672px !important;
36616   max-width: 672px !important; }
36617
36618 .height-688,
36619 .h-688 {
36620   height: 688px !important;
36621   min-height: 688px !important;
36622   max-height: 688px !important; }
36623
36624 .width-688,
36625 .w-688 {
36626   width: 688px !important;
36627   min-width: 688px !important;
36628   max-width: 688px !important; }
36629
36630 .height-696,
36631 .h-696 {
36632   height: 696px !important;
36633   min-height: 696px !important;
36634   max-height: 696px !important; }
36635
36636 .width-696,
36637 .w-696 {
36638   width: 696px !important;
36639   min-width: 696px !important;
36640   max-width: 696px !important; }
36641
36642 .height-704,
36643 .h-704 {
36644   height: 704px !important;
36645   min-height: 704px !important;
36646   max-height: 704px !important; }
36647
36648 .width-704,
36649 .w-704 {
36650   width: 704px !important;
36651   min-width: 704px !important;
36652   max-width: 704px !important; }
36653
36654 .height-712,
36655 .h-712 {
36656   height: 712px !important;
36657   min-height: 712px !important;
36658   max-height: 712px !important; }
36659
36660 .width-712,
36661 .w-712 {
36662   width: 712px !important;
36663   min-width: 712px !important;
36664   max-width: 712px !important; }
36665
36666 .height-728,
36667 .h-728 {
36668   height: 728px !important;
36669   min-height: 728px !important;
36670   max-height: 728px !important; }
36671
36672 .width-728,
36673 .w-728 {
36674   width: 728px !important;
36675   min-width: 728px !important;
36676   max-width: 728px !important; }
36677
36678 .height-736,
36679 .h-736 {
36680   height: 736px !important;
36681   min-height: 736px !important;
36682   max-height: 736px !important; }
36683
36684 .width-736,
36685 .w-736 {
36686   width: 736px !important;
36687   min-width: 736px !important;
36688   max-width: 736px !important; }
36689
36690 .height-744,
36691 .h-744 {
36692   height: 744px !important;
36693   min-height: 744px !important;
36694   max-height: 744px !important; }
36695
36696 .width-744,
36697 .w-744 {
36698   width: 744px !important;
36699   min-width: 744px !important;
36700   max-width: 744px !important; }
36701
36702 .height-752,
36703 .h-752 {
36704   height: 752px !important;
36705   min-height: 752px !important;
36706   max-height: 752px !important; }
36707
36708 .width-752,
36709 .w-752 {
36710   width: 752px !important;
36711   min-width: 752px !important;
36712   max-width: 752px !important; }
36713
36714 .height-768,
36715 .h-768 {
36716   height: 768px !important;
36717   min-height: 768px !important;
36718   max-height: 768px !important; }
36719
36720 .width-768,
36721 .w-768 {
36722   width: 768px !important;
36723   min-width: 768px !important;
36724   max-width: 768px !important; }
36725
36726 .height-776,
36727 .h-776 {
36728   height: 776px !important;
36729   min-height: 776px !important;
36730   max-height: 776px !important; }
36731
36732 .width-776,
36733 .w-776 {
36734   width: 776px !important;
36735   min-width: 776px !important;
36736   max-width: 776px !important; }
36737
36738 .height-784,
36739 .h-784 {
36740   height: 784px !important;
36741   min-height: 784px !important;
36742   max-height: 784px !important; }
36743
36744 .width-784,
36745 .w-784 {
36746   width: 784px !important;
36747   min-width: 784px !important;
36748   max-width: 784px !important; }
36749
36750 .height-792,
36751 .h-792 {
36752   height: 792px !important;
36753   min-height: 792px !important;
36754   max-height: 792px !important; }
36755
36756 .width-792,
36757 .w-792 {
36758   width: 792px !important;
36759   min-width: 792px !important;
36760   max-width: 792px !important; }
36761
36762 .border,
36763 .b {
36764   border: 1px solid rgba(0, 0, 0, 0.12); }
36765
36766 .border-top,
36767 .bt {
36768   border-top: 1px solid rgba(0, 0, 0, 0.12); }
36769
36770 .border-right,
36771 .br {
36772   border-right: 1px solid rgba(0, 0, 0, 0.12); }
36773
36774 .border-bottom,
36775 .bb {
36776   border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
36777
36778 .border-left,
36779 .bl {
36780   border-left: 1px solid rgba(0, 0, 0, 0.12); }
36781
36782 .border-horizontal,
36783 .bh {
36784   border-left: 1px solid rgba(0, 0, 0, 0.12);
36785   border-right: 1px solid rgba(0, 0, 0, 0.12); }
36786
36787 .border-vertical,
36788 .bv {
36789   border-top: 1px solid rgba(0, 0, 0, 0.12);
36790   border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
36791
36792 .brad-1 {
36793   border-radius: 1px; }
36794
36795 .brad-2 {
36796   border-radius: 2px; }
36797
36798 .brad-3 {
36799   border-radius: 3px; }
36800
36801 .brad-4 {
36802   border-radius: 4px; }
36803
36804 .brad-5 {
36805   border-radius: 5px; }
36806
36807 .brad-6 {
36808   border-radius: 6px; }
36809
36810 .brad-7 {
36811   border-radius: 7px; }
36812
36813 .brad-8 {
36814   border-radius: 8px; }
36815
36816 .brad-9 {
36817   border-radius: 9px; }
36818
36819 .brad-10 {
36820   border-radius: 10px; }
36821
36822 .brad-11 {
36823   border-radius: 11px; }
36824
36825 .brad-12 {
36826   border-radius: 12px; }
36827
36828 /*----------------------------------------------------------------*/
36829 /*  Print
36830 /*----------------------------------------------------------------*/
36831 @media all {
36832   /* Never show page break in normal view */
36833   .page-break {
36834     display: none; } }
36835
36836 @media print {
36837   /* Page Styles */
36838   @page {}  /* Page break */
36839   .page-break {
36840     display: block;
36841     break-after: always;
36842     page-break-after: always; }
36843   /* General styles */
36844   #main #vertical-navigation {
36845     display: none; }
36846   #main #toolbar {
36847     display: none; }
36848   #main #quick-panel {
36849     display: none; }
36850   #main #content {
36851     position: relative !important;
36852     top: 0 !important;
36853     right: 0 !important;
36854     bottom: 0 !important;
36855     left: 0 !important;
36856     background: none !important; }
36857   ms-theme-options {
36858     display: none; }
36859   .ps-scrollbar-x-rail,
36860   .ps-scrollbar-y-rail {
36861     display: none !important; }
36862   /* Printable page specific styles */
36863   .printable {
36864     overflow: visible !important; }
36865     .printable .template-layout {
36866       display: inline !important; } }
36867
36868 /*----------------------------------------------------------------*/
36869 /*  ms-card
36870 /*----------------------------------------------------------------*/
36871 .ms-card {
36872   display: flex;
36873   flex-direction: row;
36874   padding: 8px; }
36875   .ms-card .ms-card-content-wrapper {
36876     position: relative;
36877     overflow: hidden;
36878     width: 100%;
36879     max-width: 400px;
36880     border-radius: 2px;
36881     background: white;
36882     box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); }
36883
36884 .ms-card .template-1 .media .image {
36885   width: 100%;
36886   border-radius: 2px 2px 0 0; }
36887
36888 .ms-card .template-10 .media {
36889   width: 80px;
36890   min-width: 80px;
36891   max-width: 80px; }
36892
36893 .ms-card .template-2 .header .avatar .image {
36894   display: block;
36895   width: 40px;
36896   height: 40px;
36897   border-radius: 20px; }
36898
36899 .ms-card .template-2 .media .image {
36900   width: 100%; }
36901
36902 .ms-card .template-4 .info {
36903   position: absolute;
36904   right: 0;
36905   bottom: 0;
36906   left: 0;
36907   z-index: 2;
36908   background: rgba(0, 0, 0, 0.54); }
36909
36910 .ms-card .template-4 .media {
36911   z-index: 1; }
36912   .ms-card .template-4 .media .image {
36913     width: 100%; }
36914
36915 .ms-card .template-5 .media {
36916   width: 80px;
36917   min-width: 80px;
36918   max-width: 80px; }
36919
36920 .ms-card .template-5 .info,
36921 .ms-card .template-5 .media {
36922   -ms-flex: 0 1 auto; }
36923
36924 .ms-card .template-8 .media .image {
36925   width: 100%;
36926   border-radius: 2px 2px 0 0; }
36927
36928 .ms-card .template-9 .header .avatar .image {
36929   display: block;
36930   width: 40px;
36931   height: 40px;
36932   border-radius: 20px; }
36933
36934 .ms-card .template-9 .media .image {
36935   width: 100%; }
36936
36937 md-dialog.dashboarditem-dialog {
36938   max-width: 720px;
36939   width: 720px; }
36940   md-dialog.dashboarditem-dialog md-dialog-content {
36941     display: block;
36942     position: relative; }
36943   md-dialog.dashboarditem-dialog md-toolbar .title {
36944     font-size: 17px; }
36945   md-dialog.dashboarditem-dialog md-input-container textarea {
36946     min-height: 150px; }
36947   md-dialog.dashboarditem-dialog md-input-container .hint {
36948     font-size: 12px;
36949     line-height: 20px;
36950     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
36951     /* Set our own color */
36952     color: grey; }
36953   md-dialog.dashboarditem-dialog md-input-container md-input-container md-switch {
36954     margin: 0px !important; }
36955   md-dialog.dashboarditem-dialog .date-container {
36956     padding: 16px 0 24px 0; }
36957   md-dialog.dashboarditem-dialog .error-list {
36958     font-size: 13px;
36959     padding-top: -40px; }
36960     md-dialog.dashboarditem-dialog .error-list .error {
36961       background-color: rgba(244, 67, 54, 0.08);
36962       border: 1px solid rgba(244, 67, 54, 0.12);
36963       padding-left: 16px;
36964       margin-top: 8px;
36965       border-radius: 2px; }
36966       md-dialog.dashboarditem-dialog .error-list .error .message {
36967         font-weight: 500; }
36968       md-dialog.dashboarditem-dialog .error-list .error .md-button {
36969         margin: 0; }
36970       md-dialog.dashboarditem-dialog .error-list .error:last-child {
36971         margin-bottom: 30px; }
36972   md-dialog.dashboarditem-dialog md-dialog-actions {
36973     position: relative;
36974     overflow-y: hidden;
36975     overflow-x: auto;
36976     justify-content: space-between;
36977     background-color: rgba(0, 0, 0, 0.03);
36978     border-top: 1px solid rgba(0, 0, 0, 0.12); }
36979
36980 @media screen and (max-width: 1280px) {
36981   md-dialog.task-dialog {
36982     width: 80%; } }
36983
36984 @media screen and (max-width: 960px) {
36985   md-dialog.task-dialog {
36986     width: 90%; } }
36987
36988 md-dialog.dashboarditem-dialog {
36989   max-width: 720px;
36990   width: 720px; }
36991   md-dialog.dashboarditem-dialog md-dialog-content {
36992     display: block;
36993     position: relative; }
36994   md-dialog.dashboarditem-dialog md-toolbar .title {
36995     font-size: 17px; }
36996   md-dialog.dashboarditem-dialog md-input-container textarea {
36997     min-height: 150px; }
36998   md-dialog.dashboarditem-dialog md-input-container .hint {
36999     font-size: 12px;
37000     line-height: 20px;
37001     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
37002     /* Set our own color */
37003     color: grey; }
37004   md-dialog.dashboarditem-dialog md-input-container md-input-container md-switch {
37005     margin: 0px !important; }
37006   md-dialog.dashboarditem-dialog .date-container {
37007     padding: 16px 0 24px 0; }
37008   md-dialog.dashboarditem-dialog .error-list {
37009     font-size: 13px;
37010     padding-top: -40px; }
37011     md-dialog.dashboarditem-dialog .error-list .error {
37012       background-color: rgba(244, 67, 54, 0.08);
37013       border: 1px solid rgba(244, 67, 54, 0.12);
37014       padding-left: 16px;
37015       margin-top: 8px;
37016       border-radius: 2px; }
37017       md-dialog.dashboarditem-dialog .error-list .error .message {
37018         font-weight: 500; }
37019       md-dialog.dashboarditem-dialog .error-list .error .md-button {
37020         margin: 0; }
37021       md-dialog.dashboarditem-dialog .error-list .error:last-child {
37022         margin-bottom: 30px; }
37023   md-dialog.dashboarditem-dialog md-dialog-actions {
37024     position: relative;
37025     overflow-y: hidden;
37026     overflow-x: auto;
37027     justify-content: space-between;
37028     background-color: rgba(0, 0, 0, 0.03);
37029     border-top: 1px solid rgba(0, 0, 0, 0.12); }
37030
37031 @media screen and (max-width: 1280px) {
37032   md-dialog.task-dialog {
37033     width: 80%; } }
37034
37035 @media screen and (max-width: 960px) {
37036   md-dialog.task-dialog {
37037     width: 90%; } }
37038
37039 md-dialog.dashboarditem-dialog {
37040   max-width: 720px;
37041   width: 720px; }
37042   md-dialog.dashboarditem-dialog md-dialog-content {
37043     display: block;
37044     position: relative; }
37045   md-dialog.dashboarditem-dialog md-toolbar .title {
37046     font-size: 17px; }
37047   md-dialog.dashboarditem-dialog md-input-container textarea {
37048     min-height: 150px; }
37049   md-dialog.dashboarditem-dialog md-input-container .hint {
37050     font-size: 12px;
37051     line-height: 20px;
37052     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
37053     /* Set our own color */
37054     color: grey; }
37055   md-dialog.dashboarditem-dialog md-input-container md-input-container md-switch {
37056     margin: 0px !important; }
37057   md-dialog.dashboarditem-dialog .date-container {
37058     padding: 16px 0 24px 0; }
37059   md-dialog.dashboarditem-dialog .error-list {
37060     font-size: 13px;
37061     padding-top: -40px; }
37062     md-dialog.dashboarditem-dialog .error-list .error {
37063       background-color: rgba(244, 67, 54, 0.08);
37064       border: 1px solid rgba(244, 67, 54, 0.12);
37065       padding-left: 16px;
37066       margin-top: 8px;
37067       border-radius: 2px; }
37068       md-dialog.dashboarditem-dialog .error-list .error .message {
37069         font-weight: 500; }
37070       md-dialog.dashboarditem-dialog .error-list .error .md-button {
37071         margin: 0; }
37072       md-dialog.dashboarditem-dialog .error-list .error:last-child {
37073         margin-bottom: 30px; }
37074   md-dialog.dashboarditem-dialog md-dialog-actions {
37075     position: relative;
37076     overflow-y: hidden;
37077     overflow-x: auto;
37078     justify-content: space-between;
37079     background-color: rgba(0, 0, 0, 0.03);
37080     border-top: 1px solid rgba(0, 0, 0, 0.12); }
37081
37082 @media screen and (max-width: 1280px) {
37083   md-dialog.task-dialog {
37084     width: 80%; } }
37085
37086 @media screen and (max-width: 960px) {
37087   md-dialog.task-dialog {
37088     width: 90%; } }
37089
37090 md-dialog.dashboarditem-dialog {
37091   max-width: 720px;
37092   width: 720px; }
37093   md-dialog.dashboarditem-dialog md-dialog-content {
37094     display: block;
37095     position: relative; }
37096   md-dialog.dashboarditem-dialog md-toolbar .title {
37097     font-size: 17px; }
37098   md-dialog.dashboarditem-dialog md-input-container textarea {
37099     min-height: 150px; }
37100   md-dialog.dashboarditem-dialog md-input-container .hint {
37101     font-size: 12px;
37102     line-height: 20px;
37103     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
37104     /* Set our own color */
37105     color: grey; }
37106   md-dialog.dashboarditem-dialog md-input-container md-input-container md-switch {
37107     margin: 0px !important; }
37108   md-dialog.dashboarditem-dialog .date-container {
37109     padding: 16px 0 24px 0; }
37110   md-dialog.dashboarditem-dialog .error-list {
37111     font-size: 13px;
37112     padding-top: -40px; }
37113     md-dialog.dashboarditem-dialog .error-list .error {
37114       background-color: rgba(244, 67, 54, 0.08);
37115       border: 1px solid rgba(244, 67, 54, 0.12);
37116       padding-left: 16px;
37117       margin-top: 8px;
37118       border-radius: 2px; }
37119       md-dialog.dashboarditem-dialog .error-list .error .message {
37120         font-weight: 500; }
37121       md-dialog.dashboarditem-dialog .error-list .error .md-button {
37122         margin: 0; }
37123       md-dialog.dashboarditem-dialog .error-list .error:last-child {
37124         margin-bottom: 30px; }
37125   md-dialog.dashboarditem-dialog md-dialog-actions {
37126     position: relative;
37127     overflow-y: hidden;
37128     overflow-x: auto;
37129     justify-content: space-between;
37130     background-color: rgba(0, 0, 0, 0.03);
37131     border-top: 1px solid rgba(0, 0, 0, 0.12); }
37132
37133 @media screen and (max-width: 1280px) {
37134   md-dialog.task-dialog {
37135     width: 80%; } }
37136
37137 @media screen and (max-width: 960px) {
37138   md-dialog.task-dialog {
37139     width: 90%; } }
37140
37141 .ms-form-wizard {
37142   background: #FFFFFF;
37143   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
37144   .ms-form-wizard md-tabs md-tabs-wrapper {
37145     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
37146     .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas {
37147       height: 72px; }
37148       .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
37149         height: 72px; }
37150         .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
37151           opacity: 1 !important;
37152           padding: 24px; }
37153           .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:before {
37154             content: '';
37155             display: block;
37156             position: absolute;
37157             top: 50%;
37158             left: 0;
37159             right: 50%;
37160             border-bottom: 1px solid rgba(0, 0, 0, 0.12);
37161             z-index: 8; }
37162           .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:after {
37163             content: '';
37164             display: block;
37165             position: absolute;
37166             top: 50%;
37167             left: 50%;
37168             right: 0;
37169             border-bottom: 1px solid rgba(0, 0, 0, 0.12);
37170             z-index: 8; }
37171           .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:first-of-type:before {
37172             display: none; }
37173           .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:last-of-type:after {
37174             display: none; }
37175           .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-disabled .ms-form-wizard-step-label .ms-form-wizard-step-number {
37176             background: rgba(0, 0, 0, 0.12) !important; }
37177           .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item .md-ripple-container {
37178             z-index: 11; }
37179       .ms-form-wizard md-tabs md-tabs-wrapper md-tabs-canvas md-ink-bar {
37180         display: none !important; }
37181   .ms-form-wizard .ms-form-wizard-step-label {
37182     display: inline-block;
37183     position: relative;
37184     background: #FFFFFF;
37185     z-index: 10;
37186     padding: 0 16px;
37187     line-height: 24px; }
37188     .ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-number {
37189       display: inline-block;
37190       vertical-align: middle;
37191       width: 24px;
37192       height: 24px;
37193       line-height: 24px;
37194       font-size: 14px;
37195       margin-right: 12px;
37196       border-radius: 50%;
37197       color: #FFFFFF !important; }
37198       .ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-number i {
37199         line-height: 24px !important; }
37200     .ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-text {
37201       display: inline-block;
37202       vertical-align: middle;
37203       position: relative;
37204       line-height: 24px; }
37205   .ms-form-wizard .ms-form-wizard-form {
37206     padding: 24px 16px; }
37207   .ms-form-wizard .navigation {
37208     padding: 16px; }
37209     .ms-form-wizard .navigation .steps {
37210       display: flex;
37211       align-items: center;
37212       justify-content: center;
37213       padding: 0 16px; }
37214       .ms-form-wizard .navigation .steps span {
37215         width: 5px;
37216         height: 5px;
37217         margin: 0 4px;
37218         border-radius: 50%; }
37219         .ms-form-wizard .navigation .steps span:not(.md-accent-bg) {
37220           background: rgba(0, 0, 0, 0.12); }
37221         .ms-form-wizard .navigation .steps span.selected {
37222           width: 8px;
37223           height: 8px; }
37224
37225 body.ms-info-bar-active #main {
37226   top: 64px; }
37227
37228 ms-info-bar {
37229   display: block;
37230   position: relative;
37231   width: 100%;
37232   height: 64px;
37233   background-color: #E91E63;
37234   z-index: 99998;
37235   box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
37236   ms-info-bar #ms-info-bar-message {
37237     padding: 8px 16px;
37238     line-height: 48px;
37239     font-size: 16px; }
37240     ms-info-bar #ms-info-bar-message a {
37241       overflow: hidden;
37242       height: 48px;
37243       color: #FFFFFF; }
37244
37245 ms-masonry {
37246   width: 100%;
37247   display: block; }
37248   ms-masonry ms-masonry-item,
37249   ms-masonry [ms-masonry-item] {
37250     transition: transform 300ms ease;
37251     position: absolute;
37252     transform: translate3d(50vw, 100vh, 0); }
37253
37254 /*----------------------------------------------------------------*/
37255 /*  ms-material-color-picker
37256 /*----------------------------------------------------------------*/
37257 ms-material-color-picker md-menu .md-button {
37258   font-size: 12px; }
37259
37260 md-menu-content.ms-material-color-picker-menu-content {
37261   width: 208px;
37262   max-width: 208px;
37263   min-width: 208px;
37264   padding: 0;
37265   overflow: hidden; }
37266   md-menu-content.ms-material-color-picker-menu-content header {
37267     height: 48px;
37268     text-transform: uppercase; }
37269     md-menu-content.ms-material-color-picker-menu-content header .md-button {
37270       display: flex;
37271       margin: 0; }
37272     md-menu-content.ms-material-color-picker-menu-content header > span {
37273       line-height: 13px; }
37274   md-menu-content.ms-material-color-picker-menu-content .colors {
37275     position: relative;
37276     width: 208px;
37277     min-height: 258px;
37278     height: 258px;
37279     padding: 4px; }
37280     md-menu-content.ms-material-color-picker-menu-content .colors .color {
37281       position: relative;
37282       width: 46px;
37283       height: 46px;
37284       margin: 2px;
37285       border-radius: 0;
37286       cursor: pointer; }
37287       md-menu-content.ms-material-color-picker-menu-content .colors .color .label {
37288         padding: 2px;
37289         font-size: 10px; }
37290       md-menu-content.ms-material-color-picker-menu-content .colors .color .icon-check {
37291         position: absolute;
37292         top: 2px;
37293         right: 2px;
37294         font-size: 16px;
37295         opacity: 0.7; }
37296
37297 ms-nav {
37298   display: block;
37299   position: relative;
37300   color: rgba(255, 255, 255, 0.7);
37301   user-select: none;
37302   z-index: 70; }
37303   ms-nav ms-nav-item {
37304     display: block;
37305     position: relative;
37306     line-height: 48px; }
37307     ms-nav ms-nav-item.ms-nav-title {
37308       line-height: 32px;
37309       font-size: 12px;
37310       font-weight: 500;
37311       margin-top: 8px;
37312       padding: 0 24px;
37313       width: 100%;
37314       color: rgba(255, 255, 255, 0.3);
37315       text-transform: uppercase;
37316       white-space: nowrap;
37317       overflow: hidden;
37318       text-overflow: ellipsis; }
37319     ms-nav ms-nav-item .ms-nav-button {
37320       display: flex;
37321       align-self: flex-start;
37322       align-items: center;
37323       position: relative;
37324       cursor: pointer;
37325       padding: 0 48px 0 24px;
37326       color: rgba(255, 255, 255, 0.7);
37327       text-decoration: none; }
37328       ms-nav ms-nav-item .ms-nav-button:not(.active):hover {
37329         background: rgba(0, 0, 0, 0.1);
37330         text-decoration: none; }
37331       ms-nav ms-nav-item .ms-nav-button .ms-nav-label {
37332         white-space: nowrap;
37333         overflow: hidden;
37334         text-overflow: ellipsis;
37335         transition: opacity 0.2s ease-in-out 0.1s; }
37336       ms-nav ms-nav-item .ms-nav-button .arrow {
37337         position: absolute;
37338         top: 16px;
37339         right: 24px;
37340         margin: 0;
37341         transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out 0.1s; }
37342       ms-nav ms-nav-item .ms-nav-button .ms-nav-badge {
37343         position: absolute;
37344         top: 50%;
37345         right: 24px;
37346         min-width: 20px;
37347         height: 20px;
37348         line-height: 20px;
37349         padding: 0 7px;
37350         font-size: 11px;
37351         font-weight: bold;
37352         border-radius: 20px;
37353         transform: translateY(-50%);
37354         transition: opacity 0.2s ease-in-out 0.1s; }
37355       ms-nav ms-nav-item .ms-nav-button.active {
37356         color: #FFFFFF !important; }
37357         ms-nav ms-nav-item .ms-nav-button.active .ms-nav-badge {
37358           background: #FFFFFF !important;
37359           color: rgba(0, 0, 0, 0.87) !important; }
37360         ms-nav ms-nav-item .ms-nav-button.active i {
37361           color: #FFFFFF; }
37362     ms-nav ms-nav-item i {
37363       color: rgba(255, 255, 255, 0.7);
37364       margin: 0 16px 0 0; }
37365   ms-nav .ms-nav-toggle ms-nav-toggle-items {
37366     display: none;
37367     overflow: hidden; }
37368     ms-nav .ms-nav-toggle ms-nav-toggle-items.expand-animation {
37369       transition: height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
37370     ms-nav .ms-nav-toggle ms-nav-toggle-items.collapse-animation {
37371       transition: height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
37372     ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item {
37373       /* Level 1 */
37374       /* Level 2 */ }
37375       ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item .ms-nav-button {
37376         padding-left: 58px; }
37377       ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item {
37378         /* Level 3 */ }
37379         ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
37380           padding-left: 68px; }
37381         ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item {
37382           /* Level 4 */ }
37383           ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
37384             padding-left: 78px; }
37385           ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item {
37386             /* Level 5 */ }
37387             ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
37388               padding-left: 88px; }
37389             ms-nav .ms-nav-toggle ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item ms-nav-toggle-items ms-nav-item .ms-nav-button {
37390               padding-left: 98px; }
37391   ms-nav .ms-nav-toggle.active > .ms-nav-button {
37392     color: white; }
37393     ms-nav .ms-nav-toggle.active > .ms-nav-button a,
37394     ms-nav .ms-nav-toggle.active > .ms-nav-button md-icon {
37395       color: white; }
37396   ms-nav .ms-nav-toggle[collapsed="false"] > .ms-nav-button > .arrow {
37397     transform: rotate(90deg); }
37398   ms-nav > .ms-nav-toggle[collapsed="false"] {
37399     background-color: rgba(0, 0, 0, 0.12); }
37400
37401 @media only screen and (min-width: 1280px) {
37402   .ms-nav-folded #ms-nav-fold-close-overlay {
37403     position: absolute;
37404     top: 0;
37405     right: 0;
37406     bottom: 0;
37407     left: 0;
37408     background: transparent;
37409     z-index: 998; }
37410   .ms-nav-folded #ms-nav-fold-open-overlay {
37411     position: absolute;
37412     top: 0;
37413     right: 0;
37414     bottom: 0;
37415     left: 0;
37416     z-index: 999; }
37417   .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item.ms-nav-title {
37418     height: 32px; }
37419     .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item.ms-nav-title:before {
37420       content: '';
37421       display: block;
37422       position: relative;
37423       top: 12px;
37424       width: 16px;
37425       border-top: 1px solid rgba(255, 255, 255, 0.12); }
37426     .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item.ms-nav-title span {
37427       display: none; }
37428   .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button {
37429     height: 48px; }
37430     .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button > .ms-nav-label,
37431     .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button > .ms-nav-badge,
37432     .ms-nav-folded:not(.ms-nav-folded-open) ms-nav ms-nav-item .ms-nav-button > .arrow {
37433       opacity: 0;
37434       visibility: hidden; } }
37435
37436 /*----------------------------------------------------------------*/
37437 /*  ms-navigation
37438 /*----------------------------------------------------------------*/
37439 .ms-navigation {
37440   display: block;
37441   position: relative;
37442   color: rgba(255, 255, 255, 0.7);
37443   user-select: none; }
37444   .ms-navigation ul,
37445   .ms-navigation li {
37446     padding: 0;
37447     margin: 0; }
37448   .ms-navigation ul {
37449     display: block;
37450     overflow: hidden; }
37451     .ms-navigation ul li {
37452       position: relative; }
37453       .ms-navigation ul li.collapsed ul {
37454         display: none; }
37455   .ms-navigation .animate-height {
37456     transition: height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
37457   .ms-navigation .ms-navigation-node .ms-navigation-item {
37458     display: block;
37459     position: relative;
37460     cursor: pointer;
37461     color: rgba(255, 255, 255, 0.7); }
37462     .ms-navigation .ms-navigation-node .ms-navigation-item:hover {
37463       background: rgba(0, 0, 0, 0.1); }
37464     .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button {
37465       display: flex;
37466       position: relative;
37467       width: 100%;
37468       height: 48px;
37469       line-height: 48px;
37470       flex-direction: row;
37471       justify-content: flex-start;
37472       align-items: center;
37473       padding-right: 16px;
37474       color: rgba(255, 255, 255, 0.7);
37475       text-decoration: none;
37476       white-space: nowrap;
37477       overflow: hidden; }
37478       .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button .icon {
37479         color: rgba(255, 255, 255, 0.7);
37480         margin: 0 16px 0 0; }
37481       .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button span {
37482         white-space: nowrap;
37483         overflow: hidden;
37484         opacity: 1;
37485         transition: opacity 0.25s ease-in-out 0.1s; }
37486       .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button a {
37487         white-space: nowrap;
37488         overflow: hidden;
37489         opacity: 1;
37490         transition: opacity 0.25s ease-in-out 0.1s; }
37491       .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button .arrow {
37492         margin: 0;
37493         opacity: 1;
37494         transition: transform 0.3s ease-in-out, opacity 0.25s ease-in-out 0.1s; }
37495       .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button .badge {
37496         position: absolute;
37497         top: 50%;
37498         right: 16px;
37499         min-width: 20px;
37500         height: 20px;
37501         line-height: 20px;
37502         padding: 0 7px;
37503         font-size: 11px;
37504         font-weight: bold;
37505         border-radius: 20px;
37506         transform: translateY(-50%);
37507         transition: opacity 0.2s ease-in-out 0.1s; }
37508       .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button.active {
37509         color: #FFFFFF; }
37510         .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button.active .icon {
37511           color: #FFFFFF; }
37512         .ms-navigation .ms-navigation-node .ms-navigation-item > .ms-navigation-button.active .badge {
37513           background: #FFFFFF !important;
37514           color: rgba(0, 0, 0, 0.87) !important; }
37515   .ms-navigation .ms-navigation-node:not(.collapsed) > .ms-navigation-item > .ms-navigation-button .arrow {
37516     transform: rotate(90deg); }
37517   .ms-navigation .ms-navigation-node.group > .ms-navigation-item {
37518     font-size: 12px;
37519     font-weight: 500;
37520     margin-top: 8px;
37521     cursor: auto;
37522     background: none !important;
37523     text-transform: uppercase;
37524     white-space: nowrap;
37525     overflow: hidden;
37526     text-overflow: ellipsis; }
37527     .ms-navigation .ms-navigation-node.group > .ms-navigation-item > .ms-navigation-button {
37528       height: 32px;
37529       line-height: 32px;
37530       color: rgba(255, 255, 255, 0.3); }
37531   .ms-navigation .ms-navigation-node:not(.group).has-children:not(.collapsed) {
37532     background-color: rgba(0, 0, 0, 0.12); }
37533   .ms-navigation .ms-navigation-node:not(.group).has-children.collapsing {
37534     background-color: rgba(0, 0, 0, 0.12); }
37535   .ms-navigation .ms-navigation-node:not(.group).has-children .has-children:not(.collapsed) {
37536     background: none; }
37537   .ms-navigation li .ms-navigation-button {
37538     padding-left: 24px; }
37539   .ms-navigation li li .ms-navigation-button {
37540     padding-left: 56px; }
37541   .ms-navigation li li li .ms-navigation-button {
37542     padding-left: 72px; }
37543   .ms-navigation li li li li .ms-navigation-button {
37544     padding-left: 88px; }
37545   .ms-navigation li li li li li .ms-navigation-button {
37546     padding-left: 104px; }
37547   .ms-navigation li.group .ms-navigation-button {
37548     padding-left: 24px; }
37549   .ms-navigation li.group li .ms-navigation-button {
37550     padding-left: 24px; }
37551   .ms-navigation li.group li li .ms-navigation-button {
37552     padding-left: 56px; }
37553   .ms-navigation li.group li li li .ms-navigation-button {
37554     padding-left: 72px; }
37555   .ms-navigation li.group li li li li .ms-navigation-button {
37556     padding-left: 88px; }
37557
37558 #horizontal-navigation {
37559   height: 64px;
37560   min-height: 64px;
37561   max-height: 64px;
37562   background: #FFFFFF;
37563   z-index: 54; }
37564   #horizontal-navigation .ms-navigation-horizontal {
37565     display: flex;
37566     position: relative;
37567     user-select: none; }
37568     #horizontal-navigation .ms-navigation-horizontal ul,
37569     #horizontal-navigation .ms-navigation-horizontal li {
37570       padding: 0;
37571       margin: 0;
37572       list-style: none; }
37573     #horizontal-navigation .ms-navigation-horizontal .horizontal {
37574       display: flex;
37575       flex: 1; }
37576       #horizontal-navigation .ms-navigation-horizontal .horizontal li {
37577         position: relative;
37578         cursor: pointer; }
37579         #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active):hover {
37580           background: rgba(0, 0, 0, 0.12); }
37581       #horizontal-navigation .ms-navigation-horizontal .horizontal > li > .ms-navigation-horizontal-item > .ms-navigation-horizontal-button {
37582         display: block;
37583         float: left;
37584         padding: 12px 14px; }
37585         #horizontal-navigation .ms-navigation-horizontal .horizontal > li > .ms-navigation-horizontal-item > .ms-navigation-horizontal-button .arrow {
37586           display: none; }
37587         #horizontal-navigation .ms-navigation-horizontal .horizontal > li > .ms-navigation-horizontal-item > .ms-navigation-horizontal-button.active {
37588           background: none;
37589           border-bottom: 2px solid; }
37590       #horizontal-navigation .ms-navigation-horizontal .horizontal > li:last-child {
37591         margin-right: 0; }
37592       #horizontal-navigation .ms-navigation-horizontal .horizontal > li li .ms-navigation-horizontal-item .ms-navigation-horizontal-button.active {
37593         color: #FFFFFF !important; }
37594       #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children ul {
37595         display: none;
37596         position: absolute;
37597         background: #FFFFFF;
37598         z-index: 999;
37599         min-width: 200px;
37600         box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
37601         top: 0;
37602         left: 100%; }
37603       #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children:hover > ul {
37604         display: block; }
37605       #horizontal-navigation .ms-navigation-horizontal .horizontal > .has-children > ul {
37606         top: 100%;
37607         left: 0; }
37608       #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button {
37609         display: flex;
37610         align-items: center;
37611         width: 100%;
37612         color: rgba(0, 0, 0, 0.87);
37613         white-space: nowrap;
37614         padding: 14px 16px;
37615         text-decoration: none; }
37616         #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button .icon {
37617           color: rgba(0, 0, 0, 0.54);
37618           margin-right: 8px; }
37619         #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button .badge {
37620           min-width: 20px;
37621           height: 20px;
37622           line-height: 20px;
37623           padding: 0 7px;
37624           font-size: 11px;
37625           font-weight: bold;
37626           border-radius: 20px;
37627           transition: opacity 0.2s ease-in-out 0.1s; }
37628         #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button .arrow {
37629           margin-left: 8px; }
37630         #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button.active .badge {
37631           background: #FFFFFF !important;
37632           color: rgba(0, 0, 0, 0.87) !important; }
37633         #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item .ms-navigation-horizontal-button.active .icon {
37634           color: #FFFFFF; }
37635
37636 @media only screen and (min-width: 960px) {
37637   body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .animate-height {
37638     transition: none; }
37639   body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .icon {
37640     margin: 0; }
37641   body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .title,
37642   body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .arrow,
37643   body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node .ms-navigation-item .ms-navigation-button .badge {
37644     opacity: 0;
37645     visibility: hidden; }
37646   body.ms-navigation-folded:not(.ms-navigation-folded-open) .ms-navigation .ms-navigation-node.group > .ms-navigation-item .ms-navigation-button:before {
37647     content: '';
37648     display: block;
37649     position: relative;
37650     width: 16px;
37651     border-top: 1px solid rgba(255, 255, 255, 0.12); }
37652   body.ms-navigation-folded:not(.ms-navigation-folded-open) #ms-navigation-fold-expander {
37653     position: absolute;
37654     top: 0;
37655     right: 0;
37656     bottom: 0;
37657     left: 0;
37658     z-index: 999; }
37659   body.ms-navigation-folded #ms-navigation-fold-collapser {
37660     position: absolute;
37661     top: 0;
37662     right: 0;
37663     bottom: 0;
37664     left: 0;
37665     z-index: 59; } }
37666
37667 @media only screen and (max-width: 960px) {
37668   body.ms-navigation-horizontal-mobile-menu-active #horizontal-navigation .navigation-toggle {
37669     height: 64px;
37670     margin-right: 16px; }
37671     body.ms-navigation-horizontal-mobile-menu-active #horizontal-navigation .navigation-toggle .md-button {
37672       margin: 0;
37673       width: 64px;
37674       height: 64px; }
37675   body.ms-navigation-horizontal-mobile-menu-active #horizontal-navigation .ms-navigation-horizontal {
37676     display: block !important;
37677     background: #FFFFFF; }
37678   #horizontal-navigation {
37679     z-index: 60; }
37680     #horizontal-navigation .ms-navigation-horizontal {
37681       position: absolute;
37682       display: none;
37683       top: 0;
37684       right: 0;
37685       bottom: 0;
37686       left: 0;
37687       padding: 0 0 16px 0;
37688       z-index: 9998;
37689       overflow-x: hidden;
37690       overflow-y: scroll; }
37691       #horizontal-navigation .ms-navigation-horizontal .horizontal {
37692         flex-direction: column;
37693         min-height: 100%;
37694         width: 100%; }
37695         #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active):hover {
37696           background: none; }
37697         #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active) .ms-navigation-horizontal-item {
37698           margin: 4px; }
37699           #horizontal-navigation .ms-navigation-horizontal .horizontal li:not(.active) .ms-navigation-horizontal-item:hover {
37700             background: rgba(0, 0, 0, 0.12); }
37701         #horizontal-navigation .ms-navigation-horizontal .horizontal > li {
37702           padding: 0 12px; }
37703           #horizontal-navigation .ms-navigation-horizontal .horizontal > li > .ms-navigation-horizontal-item > .ms-navigation-horizontal-button {
37704             display: flex;
37705             float: none; }
37706             #horizontal-navigation .ms-navigation-horizontal .horizontal > li > .ms-navigation-horizontal-item > .ms-navigation-horizontal-button .arrow {
37707               display: block; }
37708         #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children ul {
37709           position: relative;
37710           top: 0;
37711           left: 0;
37712           box-shadow: none; }
37713         #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children:hover > ul {
37714           display: none; }
37715         #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children .expanded > .ms-navigation-horizontal-button .arrow {
37716           transform: rotate(90deg); }
37717         #horizontal-navigation .ms-navigation-horizontal .horizontal .has-children .expanded + ul {
37718           display: block;
37719           margin-left: 16px; }
37720         #horizontal-navigation .ms-navigation-horizontal .horizontal .ms-navigation-horizontal-item {
37721           min-height: 48px;
37722           height: 48px; } }
37723
37724 /*----------------------------------------------------------------*/
37725 /*  ms-phonebar
37726 /*----------------------------------------------------------------*/
37727 .ms-phonebar {
37728   height: 64px;
37729   font-size: 13px; }
37730   .ms-phonebar .phonebar-container {
37731     height: 64px;
37732     padding: 0 8px;
37733     max-width: 400px; }
37734     .ms-phonebar .phonebar-container .phonebar {
37735       position: relative;
37736       overflow-x: scroll; }
37737       .ms-phonebar .phonebar-container .phonebar > div {
37738         height: 64px;
37739         min-width: 44px; }
37740         .ms-phonebar .phonebar-container .phonebar > div.dragging {
37741           cursor: grabbing; }
37742           .ms-phonebar .phonebar-container .phonebar > div.dragging .md-ripple-container {
37743             display: none; }
37744         .ms-phonebar .phonebar-container .phonebar > div.ghost .shortcut {
37745           opacity: 0.27; }
37746     .ms-phonebar .phonebar-container.mobile-bar-active {
37747       position: absolute;
37748       top: 0;
37749       right: 0;
37750       bottom: 0;
37751       left: 0;
37752       background: #FFFFFF;
37753       z-index: 99;
37754       max-width: none !important; }
37755       .ms-phonebar .phonebar-container.mobile-bar-active .phonebar,
37756       .ms-phonebar .phonebar-container.mobile-bar-active .toggle-mobile-menu {
37757         display: flex !important; }
37758       .ms-phonebar .phonebar-container.mobile-bar-active .toggle-mobile-menu {
37759         margin-left: 14px; }
37760       .ms-phonebar .phonebar-container.mobile-bar-active > div {
37761         border-right: 1px solid rgba(0, 0, 0, 0.12); }
37762
37763 /*----------------------------------------------------------------*/
37764 /*  ms-responsive-table
37765 /*----------------------------------------------------------------*/
37766 .ms-responsive-table-wrapper {
37767   overflow-x: auto;
37768   overflow-y: hidden; }
37769
37770 /*----------------------------------------------------------------*/
37771 /*  ms-scroll
37772 /*----------------------------------------------------------------*/
37773 .ms-scroll {
37774   overflow: hidden !important; }
37775
37776 /*----------------------------------------------------------------*/
37777 /*  ms-search-bar
37778 /*----------------------------------------------------------------*/
37779 .ms-search-bar {
37780   height: 64px;
37781   font-size: 13px; }
37782   .ms-search-bar .ms-search-bar-expander,
37783   .ms-search-bar .ms-search-bar-collapser {
37784     cursor: pointer;
37785     padding: 0 20px;
37786     margin: 0;
37787     width: 64px !important;
37788     height: 64px !important;
37789     line-height: 64px !important; }
37790   .ms-search-bar .ms-search-bar-loader {
37791     width: 64px !important;
37792     height: 64px !important;
37793     line-height: 64px !important; }
37794   .ms-search-bar .ms-search-bar-collapser {
37795     display: none; }
37796   .ms-search-bar #ms-search-bar-input {
37797     display: none;
37798     min-height: 64px;
37799     background-color: transparent;
37800     font-size: 16px; }
37801   .ms-search-bar .ms-search-bar-results {
37802     position: absolute;
37803     top: 64px;
37804     left: 0;
37805     right: 0;
37806     overflow-x: hidden;
37807     overflow-y: scroll;
37808     background: #FFFFFF;
37809     max-height: 300px;
37810     box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }
37811     .ms-search-bar .ms-search-bar-results .no-results {
37812       font-size: 18px;
37813       padding: 16px;
37814       color: rgba(0, 0, 0, 0.54); }
37815     .ms-search-bar .ms-search-bar-results .result {
37816       position: relative;
37817       height: 56px;
37818       min-height: 56px;
37819       max-height: 56px;
37820       padding: 16px;
37821       cursor: pointer; }
37822       .ms-search-bar .ms-search-bar-results .result.selected {
37823         background: rgba(0, 0, 0, 0.07); }
37824       .ms-search-bar .ms-search-bar-results .result .icon-container {
37825         min-width: 32px;
37826         margin-right: 8px; }
37827         .ms-search-bar .ms-search-bar-results .result .icon-container .square {
37828           width: 6px;
37829           height: 6px; }
37830       .ms-search-bar .ms-search-bar-results .result .title {
37831         font-size: 16px; }
37832       .ms-search-bar .ms-search-bar-results .result .description {
37833         padding-top: 6px;
37834         font-size: 14px; }
37835   .ms-search-bar.expanded {
37836     position: absolute;
37837     top: 0;
37838     right: 0;
37839     bottom: 0;
37840     left: 0;
37841     background: #FFFFFF;
37842     z-index: 10; }
37843     .ms-search-bar.expanded #ms-search-bar-input {
37844       display: block; }
37845     .ms-search-bar.expanded .ms-search-bar-collapser {
37846       display: block; }
37847
37848 body.ms-search-bar-expanded #toolbar {
37849   z-index: 999 !important; }
37850
37851 @media screen and (max-width: 960px) {
37852   .ms-search-bar-label {
37853     padding: 0 8px 0 12px; } }
37854
37855 /*----------------------------------------------------------------*/
37856 /*  ms-shortcuts
37857 /*----------------------------------------------------------------*/
37858 .ms-shortcuts {
37859   height: 64px;
37860   font-size: 13px; }
37861   .ms-shortcuts .shortcuts-container {
37862     height: 64px;
37863     padding: 0 8px;
37864     max-width: 400px; }
37865     .ms-shortcuts .shortcuts-container .shortcuts {
37866       position: relative;
37867       overflow-x: scroll; }
37868       .ms-shortcuts .shortcuts-container .shortcuts > div {
37869         height: 64px;
37870         min-width: 44px; }
37871         .ms-shortcuts .shortcuts-container .shortcuts > div.dragging {
37872           cursor: grabbing; }
37873           .ms-shortcuts .shortcuts-container .shortcuts > div.dragging .md-ripple-container {
37874             display: none; }
37875         .ms-shortcuts .shortcuts-container .shortcuts > div.ghost .shortcut {
37876           opacity: 0.27; }
37877         .ms-shortcuts .shortcuts-container .shortcuts > div .shortcut {
37878           margin: 2px; }
37879           .ms-shortcuts .shortcuts-container .shortcuts > div .shortcut .first-letter {
37880             display: inline-block;
37881             vertical-align: middle;
37882             font-size: 20px;
37883             text-transform: uppercase;
37884             color: rgba(0, 0, 0, 0.54); }
37885     .ms-shortcuts .shortcuts-container .shortcut-menu {
37886       margin: 0; }
37887     .ms-shortcuts .shortcuts-container.mobile-bar-active {
37888       position: absolute;
37889       top: 0;
37890       right: 0;
37891       bottom: 0;
37892       left: 0;
37893       background: #FFFFFF;
37894       z-index: 99;
37895       max-width: none !important; }
37896       .ms-shortcuts .shortcuts-container.mobile-bar-active .shortcuts,
37897       .ms-shortcuts .shortcuts-container.mobile-bar-active .shortcut-menu,
37898       .ms-shortcuts .shortcuts-container.mobile-bar-active .toggle-mobile-menu {
37899         display: flex !important; }
37900       .ms-shortcuts .shortcuts-container.mobile-bar-active .toggle-mobile-menu {
37901         margin-left: 14px; }
37902       .ms-shortcuts .shortcuts-container.mobile-bar-active > div {
37903         border-right: 1px solid rgba(0, 0, 0, 0.12); }
37904
37905 #ms-shortcut-add-menu {
37906   position: relative;
37907   width: 240px;
37908   min-width: 240px;
37909   max-width: 240px; }
37910   #ms-shortcut-add-menu .add-shortcut-button {
37911     width: 48px;
37912     height: 48px;
37913     padding: 0 12px;
37914     margin: 0; }
37915   #ms-shortcut-add-menu .shortcut-search {
37916     height: 45px;
37917     padding: 0 8px; }
37918     #ms-shortcut-add-menu .shortcut-search .search-icon {
37919       width: 40px;
37920       height: 40px;
37921       line-height: 48px; }
37922     #ms-shortcut-add-menu .shortcut-search .shortcut-loader {
37923       padding: 10px; }
37924     #ms-shortcut-add-menu .shortcut-search input {
37925       padding: 8px; }
37926   #ms-shortcut-add-menu .results {
37927     position: relative;
37928     overflow-y: scroll;
37929     max-height: 233px;
37930     margin-top: 8px;
37931     padding-top: 8px;
37932     border-top: 1px solid rgba(0, 0, 0, 0.12); }
37933     #ms-shortcut-add-menu .results .no-results {
37934       font-size: 18px;
37935       padding: 16px;
37936       color: rgba(0, 0, 0, 0.54); }
37937     #ms-shortcut-add-menu .results .result {
37938       position: relative;
37939       min-height: 56px;
37940       padding: 16px;
37941       cursor: pointer; }
37942       #ms-shortcut-add-menu .results .result.selected {
37943         background: rgba(0, 0, 0, 0.07); }
37944       #ms-shortcut-add-menu .results .result .icon-container {
37945         min-width: 32px;
37946         margin-right: 8px; }
37947         #ms-shortcut-add-menu .results .result .icon-container .square {
37948           width: 6px;
37949           height: 6px; }
37950       #ms-shortcut-add-menu .results .result .title {
37951         font-size: 16px; }
37952       #ms-shortcut-add-menu .results .result .description {
37953         padding-top: 6px;
37954         font-size: 14px; }
37955
37956 #splash-screen {
37957   display: block;
37958   position: absolute;
37959   top: 0;
37960   left: 0;
37961   right: 0;
37962   bottom: 0;
37963   background-color: #3C4252;
37964   z-index: 99999; }
37965   #splash-screen.ng-leave {
37966     opacity: 1;
37967     transition: all linear 200ms; }
37968   #splash-screen.ng-leave-active {
37969     opacity: 0; }
37970   #splash-screen .center {
37971     display: block;
37972     width: 100%;
37973     position: absolute;
37974     top: 50%;
37975     transform: translateY(-50%); }
37976   #splash-screen .logo {
37977     width: 96px;
37978     height: 96px;
37979     line-height: 96px;
37980     margin: 0 auto;
37981     font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
37982     font-size: 56px;
37983     text-align: center;
37984     border-radius: 2px;
37985     background-color: #039BE5;
37986     color: #FFFFFF;
37987     box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.22); }
37988   #splash-screen .spinner-wrapper {
37989     display: block;
37990     position: relative;
37991     width: 100%;
37992     min-height: 100px;
37993     height: 100px; }
37994     #splash-screen .spinner-wrapper .spinner {
37995       position: absolute;
37996       overflow: hidden;
37997       left: 50%;
37998       margin-left: -50px;
37999       animation: outer-rotate 2.91667s linear infinite; }
38000       #splash-screen .spinner-wrapper .spinner .inner {
38001         width: 100px;
38002         height: 100px;
38003         position: relative;
38004         animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
38005         #splash-screen .spinner-wrapper .spinner .inner .gap {
38006           position: absolute;
38007           left: 49px;
38008           right: 49px;
38009           top: 0;
38010           bottom: 0;
38011           border-top: 10px solid;
38012           box-sizing: border-box; }
38013         #splash-screen .spinner-wrapper .spinner .inner .left,
38014         #splash-screen .spinner-wrapper .spinner .inner .right {
38015           position: absolute;
38016           top: 0;
38017           height: 100px;
38018           width: 50px;
38019           overflow: hidden; }
38020           #splash-screen .spinner-wrapper .spinner .inner .left .half-circle,
38021           #splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
38022             position: absolute;
38023             top: 0;
38024             width: 100px;
38025             height: 100px;
38026             box-sizing: border-box;
38027             border: 10px solid #4285F4;
38028             border-bottom-color: transparent;
38029             border-radius: 50%; }
38030         #splash-screen .spinner-wrapper .spinner .inner .left {
38031           left: 0; }
38032           #splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
38033             left: 0;
38034             border-right-color: transparent;
38035             animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
38036             -webkit-animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
38037         #splash-screen .spinner-wrapper .spinner .inner .right {
38038           right: 0; }
38039           #splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
38040             right: 0;
38041             border-left-color: transparent;
38042             animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
38043             -webkit-animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
38044
38045 @keyframes outer-rotate {
38046   0% {
38047     transform: rotate(0deg) scale(0.5); }
38048   100% {
38049     transform: rotate(360deg) scale(0.5); } }
38050
38051 @keyframes left-wobble {
38052   0%,
38053   100% {
38054     transform: rotate(130deg); }
38055   50% {
38056     transform: rotate(-5deg); } }
38057
38058 @keyframes right-wobble {
38059   0%,
38060   100% {
38061     transform: rotate(-130deg); }
38062   50% {
38063     transform: rotate(5deg); } }
38064
38065 @keyframes sporadic-rotate {
38066   12.5% {
38067     transform: rotate(135deg); }
38068   25% {
38069     transform: rotate(270deg); }
38070   37.5% {
38071     transform: rotate(405deg); }
38072   50% {
38073     transform: rotate(540deg); }
38074   62.5% {
38075     transform: rotate(675deg); }
38076   75% {
38077     transform: rotate(810deg); }
38078   87.5% {
38079     transform: rotate(945deg); }
38080   100% {
38081     transform: rotate(1080deg); } }
38082
38083 .ms-stepper .ms-stepper-horizontal {
38084   background: #FFFFFF;
38085   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
38086   .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation {
38087     height: 72px;
38088     min-height: 72px;
38089     max-height: 72px;
38090     background: #FFFFFF;
38091     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
38092     .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item {
38093       display: flex;
38094       flex-direction: row;
38095       align-items: center;
38096       position: relative;
38097       height: 72px;
38098       min-height: 72px;
38099       max-height: 72px;
38100       line-height: 24px;
38101       margin: 0;
38102       padding: 24px;
38103       border-radius: 0;
38104       cursor: pointer;
38105       font-size: 14px;
38106       text-transform: none; }
38107       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:before, .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:after {
38108         content: '';
38109         display: block;
38110         position: absolute;
38111         top: 50%;
38112         width: 24px;
38113         border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
38114       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:before {
38115         left: 0; }
38116       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:after {
38117         right: 0; }
38118       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:first-child:before {
38119         display: none; }
38120       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item:last-child:after {
38121         display: none; }
38122       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.current .title {
38123         font-weight: 600;
38124         color: rgba(0, 0, 0, 0.87); }
38125       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled {
38126         cursor: default; }
38127         .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled .step {
38128           background: rgba(0, 0, 0, 0.12); }
38129         .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled .title {
38130           color: rgba(0, 0, 0, 0.27); }
38131         .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.disabled .subtitle {
38132           color: rgba(0, 0, 0, 0.27); }
38133       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item.optional {
38134         padding: 16px 24px; }
38135       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .step {
38136         width: 24px;
38137         min-width: 24px;
38138         height: 24px;
38139         border-radius: 50%;
38140         margin: 0 8px 0 16px;
38141         color: #FFFFFF; }
38142         .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .step .icon {
38143           color: #FFFFFF;
38144           font-weight: bold;
38145           line-height: 24px !important; }
38146       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .title {
38147         padding-right: 16px;
38148         color: rgba(0, 0, 0, 0.54); }
38149       .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation .ms-stepper-navigation-item .subtitle {
38150         font-size: 12px;
38151         padding-right: 16px;
38152         color: rgba(0, 0, 0, 0.54);
38153         line-height: 1; }
38154   .ms-stepper .ms-stepper-horizontal .ms-stepper-steps {
38155     padding: 24px 16px; }
38156   .ms-stepper .ms-stepper-horizontal .ms-stepper-controls {
38157     padding: 0 16px 16px 16px; }
38158     .ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots {
38159       display: none;
38160       align-items: center;
38161       justify-content: center;
38162       padding: 0 16px; }
38163       .ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots span {
38164         width: 5px;
38165         height: 5px;
38166         margin: 0 4px;
38167         border-radius: 50%; }
38168         .ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots span:not(.md-accent-bg) {
38169           background: rgba(0, 0, 0, 0.12); }
38170         .ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots span.selected {
38171           width: 8px;
38172           height: 8px; }
38173
38174 @media screen and (max-width: 600px) {
38175   .ms-stepper .ms-stepper-horizontal .ms-stepper-navigation-wrapper .ms-stepper-navigation {
38176     display: none; }
38177   .ms-stepper .ms-stepper-horizontal .ms-stepper-controls .ms-stepper-dots {
38178     display: flex; } }
38179
38180 .ms-stepper .ms-stepper-vertical {
38181   position: relative;
38182   background: #FFFFFF;
38183   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
38184   .ms-stepper .ms-stepper-vertical .ms-stepper-vertical-line {
38185     display: block;
38186     position: absolute;
38187     width: 1px;
38188     top: 32px;
38189     bottom: 32px;
38190     left: 43px;
38191     border-left: 1px solid rgba(0, 0, 0, 0.12); }
38192   .ms-stepper .ms-stepper-vertical .ms-stepper-steps {
38193     padding: 8px 0; }
38194     .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step {
38195       display: block; }
38196       .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item {
38197         display: flex;
38198         flex-direction: row;
38199         align-items: center;
38200         position: relative;
38201         width: 100%;
38202         height: 72px;
38203         min-height: 72px;
38204         max-height: 72px;
38205         line-height: 24px;
38206         margin: 0;
38207         padding: 0 24px;
38208         border-radius: 0;
38209         cursor: pointer;
38210         font-size: 14px;
38211         text-transform: none; }
38212         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item:first-child:before {
38213           display: none; }
38214         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item:last-child:after {
38215           display: none; }
38216         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item:hover:not(.disabled) .step {
38217           background-color: #ececec;
38218           border-color: #ececec; }
38219         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.current .title {
38220           font-weight: 600;
38221           color: rgba(0, 0, 0, 0.87); }
38222         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.disabled {
38223           cursor: default; }
38224           .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.disabled .title {
38225             color: rgba(0, 0, 0, 0.27); }
38226           .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.disabled .subtitle {
38227             color: rgba(0, 0, 0, 0.27); }
38228         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item.optional {
38229           padding: 16px 24px; }
38230         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .step {
38231           width: 40px;
38232           min-width: 40px;
38233           height: 40px;
38234           margin: 0 16px 0 0;
38235           border-radius: 50%;
38236           background: #FFFFFF;
38237           border: 8px solid #FFFFFF;
38238           color: #FFFFFF;
38239           transition: border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
38240           .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .step .icon {
38241             font-weight: bold;
38242             line-height: 28px !important; }
38243         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .title {
38244           padding-right: 16px;
38245           color: rgba(0, 0, 0, 0.54); }
38246         .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-navigation-item .subtitle {
38247           font-size: 12px;
38248           padding-right: 16px;
38249           color: rgba(0, 0, 0, 0.54);
38250           line-height: 1; }
38251       .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-step-content {
38252         padding: 0 24px 16px 64px; }
38253       .ms-stepper .ms-stepper-vertical .ms-stepper-steps .ms-stepper-step .ms-stepper-controls {
38254         padding: 0 16px 16px 56px; }
38255
38256 .ms-timeline .ms-timeline-loader {
38257   position: relative;
38258   display: flex;
38259   align-items: center;
38260   justify-content: center;
38261   width: 56px;
38262   height: 56px;
38263   margin: 0 auto;
38264   background: #FFFFFF;
38265   font-weight: 500;
38266   opacity: 0;
38267   z-index: 11;
38268   border-radius: 50%; }
38269   .ms-timeline .ms-timeline-loader.show {
38270     opacity: 1; }
38271   .ms-timeline .ms-timeline-loader .spinner {
38272     width: 24px;
38273     height: 24px;
38274     border: 3px solid rgba(255, 255, 255, 0.35);
38275     border-top-color: #FFFFFF;
38276     border-radius: 50%; }
38277
38278 /*----------------------------------------------------------------*/
38279 /*  ms-widget
38280 /*----------------------------------------------------------------*/
38281 .ms-widget .ms-widget-front {
38282   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
38283
38284 .ms-widget .ms-widget-back {
38285   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
38286
38287 .ms-widget.sidenav-widget .ms-widget-front,
38288 .ms-widget.sidenav-widget .ms-widget-back {
38289   box-shadow: none; }
38290
38291 .ms-widget .flip-to-front {
38292   position: absolute;
38293   top: 0;
38294   right: 0; }
38295
38296 .ms-widget .c3 {
38297   height: 100%; }
38298
38299 .ms-widget .chart-fill-8 {
38300   margin: 0 -8px -8px -8px; }
38301
38302 .ms-widget .chart-fill-16 {
38303   margin: 0 -16px -16px -16px; }
38304
38305 .ms-widget .chart-fill-24 {
38306   margin: 0 -24px -24px -24px; }
38307
38308 .ms-widget .chart-fill-32 {
38309   margin: 0 -32px -32px -32px; }
38310
38311 .ms-widget .chart-fill-40 {
38312   margin: 0 -40px -40px -40px; }
38313
38314 .ms-widget .chart-fill-48 {
38315   margin: 0 -48px -48px -48px; }
38316
38317 .ms-widget .chart-fill-56 {
38318   margin: 0 -56px -56px -56px; }
38319
38320 .ms-widget .chart-fill-64 {
38321   margin: 0 -64px -64px -64px; }
38322
38323 .ms-widget .chart-fill-72 {
38324   margin: 0 -72px -72px -72px; }
38325
38326 .ms-widget .chart-fill-80 {
38327   margin: 0 -80px -80px -80px; }
38328
38329 .ms-widget {
38330   position: relative;
38331   font-size: 1.3rem;
38332   perspective: 3000px;
38333   padding: 12px; }
38334   .ms-widget .ms-widget-front {
38335     display: flex;
38336     flex-direction: column;
38337     flex: 1 1 auto;
38338     position: relative;
38339     overflow: hidden;
38340     visibility: visible;
38341     width: 100%;
38342     opacity: 1;
38343     z-index: 10;
38344     border-radius: 2px;
38345     transition: transform 0.5s ease-out 0s, visibility 0s ease-in 0.2s, opacity 0s ease-in 0.2s;
38346     transform: rotateY(0deg);
38347     backface-visibility: hidden; }
38348   .ms-widget .ms-widget-back {
38349     display: block;
38350     position: absolute;
38351     overflow: hidden;
38352     visibility: hidden;
38353     opacity: 0;
38354     z-index: 10;
38355     top: 12px;
38356     right: 12px;
38357     bottom: 12px;
38358     left: 12px;
38359     border-radius: 2px;
38360     transition: transform 0.5s ease-out 0s, visibility 0s ease-in 0.2s, opacity 0s ease-in 0.2s;
38361     transform: rotateY(180deg);
38362     backface-visibility: hidden; }
38363   .ms-widget .md-button {
38364     margin: 0; }
38365     .ms-widget .md-button.md-icon-button {
38366       margin: 0; }
38367   .ms-widget.flipped .ms-widget-front {
38368     visibility: hidden;
38369     opacity: 0;
38370     transform: rotateY(180deg); }
38371   .ms-widget.flipped .ms-widget-back {
38372     display: block;
38373     visibility: visible;
38374     opacity: 1;
38375     transform: rotateY(360deg); }
38376   .ms-widget.sidenav-widget {
38377     padding: 0; }
38378   .ms-widget.ar-2-1 .widget {
38379     padding: 0;
38380     position: relative; }
38381     .ms-widget.ar-2-1 .widget:before {
38382       display: block;
38383       content: "";
38384       width: 100%;
38385       padding-top: 50%; }
38386     .ms-widget.ar-2-1 .widget > .widget {
38387       position: absolute;
38388       top: 8px;
38389       left: 8px;
38390       right: 8px;
38391       bottom: 8px; }
38392   .ms-widget.ar-1-1 .widget {
38393     padding: 0;
38394     position: relative; }
38395     .ms-widget.ar-1-1 .widget:before {
38396       display: block;
38397       content: "";
38398       width: 100%;
38399       padding-top: 100%; }
38400     .ms-widget.ar-1-1 .widget > .widget {
38401       position: absolute;
38402       top: 8px;
38403       left: 8px;
38404       right: 8px;
38405       bottom: 8px; }
38406
38407 .ms-theme-options .ms-theme-options-button {
38408   position: absolute;
38409   top: 160px;
38410   right: 0;
38411   z-index: 50;
38412   box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
38413   width: 48px;
38414   height: 48px;
38415   line-height: 48px;
38416   text-align: center;
38417   cursor: pointer;
38418   border-radius: 0;
38419   margin: 0;
38420   pointer-events: auto;
38421   opacity: 0.75; }
38422   .ms-theme-options .ms-theme-options-button:hover {
38423     opacity: 1; }
38424
38425 .ms-theme-options md-sidenav {
38426   width: 384px;
38427   min-width: 384px;
38428   max-width: 384px; }
38429   .ms-theme-options md-sidenav .ms-theme-options-list {
38430     background: #FFFFFF;
38431     z-index: 12;
38432     pointer-events: auto; }
38433     .ms-theme-options md-sidenav .ms-theme-options-list .theme-option {
38434       padding: 16px; }
38435       .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button {
38436         width: 160px;
38437         max-width: 160px;
38438         margin: 8px 8px 16px 8px; }
38439         .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button:hover ._md-label img, .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button.md-checked ._md-label img {
38440           opacity: 1;
38441           box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
38442         .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-container {
38443           display: none; }
38444         .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label {
38445           margin-left: 0; }
38446           .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.layout-options md-radio-button ._md-label img {
38447             opacity: 0.8;
38448             margin-bottom: 8px; }
38449       .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes md-menu-item {
38450         max-width: 192px; }
38451       .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button {
38452         border-bottom: 16px solid;
38453         text-align: left;
38454         width: 101px;
38455         height: 88px;
38456         box-shadow: none;
38457         opacity: 0.8; }
38458         .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button:hover, .ms-theme-options md-sidenav .ms-theme-options-list .theme-option.color-palettes .theme-button.active {
38459           opacity: 1;
38460           box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
38461       .ms-theme-options md-sidenav .ms-theme-options-list .theme-option md-radio-button {
38462         margin: 8px; }
38463       .ms-theme-options md-sidenav .ms-theme-options-list .theme-option .option-title {
38464         font-size: 14px;
38465         font-weight: 500;
38466         padding: 0 8px 12px 8px; }
38467
38468 #error-404 .content {
38469   width: 90%;
38470   max-width: 512px;
38471   margin-top: 128px; }
38472   #error-404 .content .error-code {
38473     font-size: 112px;
38474     text-align: center;
38475     line-height: 1;
38476     margin-bottom: 16px;
38477     font-weight: 500; }
38478   #error-404 .content .message {
38479     font-size: 24px;
38480     text-align: center;
38481     color: rgba(0, 0, 0, 0.54); }
38482   #error-404 .content .search {
38483     width: 100%;
38484     height: 56px;
38485     line-height: 56px;
38486     margin: 48px auto 16px auto;
38487     padding: 16px;
38488     background: #FFFFFF; }
38489     #error-404 .content .search input {
38490       padding: 0 0 0 16px; }
38491   #error-404 .content .back-link {
38492     font-size: 15px;
38493     text-align: center; }
38494
38495 #error-500 .content {
38496   width: 90%;
38497   max-width: 512px;
38498   margin-top: 128px; }
38499   #error-500 .content .error-code {
38500     font-size: 112px;
38501     line-height: 1;
38502     text-align: center;
38503     margin-bottom: 16px;
38504     font-weight: 500; }
38505   #error-500 .content .message {
38506     font-size: 24px;
38507     text-align: center;
38508     color: rgba(0, 0, 0, 0.54); }
38509   #error-500 .content .sub-message {
38510     font-size: 17px;
38511     text-align: center;
38512     color: rgba(0, 0, 0, 0.54);
38513     margin: 16px auto 48px auto; }
38514   #error-500 .content .report-link {
38515     text-align: center;
38516     font-size: 15px; }
38517
38518 #login {
38519   height: 100%;
38520   background: url("/assets/images/backgrounds/march.jpg") no-repeat;
38521   background-size: cover; }
38522   #login #login-form-wrapper {
38523     flex: 1 0 auto;
38524     padding: 32px; }
38525     #login #login-form-wrapper #login-form {
38526       width: 384px;
38527       max-width: 384px;
38528       padding: 32px;
38529       background: #FFFFFF;
38530       text-align: center; }
38531       #login #login-form-wrapper #login-form .logo {
38532         width: 128px;
38533         height: 128px;
38534         line-height: 128px;
38535         font-size: 86px;
38536         font-weight: 500;
38537         margin: 32px auto;
38538         color: #FFFFFF;
38539         border-radius: 2px; }
38540       #login #login-form-wrapper #login-form .title {
38541         font-size: 17px;
38542         margin: 16px 0 32px 0; }
38543       #login #login-form-wrapper #login-form form {
38544         width: 100%;
38545         text-align: left; }
38546         #login #login-form-wrapper #login-form form md-checkbox {
38547           margin: 0; }
38548         #login #login-form-wrapper #login-form form .remember-forgot-password {
38549           font-size: 13px;
38550           margin-top: 8px; }
38551           #login #login-form-wrapper #login-form form .remember-forgot-password .remember-me {
38552             margin-bottom: 16px; }
38553           #login #login-form-wrapper #login-form form .remember-forgot-password .forgot-password {
38554             font-size: 13px;
38555             font-weight: 500;
38556             margin-bottom: 16px; }
38557         #login #login-form-wrapper #login-form form .submit-button {
38558           width: 220px;
38559           margin: 16px auto;
38560           display: block; }
38561       #login #login-form-wrapper #login-form .register {
38562         margin: 32px auto 24px auto;
38563         width: 250px;
38564         font-weight: 500; }
38565         #login #login-form-wrapper #login-form .register .text {
38566           margin-right: 8px; }
38567       #login #login-form-wrapper #login-form .separator {
38568         font-size: 15px;
38569         font-weight: 600;
38570         margin: 24px auto 16px auto;
38571         position: relative;
38572         overflow: hidden;
38573         width: 100px;
38574         color: rgba(0, 0, 0, 0.54); }
38575         #login #login-form-wrapper #login-form .separator .text {
38576           display: inline-block;
38577           vertical-align: baseline;
38578           position: relative;
38579           padding: 0 8px;
38580           z-index: 9999; }
38581           #login #login-form-wrapper #login-form .separator .text:before, #login #login-form-wrapper #login-form .separator .text:after {
38582             content: '';
38583             display: block;
38584             width: 30px;
38585             position: absolute;
38586             top: 10px;
38587             border-top: 1px solid rgba(0, 0, 0, 0.12); }
38588           #login #login-form-wrapper #login-form .separator .text:before {
38589             right: 100%; }
38590           #login #login-form-wrapper #login-form .separator .text:after {
38591             left: 100%; }
38592       #login #login-form-wrapper #login-form .md-button.google, #login #login-form-wrapper #login-form .md-button.facebook {
38593         width: 192px;
38594         text-transform: none;
38595         color: #FFFFFF;
38596         font-size: 13px; }
38597         #login #login-form-wrapper #login-form .md-button.google md-icon, #login #login-form-wrapper #login-form .md-button.facebook md-icon {
38598           color: #FFFFFF;
38599           margin: 0 8px 0 0; }
38600       #login #login-form-wrapper #login-form .md-button.google {
38601         background-color: #D73D32; }
38602       #login #login-form-wrapper #login-form .md-button.facebook {
38603         background-color: #3f5c9a; }
38604
38605 @media screen and (max-width: 600px) {
38606   #login #login-form-wrapper {
38607     padding: 16px; }
38608     #login #login-form-wrapper #login-form {
38609       padding: 24px;
38610       width: 100%; }
38611       #login #login-form-wrapper #login-form form .md-button {
38612         width: 90%; }
38613       #login #login-form-wrapper #login-form .md-button.google, #login #login-form-wrapper #login-form .md-button.facebook {
38614         width: 80%; } }
38615
38616 md-dialog.extractedReport-dialog {
38617   max-width: 720px;
38618   width: 720px; }
38619   md-dialog.extractedReport-dialog md-dialog-content {
38620     display: block;
38621     position: relative; }
38622   md-dialog.extractedReport-dialog md-toolbar .title {
38623     font-size: 17px; }
38624   md-dialog.extractedReport-dialog md-input-container textarea {
38625     min-height: 150px; }
38626   md-dialog.extractedReport-dialog md-input-container .hint {
38627     font-size: 12px;
38628     line-height: 20px;
38629     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
38630     /* Set our own color */
38631     color: grey; }
38632   md-dialog.extractedReport-dialog md-input-container md-input-container md-switch {
38633     margin: 0px !important; }
38634   md-dialog.extractedReport-dialog .date-container {
38635     padding: 16px 0 24px 0; }
38636   md-dialog.extractedReport-dialog .error-list {
38637     font-size: 13px;
38638     padding-top: -40px; }
38639     md-dialog.extractedReport-dialog .error-list .error {
38640       background-color: rgba(244, 67, 54, 0.08);
38641       border: 1px solid rgba(244, 67, 54, 0.12);
38642       padding-left: 16px;
38643       margin-top: 8px;
38644       border-radius: 2px; }
38645       md-dialog.extractedReport-dialog .error-list .error .message {
38646         font-weight: 500; }
38647       md-dialog.extractedReport-dialog .error-list .error .md-button {
38648         margin: 0; }
38649       md-dialog.extractedReport-dialog .error-list .error:last-child {
38650         margin-bottom: 30px; }
38651   md-dialog.extractedReport-dialog md-dialog-actions {
38652     position: relative;
38653     overflow-y: hidden;
38654     overflow-x: auto;
38655     justify-content: space-between;
38656     background-color: rgba(0, 0, 0, 0.03);
38657     border-top: 1px solid rgba(0, 0, 0, 0.12); }
38658
38659 @media screen and (max-width: 1280px) {
38660   md-dialog.task-dialog {
38661     width: 80%; } }
38662
38663 @media screen and (max-width: 960px) {
38664   md-dialog.task-dialog {
38665     width: 90%; } }
38666
38667 #extractedReports {
38668   position: relative; }
38669   #extractedReports > .header {
38670     height: 76px;
38671     min-height: 76px;
38672     max-height: 76px; }
38673     #extractedReports > .header .logo .logo-icon {
38674       margin: 0 16px 0 0; }
38675     #extractedReports > .header .logo .logo-text {
38676       font-size: 24px; }
38677     #extractedReports > .header md-icon {
38678       color: #FFFFFF; }
38679     #extractedReports > .header .search-input-wrapper {
38680       position: relative; }
38681       #extractedReports > .header .search-input-wrapper label {
38682         padding-right: 4px;
38683         cursor: pointer; }
38684         #extractedReports > .header .search-input-wrapper label md-icon {
38685           color: rgba(255, 255, 255, 0.8); }
38686       #extractedReports > .header .search-input-wrapper md-input-container .md-errors-spacer {
38687         display: none; }
38688       #extractedReports > .header .search-input-wrapper md-input-container input {
38689         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
38690         color: rgba(255, 255, 255, 0.8);
38691         width: 240px; }
38692         #extractedReports > .header .search-input-wrapper md-input-container input::placeholder {
38693           color: rgba(255, 255, 255, 0.8); }
38694         #extractedReports > .header .search-input-wrapper md-input-container input:focus {
38695           border-bottom: 1px solid white;
38696           color: white; }
38697     #extractedReports > .header.selected-bar {
38698       position: absolute;
38699       top: 0;
38700       left: 0;
38701       right: 0;
38702       z-index: 999;
38703       background-image: none;
38704       opacity: 1 !important; }
38705       #extractedReports > .header.selected-bar .close-button-wrapper {
38706         width: 244px; }
38707   #extractedReports > .content {
38708     position: absolute;
38709     top: 76px;
38710     bottom: 0;
38711     right: 0;
38712     left: 0; }
38713     #extractedReports > .content .main {
38714       padding: 16px 90px 0 4px;
38715       position: absolute;
38716       top: 0;
38717       left: 24px;
38718       right: 0;
38719       bottom: 0; }
38720       #extractedReports > .content .main .no-results {
38721         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
38722   #extractedReports #add-extractedReport-button {
38723     position: fixed;
38724     bottom: 8px;
38725     right: 8px;
38726     padding: 0; }
38727
38728 md-dialog.metric-dialog {
38729   max-width: 720px;
38730   width: 720px; }
38731   md-dialog.metric-dialog md-dialog-content {
38732     display: block;
38733     position: relative; }
38734   md-dialog.metric-dialog md-toolbar .title {
38735     font-size: 17px; }
38736   md-dialog.metric-dialog md-input-container textarea {
38737     min-height: 150px; }
38738   md-dialog.metric-dialog md-input-container .hint {
38739     font-size: 12px;
38740     line-height: 20px;
38741     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
38742     /* Set our own color */
38743     color: grey; }
38744   md-dialog.metric-dialog md-input-container md-input-container md-switch {
38745     margin: 0px !important; }
38746   md-dialog.metric-dialog .date-container {
38747     padding: 16px 0 24px 0; }
38748   md-dialog.metric-dialog .error-list {
38749     font-size: 13px;
38750     padding-top: -40px; }
38751     md-dialog.metric-dialog .error-list .error {
38752       background-color: rgba(244, 67, 54, 0.08);
38753       border: 1px solid rgba(244, 67, 54, 0.12);
38754       padding-left: 16px;
38755       margin-top: 8px;
38756       border-radius: 2px; }
38757       md-dialog.metric-dialog .error-list .error .message {
38758         font-weight: 500; }
38759       md-dialog.metric-dialog .error-list .error .md-button {
38760         margin: 0; }
38761       md-dialog.metric-dialog .error-list .error:last-child {
38762         margin-bottom: 30px; }
38763   md-dialog.metric-dialog md-dialog-actions {
38764     position: relative;
38765     overflow-y: hidden;
38766     overflow-x: auto;
38767     justify-content: space-between;
38768     background-color: rgba(0, 0, 0, 0.03);
38769     border-top: 1px solid rgba(0, 0, 0, 0.12); }
38770
38771 @media screen and (max-width: 1280px) {
38772   md-dialog.task-dialog {
38773     width: 80%; } }
38774
38775 @media screen and (max-width: 960px) {
38776   md-dialog.task-dialog {
38777     width: 90%; } }
38778
38779 #metrics {
38780   position: relative; }
38781   #metrics > .header {
38782     height: 76px;
38783     min-height: 76px;
38784     max-height: 76px; }
38785     #metrics > .header .logo .logo-icon {
38786       margin: 0 16px 0 0; }
38787     #metrics > .header .logo .logo-text {
38788       font-size: 24px; }
38789     #metrics > .header md-icon {
38790       color: #FFFFFF; }
38791     #metrics > .header .search-input-wrapper {
38792       position: relative; }
38793       #metrics > .header .search-input-wrapper label {
38794         padding-right: 4px;
38795         cursor: pointer; }
38796         #metrics > .header .search-input-wrapper label md-icon {
38797           color: rgba(255, 255, 255, 0.8); }
38798       #metrics > .header .search-input-wrapper md-input-container .md-errors-spacer {
38799         display: none; }
38800       #metrics > .header .search-input-wrapper md-input-container input {
38801         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
38802         color: rgba(255, 255, 255, 0.8);
38803         width: 240px; }
38804         #metrics > .header .search-input-wrapper md-input-container input::placeholder {
38805           color: rgba(255, 255, 255, 0.8); }
38806         #metrics > .header .search-input-wrapper md-input-container input:focus {
38807           border-bottom: 1px solid white;
38808           color: white; }
38809     #metrics > .header.selected-bar {
38810       position: absolute;
38811       top: 0;
38812       left: 0;
38813       right: 0;
38814       z-index: 999;
38815       background-image: none;
38816       opacity: 1 !important; }
38817       #metrics > .header.selected-bar .close-button-wrapper {
38818         width: 244px; }
38819   #metrics > .content {
38820     position: absolute;
38821     top: 76px;
38822     bottom: 0;
38823     right: 0;
38824     left: 0; }
38825     #metrics > .content .main {
38826       padding: 16px 90px 0 4px;
38827       position: absolute;
38828       top: 0;
38829       left: 24px;
38830       right: 0;
38831       bottom: 0; }
38832       #metrics > .content .main .no-results {
38833         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
38834   #metrics #add-metric-button {
38835     position: fixed;
38836     bottom: 8px;
38837     right: 8px;
38838     padding: 0; }
38839
38840 md-dialog.report-dialog {
38841   max-width: 720px;
38842   width: 720px; }
38843   md-dialog.report-dialog md-dialog-content {
38844     display: block;
38845     position: relative; }
38846   md-dialog.report-dialog md-toolbar .title {
38847     font-size: 17px; }
38848   md-dialog.report-dialog md-input-container textarea {
38849     min-height: 150px; }
38850   md-dialog.report-dialog md-input-container .hint {
38851     font-size: 12px;
38852     line-height: 20px;
38853     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
38854     /* Set our own color */
38855     color: grey; }
38856   md-dialog.report-dialog md-input-container md-input-container md-switch {
38857     margin: 0px !important; }
38858   md-dialog.report-dialog .date-container {
38859     padding: 16px 0 24px 0; }
38860   md-dialog.report-dialog .error-list {
38861     font-size: 13px;
38862     padding-top: -40px; }
38863     md-dialog.report-dialog .error-list .error {
38864       background-color: rgba(244, 67, 54, 0.08);
38865       border: 1px solid rgba(244, 67, 54, 0.12);
38866       padding-left: 16px;
38867       margin-top: 8px;
38868       border-radius: 2px; }
38869       md-dialog.report-dialog .error-list .error .message {
38870         font-weight: 500; }
38871       md-dialog.report-dialog .error-list .error .md-button {
38872         margin: 0; }
38873       md-dialog.report-dialog .error-list .error:last-child {
38874         margin-bottom: 30px; }
38875   md-dialog.report-dialog md-dialog-actions {
38876     position: relative;
38877     overflow-y: hidden;
38878     overflow-x: auto;
38879     justify-content: space-between;
38880     background-color: rgba(0, 0, 0, 0.03);
38881     border-top: 1px solid rgba(0, 0, 0, 0.12); }
38882
38883 @media screen and (max-width: 1280px) {
38884   md-dialog.task-dialog {
38885     width: 80%; } }
38886
38887 @media screen and (max-width: 960px) {
38888   md-dialog.task-dialog {
38889     width: 90%; } }
38890
38891 md-dialog.report-dialog {
38892   max-width: 720px;
38893   width: 720px; }
38894   md-dialog.report-dialog md-dialog-content {
38895     display: block;
38896     position: relative; }
38897   md-dialog.report-dialog md-toolbar .title {
38898     font-size: 17px; }
38899   md-dialog.report-dialog md-input-container textarea {
38900     min-height: 150px; }
38901   md-dialog.report-dialog md-input-container .hint {
38902     font-size: 12px;
38903     line-height: 20px;
38904     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
38905     /* Set our own color */
38906     color: grey; }
38907   md-dialog.report-dialog md-input-container md-input-container md-switch {
38908     margin: 0px !important; }
38909   md-dialog.report-dialog .date-container {
38910     padding: 16px 0 24px 0; }
38911   md-dialog.report-dialog .error-list {
38912     font-size: 13px;
38913     padding-top: -40px; }
38914     md-dialog.report-dialog .error-list .error {
38915       background-color: rgba(244, 67, 54, 0.08);
38916       border: 1px solid rgba(244, 67, 54, 0.12);
38917       padding-left: 16px;
38918       margin-top: 8px;
38919       border-radius: 2px; }
38920       md-dialog.report-dialog .error-list .error .message {
38921         font-weight: 500; }
38922       md-dialog.report-dialog .error-list .error .md-button {
38923         margin: 0; }
38924       md-dialog.report-dialog .error-list .error:last-child {
38925         margin-bottom: 30px; }
38926   md-dialog.report-dialog md-dialog-actions {
38927     position: relative;
38928     overflow-y: hidden;
38929     overflow-x: auto;
38930     justify-content: space-between;
38931     background-color: rgba(0, 0, 0, 0.03);
38932     border-top: 1px solid rgba(0, 0, 0, 0.12); }
38933
38934 @media screen and (max-width: 1280px) {
38935   md-dialog.task-dialog {
38936     width: 80%; } }
38937
38938 @media screen and (max-width: 960px) {
38939   md-dialog.task-dialog {
38940     width: 90%; } }
38941
38942 md-dialog.reportField-dialog {
38943   max-width: 720px;
38944   width: 720px; }
38945   md-dialog.reportField-dialog md-dialog-content {
38946     display: block;
38947     position: relative; }
38948   md-dialog.reportField-dialog md-toolbar .title {
38949     font-size: 17px; }
38950   md-dialog.reportField-dialog md-input-container textarea {
38951     min-height: 150px; }
38952   md-dialog.reportField-dialog md-input-container .hint {
38953     font-size: 12px;
38954     line-height: 20px;
38955     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
38956     /* Set our own color */
38957     color: grey; }
38958   md-dialog.reportField-dialog md-input-container md-input-container md-switch {
38959     margin: 0px !important; }
38960   md-dialog.reportField-dialog .date-container {
38961     padding: 16px 0 24px 0; }
38962   md-dialog.reportField-dialog .error-list {
38963     font-size: 13px;
38964     padding-top: -40px; }
38965     md-dialog.reportField-dialog .error-list .error {
38966       background-color: rgba(244, 67, 54, 0.08);
38967       border: 1px solid rgba(244, 67, 54, 0.12);
38968       padding-left: 16px;
38969       margin-top: 8px;
38970       border-radius: 2px; }
38971       md-dialog.reportField-dialog .error-list .error .message {
38972         font-weight: 500; }
38973       md-dialog.reportField-dialog .error-list .error .md-button {
38974         margin: 0; }
38975       md-dialog.reportField-dialog .error-list .error:last-child {
38976         margin-bottom: 30px; }
38977   md-dialog.reportField-dialog md-dialog-actions {
38978     position: relative;
38979     overflow-y: hidden;
38980     overflow-x: auto;
38981     justify-content: space-between;
38982     background-color: rgba(0, 0, 0, 0.03);
38983     border-top: 1px solid rgba(0, 0, 0, 0.12); }
38984
38985 @media screen and (max-width: 1280px) {
38986   md-dialog.task-dialog {
38987     width: 80%; } }
38988
38989 @media screen and (max-width: 960px) {
38990   md-dialog.task-dialog {
38991     width: 90%; } }
38992
38993 #analytics-report .header {
38994   height: 120px;
38995   min-height: 120px;
38996   max-height: 120px; }
38997   #analytics-report .header .goto-reports-button {
38998     margin-right: 16px; }
38999   #analytics-report .header .report-image {
39000     overflow: hidden;
39001     width: 56px;
39002     height: 56px;
39003     margin-right: 16px;
39004     border: 3px solid rgba(0, 0, 0, 0.12); }
39005     #analytics-report .header .report-image img {
39006       height: 100%;
39007       width: auto;
39008       max-width: none; }
39009   #analytics-report .header .subtitle {
39010     margin: 6px 0 0 0; }
39011
39012 #analytics-report .report-detail-form-container {
39013   padding: 24px;
39014   margin-bottom: 24px; }
39015   #analytics-report .report-detail-form-container .hint {
39016     font-size: 12px;
39017     line-height: 20px;
39018     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39019     /* Set our own color */
39020     color: grey; }
39021   #analytics-report .report-detail-form-container .handle {
39022     cursor: move; }
39023   #analytics-report .report-detail-form-container md-input-container md-switch {
39024     margin: 0px !important; }
39025   #analytics-report .report-detail-form-container #report-image-uploader {
39026     position: relative; }
39027     #analytics-report .report-detail-form-container #report-image-uploader.dropping .drop-text {
39028       display: flex; }
39029     #analytics-report .report-detail-form-container #report-image-uploader .drop-text {
39030       display: none;
39031       position: absolute;
39032       top: 0;
39033       right: 0;
39034       bottom: 0;
39035       left: 0;
39036       padding: 16px;
39037       text-align: center;
39038       border: 2px dashed rgba(0, 0, 0, 0.12);
39039       background: #FFFFFF;
39040       font-size: 20px;
39041       z-index: 100; }
39042     #analytics-report .report-detail-form-container #report-image-uploader .upload-button {
39043       margin-bottom: 16px; }
39044     #analytics-report .report-detail-form-container #report-image-uploader .report-image {
39045       position: relative;
39046       width: 200px;
39047       height: 200px;
39048       border: 1px solid rgba(0, 0, 0, 0.12);
39049       margin: 8px; }
39050       #analytics-report .report-detail-form-container #report-image-uploader .report-image.uploading .overlay {
39051         position: absolute;
39052         top: 0;
39053         right: 0;
39054         bottom: 0;
39055         left: 0;
39056         background: rgba(0, 0, 0, 0.87); }
39057       #analytics-report .report-detail-form-container #report-image-uploader .report-image .media {
39058         max-height: 100%; }
39059
39060 md-dialog.report-dialog {
39061   max-width: 720px;
39062   width: 720px; }
39063   md-dialog.report-dialog md-dialog-content {
39064     display: block;
39065     position: relative; }
39066   md-dialog.report-dialog md-toolbar .title {
39067     font-size: 17px; }
39068   md-dialog.report-dialog md-input-container textarea {
39069     min-height: 150px; }
39070   md-dialog.report-dialog md-input-container .hint {
39071     font-size: 12px;
39072     line-height: 20px;
39073     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39074     /* Set our own color */
39075     color: grey; }
39076   md-dialog.report-dialog md-input-container md-input-container md-switch {
39077     margin: 0px !important; }
39078   md-dialog.report-dialog .date-container {
39079     padding: 16px 0 24px 0; }
39080   md-dialog.report-dialog .error-list {
39081     font-size: 13px;
39082     padding-top: -40px; }
39083     md-dialog.report-dialog .error-list .error {
39084       background-color: rgba(244, 67, 54, 0.08);
39085       border: 1px solid rgba(244, 67, 54, 0.12);
39086       padding-left: 16px;
39087       margin-top: 8px;
39088       border-radius: 2px; }
39089       md-dialog.report-dialog .error-list .error .message {
39090         font-weight: 500; }
39091       md-dialog.report-dialog .error-list .error .md-button {
39092         margin: 0; }
39093       md-dialog.report-dialog .error-list .error:last-child {
39094         margin-bottom: 30px; }
39095   md-dialog.report-dialog md-dialog-actions {
39096     position: relative;
39097     overflow-y: hidden;
39098     overflow-x: auto;
39099     justify-content: space-between;
39100     background-color: rgba(0, 0, 0, 0.03);
39101     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39102
39103 @media screen and (max-width: 1280px) {
39104   md-dialog.task-dialog {
39105     width: 80%; } }
39106
39107 @media screen and (max-width: 960px) {
39108   md-dialog.task-dialog {
39109     width: 90%; } }
39110
39111 #reports {
39112   position: relative; }
39113   #reports > .header {
39114     height: 76px;
39115     min-height: 76px;
39116     max-height: 76px; }
39117     #reports > .header .logo .logo-icon {
39118       margin: 0 16px 0 0; }
39119     #reports > .header .logo .logo-text {
39120       font-size: 24px; }
39121     #reports > .header md-icon {
39122       color: #FFFFFF; }
39123     #reports > .header .search-input-wrapper {
39124       position: relative; }
39125       #reports > .header .search-input-wrapper label {
39126         padding-right: 4px;
39127         cursor: pointer; }
39128         #reports > .header .search-input-wrapper label md-icon {
39129           color: rgba(255, 255, 255, 0.8); }
39130       #reports > .header .search-input-wrapper md-input-container .md-errors-spacer {
39131         display: none; }
39132       #reports > .header .search-input-wrapper md-input-container input {
39133         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
39134         color: rgba(255, 255, 255, 0.8);
39135         width: 240px; }
39136         #reports > .header .search-input-wrapper md-input-container input::placeholder {
39137           color: rgba(255, 255, 255, 0.8); }
39138         #reports > .header .search-input-wrapper md-input-container input:focus {
39139           border-bottom: 1px solid white;
39140           color: white; }
39141     #reports > .header.selected-bar {
39142       position: absolute;
39143       top: 0;
39144       left: 0;
39145       right: 0;
39146       z-index: 999;
39147       background-image: none;
39148       opacity: 1 !important; }
39149       #reports > .header.selected-bar .close-button-wrapper {
39150         width: 244px; }
39151   #reports > .content {
39152     position: absolute;
39153     top: 76px;
39154     bottom: 0;
39155     right: 0;
39156     left: 0; }
39157     #reports > .content .main {
39158       padding: 16px 90px 0 4px;
39159       position: absolute;
39160       top: 0;
39161       left: 24px;
39162       right: 0;
39163       bottom: 0; }
39164       #reports > .content .main .no-results {
39165         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
39166
39167 md-dialog.report-dialog {
39168   max-width: 720px;
39169   width: 720px; }
39170   md-dialog.report-dialog md-dialog-content {
39171     display: block;
39172     position: relative; }
39173   md-dialog.report-dialog md-toolbar .title {
39174     font-size: 17px; }
39175   md-dialog.report-dialog md-input-container textarea {
39176     min-height: 150px; }
39177   md-dialog.report-dialog md-input-container .hint {
39178     font-size: 12px;
39179     line-height: 20px;
39180     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39181     /* Set our own color */
39182     color: grey; }
39183   md-dialog.report-dialog md-input-container md-input-container md-switch {
39184     margin: 0px !important; }
39185   md-dialog.report-dialog .date-container {
39186     padding: 16px 0 24px 0; }
39187   md-dialog.report-dialog .error-list {
39188     font-size: 13px;
39189     padding-top: -40px; }
39190     md-dialog.report-dialog .error-list .error {
39191       background-color: rgba(244, 67, 54, 0.08);
39192       border: 1px solid rgba(244, 67, 54, 0.12);
39193       padding-left: 16px;
39194       margin-top: 8px;
39195       border-radius: 2px; }
39196       md-dialog.report-dialog .error-list .error .message {
39197         font-weight: 500; }
39198       md-dialog.report-dialog .error-list .error .md-button {
39199         margin: 0; }
39200       md-dialog.report-dialog .error-list .error:last-child {
39201         margin-bottom: 30px; }
39202   md-dialog.report-dialog md-dialog-actions {
39203     position: relative;
39204     overflow-y: hidden;
39205     overflow-x: auto;
39206     justify-content: space-between;
39207     background-color: rgba(0, 0, 0, 0.03);
39208     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39209
39210 @media screen and (max-width: 1280px) {
39211   md-dialog.task-dialog {
39212     width: 80%; } }
39213
39214 @media screen and (max-width: 960px) {
39215   md-dialog.task-dialog {
39216     width: 90%; } }
39217
39218 md-dialog.odbc-dialog {
39219   max-width: 720px;
39220   width: 720px; }
39221   md-dialog.odbc-dialog md-dialog-content {
39222     display: block;
39223     position: relative; }
39224   md-dialog.odbc-dialog md-toolbar .title {
39225     font-size: 17px; }
39226   md-dialog.odbc-dialog md-input-container textarea {
39227     min-height: 150px; }
39228   md-dialog.odbc-dialog md-input-container .hint {
39229     font-size: 12px;
39230     line-height: 20px;
39231     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39232     /* Set our own color */
39233     color: grey; }
39234   md-dialog.odbc-dialog md-input-container md-input-container md-switch {
39235     margin: 0px !important; }
39236   md-dialog.odbc-dialog .date-container {
39237     padding: 16px 0 24px 0; }
39238   md-dialog.odbc-dialog .error-list {
39239     font-size: 13px;
39240     padding-top: -40px; }
39241     md-dialog.odbc-dialog .error-list .error {
39242       background-color: rgba(244, 67, 54, 0.08);
39243       border: 1px solid rgba(244, 67, 54, 0.12);
39244       padding-left: 16px;
39245       margin-top: 8px;
39246       border-radius: 2px; }
39247       md-dialog.odbc-dialog .error-list .error .message {
39248         font-weight: 500; }
39249       md-dialog.odbc-dialog .error-list .error .md-button {
39250         margin: 0; }
39251       md-dialog.odbc-dialog .error-list .error:last-child {
39252         margin-bottom: 30px; }
39253   md-dialog.odbc-dialog md-dialog-actions {
39254     position: relative;
39255     overflow-y: hidden;
39256     overflow-x: auto;
39257     justify-content: space-between;
39258     background-color: rgba(0, 0, 0, 0.03);
39259     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39260
39261 @media screen and (max-width: 1280px) {
39262   md-dialog.task-dialog {
39263     width: 80%; } }
39264
39265 @media screen and (max-width: 960px) {
39266   md-dialog.task-dialog {
39267     width: 90%; } }
39268
39269 #odbcs {
39270   position: relative; }
39271   #odbcs > .header {
39272     height: 76px;
39273     min-height: 76px;
39274     max-height: 76px; }
39275     #odbcs > .header .logo .logo-icon {
39276       margin: 0 16px 0 0; }
39277     #odbcs > .header .logo .logo-text {
39278       font-size: 24px; }
39279     #odbcs > .header md-icon {
39280       color: #FFFFFF; }
39281     #odbcs > .header .search-input-wrapper {
39282       position: relative; }
39283       #odbcs > .header .search-input-wrapper label {
39284         padding-right: 4px;
39285         cursor: pointer; }
39286         #odbcs > .header .search-input-wrapper label md-icon {
39287           color: rgba(255, 255, 255, 0.8); }
39288       #odbcs > .header .search-input-wrapper md-input-container .md-errors-spacer {
39289         display: none; }
39290       #odbcs > .header .search-input-wrapper md-input-container input {
39291         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
39292         color: rgba(255, 255, 255, 0.8);
39293         width: 240px; }
39294         #odbcs > .header .search-input-wrapper md-input-container input::placeholder {
39295           color: rgba(255, 255, 255, 0.8); }
39296         #odbcs > .header .search-input-wrapper md-input-container input:focus {
39297           border-bottom: 1px solid white;
39298           color: white; }
39299     #odbcs > .header.selected-bar {
39300       position: absolute;
39301       top: 0;
39302       left: 0;
39303       right: 0;
39304       z-index: 999;
39305       background-image: none;
39306       opacity: 1 !important; }
39307       #odbcs > .header.selected-bar .close-button-wrapper {
39308         width: 244px; }
39309   #odbcs > .content {
39310     position: absolute;
39311     top: 76px;
39312     bottom: 0;
39313     right: 0;
39314     left: 0; }
39315     #odbcs > .content .main {
39316       padding: 16px 90px 0 4px;
39317       position: absolute;
39318       top: 0;
39319       left: 24px;
39320       right: 0;
39321       bottom: 0; }
39322       #odbcs > .content .main .no-results {
39323         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
39324   #odbcs #add-odbc-button {
39325     position: fixed;
39326     bottom: 8px;
39327     right: 8px;
39328     padding: 0; }
39329
39330 md-dialog.project-dialog {
39331   max-width: 720px;
39332   width: 720px; }
39333   md-dialog.project-dialog md-dialog-content {
39334     display: block;
39335     position: relative; }
39336   md-dialog.project-dialog md-toolbar .title {
39337     font-size: 17px; }
39338   md-dialog.project-dialog md-input-container textarea {
39339     min-height: 150px; }
39340   md-dialog.project-dialog .date-container {
39341     padding: 16px 0 24px 0; }
39342   md-dialog.project-dialog .error-list {
39343     font-size: 13px;
39344     padding-top: -40px; }
39345     md-dialog.project-dialog .error-list .error {
39346       background-color: rgba(244, 67, 54, 0.08);
39347       border: 1px solid rgba(244, 67, 54, 0.12);
39348       padding-left: 16px;
39349       margin-top: 8px;
39350       border-radius: 2px; }
39351       md-dialog.project-dialog .error-list .error .message {
39352         font-weight: 500; }
39353       md-dialog.project-dialog .error-list .error .md-button {
39354         margin: 0; }
39355       md-dialog.project-dialog .error-list .error:last-child {
39356         margin-bottom: 30px; }
39357   md-dialog.project-dialog md-dialog-actions {
39358     position: relative;
39359     overflow-y: hidden;
39360     overflow-x: auto;
39361     justify-content: space-between;
39362     background-color: rgba(0, 0, 0, 0.03);
39363     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39364   md-dialog.project-dialog .hint {
39365     font-size: 12px;
39366     line-height: 20px;
39367     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39368     /* Set our own color */
39369     color: grey; }
39370
39371 @media screen and (max-width: 1280px) {
39372   md-dialog.task-dialog {
39373     width: 80%; } }
39374
39375 @media screen and (max-width: 960px) {
39376   md-dialog.task-dialog {
39377     width: 90%; } }
39378
39379 #callysquare-project .header {
39380   height: 120px;
39381   min-height: 120px;
39382   max-height: 120px; }
39383   #callysquare-project .header .goto-projects-button {
39384     margin-right: 16px; }
39385   #callysquare-project .header .project-image {
39386     overflow: hidden;
39387     width: 56px;
39388     height: 56px;
39389     margin-right: 16px;
39390     border: 3px solid rgba(0, 0, 0, 0.12); }
39391     #callysquare-project .header .project-image img {
39392       height: 100%;
39393       width: auto;
39394       max-width: none; }
39395   #callysquare-project .header .subtitle {
39396     margin: 6px 0 0 0; }
39397
39398 #callysquare-project .project-detail-form-container {
39399   padding: 24px;
39400   margin-bottom: 24px; }
39401   #callysquare-project .project-detail-form-container .hint {
39402     font-size: 12px;
39403     line-height: 20px;
39404     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39405     /* Set our own color */
39406     color: grey; }
39407   #callysquare-project .project-detail-form-container #project-image-uploader {
39408     position: relative; }
39409     #callysquare-project .project-detail-form-container #project-image-uploader.dropping .drop-text {
39410       display: flex; }
39411     #callysquare-project .project-detail-form-container #project-image-uploader .drop-text {
39412       display: none;
39413       position: absolute;
39414       top: 0;
39415       right: 0;
39416       bottom: 0;
39417       left: 0;
39418       padding: 16px;
39419       text-align: center;
39420       border: 2px dashed rgba(0, 0, 0, 0.12);
39421       background: #FFFFFF;
39422       font-size: 20px;
39423       z-index: 100; }
39424     #callysquare-project .project-detail-form-container #project-image-uploader .upload-button {
39425       margin-bottom: 16px; }
39426     #callysquare-project .project-detail-form-container #project-image-uploader .project-image {
39427       position: relative;
39428       width: 200px;
39429       height: 200px;
39430       border: 1px solid rgba(0, 0, 0, 0.12);
39431       margin: 8px; }
39432       #callysquare-project .project-detail-form-container #project-image-uploader .project-image.uploading .overlay {
39433         position: absolute;
39434         top: 0;
39435         right: 0;
39436         bottom: 0;
39437         left: 0;
39438         background: rgba(0, 0, 0, 0.87); }
39439       #callysquare-project .project-detail-form-container #project-image-uploader .project-image .media {
39440         max-height: 100%; }
39441
39442 #callysquare-project > .callysquare-content {
39443   position: absolute;
39444   top: 120px;
39445   bottom: 0;
39446   left: 0;
39447   right: 0; }
39448
39449 #projects {
39450   position: relative; }
39451   #projects > .header {
39452     height: 76px;
39453     min-height: 76px;
39454     max-height: 76px; }
39455     #projects > .header .logo .logo-icon {
39456       margin: 0 16px 0 0; }
39457     #projects > .header .logo .logo-text {
39458       font-size: 24px; }
39459     #projects > .header md-icon {
39460       color: #FFFFFF; }
39461     #projects > .header .search-input-wrapper {
39462       position: relative; }
39463       #projects > .header .search-input-wrapper label {
39464         padding-right: 4px;
39465         cursor: pointer; }
39466         #projects > .header .search-input-wrapper label md-icon {
39467           color: rgba(255, 255, 255, 0.8); }
39468       #projects > .header .search-input-wrapper md-input-container .md-errors-spacer {
39469         display: none; }
39470       #projects > .header .search-input-wrapper md-input-container input {
39471         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
39472         color: rgba(255, 255, 255, 0.8);
39473         width: 240px; }
39474         #projects > .header .search-input-wrapper md-input-container input::placeholder {
39475           color: rgba(255, 255, 255, 0.8); }
39476         #projects > .header .search-input-wrapper md-input-container input:focus {
39477           border-bottom: 1px solid white;
39478           color: white; }
39479     #projects > .header.selected-bar {
39480       position: absolute;
39481       top: 0;
39482       left: 0;
39483       right: 0;
39484       z-index: 999;
39485       background-image: none;
39486       opacity: 1 !important; }
39487       #projects > .header.selected-bar .close-button-wrapper {
39488         width: 244px; }
39489   #projects > .content {
39490     position: absolute;
39491     top: 76px;
39492     bottom: 0;
39493     right: 0;
39494     left: 0; }
39495     #projects > .content .main {
39496       padding: 16px 90px 0 4px;
39497       position: absolute;
39498       top: 0;
39499       left: 24px;
39500       right: 0;
39501       bottom: 0; }
39502       #projects > .content .main .no-results {
39503         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
39504   #projects #add-project-button {
39505     position: fixed;
39506     bottom: 8px;
39507     right: 8px;
39508     padding: 0; }
39509
39510 md-dialog.squareRecording-dialog {
39511   max-width: 720px;
39512   width: 720px; }
39513   md-dialog.squareRecording-dialog md-dialog-content {
39514     display: block;
39515     position: relative; }
39516   md-dialog.squareRecording-dialog md-toolbar .title {
39517     font-size: 17px; }
39518   md-dialog.squareRecording-dialog md-input-container textarea {
39519     min-height: 150px; }
39520   md-dialog.squareRecording-dialog md-input-container .hint {
39521     font-size: 12px;
39522     line-height: 20px;
39523     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39524     /* Set our own color */
39525     color: grey; }
39526   md-dialog.squareRecording-dialog md-input-container md-input-container md-switch {
39527     margin: 0px !important; }
39528   md-dialog.squareRecording-dialog .date-container {
39529     padding: 16px 0 24px 0; }
39530   md-dialog.squareRecording-dialog .error-list {
39531     font-size: 13px;
39532     padding-top: -40px; }
39533     md-dialog.squareRecording-dialog .error-list .error {
39534       background-color: rgba(244, 67, 54, 0.08);
39535       border: 1px solid rgba(244, 67, 54, 0.12);
39536       padding-left: 16px;
39537       margin-top: 8px;
39538       border-radius: 2px; }
39539       md-dialog.squareRecording-dialog .error-list .error .message {
39540         font-weight: 500; }
39541       md-dialog.squareRecording-dialog .error-list .error .md-button {
39542         margin: 0; }
39543       md-dialog.squareRecording-dialog .error-list .error:last-child {
39544         margin-bottom: 30px; }
39545   md-dialog.squareRecording-dialog md-dialog-actions {
39546     position: relative;
39547     overflow-y: hidden;
39548     overflow-x: auto;
39549     justify-content: space-between;
39550     background-color: rgba(0, 0, 0, 0.03);
39551     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39552
39553 @media screen and (max-width: 1280px) {
39554   md-dialog.task-dialog {
39555     width: 80%; } }
39556
39557 @media screen and (max-width: 960px) {
39558   md-dialog.task-dialog {
39559     width: 90%; } }
39560
39561 #squareRecordings {
39562   position: relative; }
39563   #squareRecordings > .header {
39564     height: 76px;
39565     min-height: 76px;
39566     max-height: 76px; }
39567     #squareRecordings > .header .logo .logo-icon {
39568       margin: 0 16px 0 0; }
39569     #squareRecordings > .header .logo .logo-text {
39570       font-size: 24px; }
39571     #squareRecordings > .header md-icon {
39572       color: #FFFFFF; }
39573     #squareRecordings > .header .search-input-wrapper {
39574       position: relative; }
39575       #squareRecordings > .header .search-input-wrapper label {
39576         padding-right: 4px;
39577         cursor: pointer; }
39578         #squareRecordings > .header .search-input-wrapper label md-icon {
39579           color: rgba(255, 255, 255, 0.8); }
39580       #squareRecordings > .header .search-input-wrapper md-input-container .md-errors-spacer {
39581         display: none; }
39582       #squareRecordings > .header .search-input-wrapper md-input-container input {
39583         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
39584         color: rgba(255, 255, 255, 0.8);
39585         width: 240px; }
39586         #squareRecordings > .header .search-input-wrapper md-input-container input::placeholder {
39587           color: rgba(255, 255, 255, 0.8); }
39588         #squareRecordings > .header .search-input-wrapper md-input-container input:focus {
39589           border-bottom: 1px solid white;
39590           color: white; }
39591     #squareRecordings > .header.selected-bar {
39592       position: absolute;
39593       top: 0;
39594       left: 0;
39595       right: 0;
39596       z-index: 999;
39597       background-image: none;
39598       opacity: 1 !important; }
39599       #squareRecordings > .header.selected-bar .close-button-wrapper {
39600         width: 244px; }
39601   #squareRecordings > .content {
39602     position: absolute;
39603     top: 76px;
39604     bottom: 0;
39605     right: 0;
39606     left: 0; }
39607     #squareRecordings > .content .main {
39608       padding: 16px 90px 0 4px;
39609       position: absolute;
39610       top: 0;
39611       left: 24px;
39612       right: 0;
39613       bottom: 0; }
39614       #squareRecordings > .content .main .no-results {
39615         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
39616   #squareRecordings #add-squareRecording-button {
39617     position: fixed;
39618     bottom: 8px;
39619     right: 8px;
39620     padding: 0; }
39621
39622 #chatQueues {
39623   position: relative; }
39624   #chatQueues > .header {
39625     height: 76px;
39626     min-height: 76px;
39627     max-height: 76px; }
39628     #chatQueues > .header .logo .logo-icon {
39629       margin: 0 16px 0 0; }
39630     #chatQueues > .header .logo .logo-text {
39631       font-size: 24px; }
39632     #chatQueues > .header md-icon {
39633       color: #FFFFFF; }
39634     #chatQueues > .header .search-input-wrapper {
39635       position: relative; }
39636       #chatQueues > .header .search-input-wrapper label {
39637         padding-right: 4px;
39638         cursor: pointer; }
39639         #chatQueues > .header .search-input-wrapper label md-icon {
39640           color: rgba(255, 255, 255, 0.8); }
39641       #chatQueues > .header .search-input-wrapper md-input-container .md-errors-spacer {
39642         display: none; }
39643       #chatQueues > .header .search-input-wrapper md-input-container input {
39644         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
39645         color: rgba(255, 255, 255, 0.8);
39646         width: 240px; }
39647         #chatQueues > .header .search-input-wrapper md-input-container input::placeholder {
39648           color: rgba(255, 255, 255, 0.8); }
39649         #chatQueues > .header .search-input-wrapper md-input-container input:focus {
39650           border-bottom: 1px solid white;
39651           color: white; }
39652     #chatQueues > .header.selected-bar {
39653       position: absolute;
39654       top: 0;
39655       left: 0;
39656       right: 0;
39657       z-index: 999;
39658       background-image: none;
39659       opacity: 1 !important; }
39660       #chatQueues > .header.selected-bar .close-button-wrapper {
39661         width: 244px; }
39662   #chatQueues > .content {
39663     position: absolute;
39664     top: 76px;
39665     bottom: 0;
39666     right: 0;
39667     left: 0; }
39668     #chatQueues > .content .main {
39669       padding: 16px 90px 0 4px;
39670       position: absolute;
39671       top: 0;
39672       left: 24px;
39673       right: 0;
39674       bottom: 0; }
39675       #chatQueues > .content .main .no-results {
39676         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
39677   #chatQueues #add-chatQueue-button {
39678     position: fixed;
39679     bottom: 8px;
39680     right: 8px;
39681     padding: 0; }
39682
39683 md-dialog.chatQueue-dialog {
39684   max-width: 720px;
39685   width: 720px; }
39686   md-dialog.chatQueue-dialog md-dialog-content {
39687     display: block;
39688     position: relative; }
39689   md-dialog.chatQueue-dialog md-toolbar .title {
39690     font-size: 17px; }
39691   md-dialog.chatQueue-dialog md-input-container textarea {
39692     min-height: 150px; }
39693   md-dialog.chatQueue-dialog md-input-container .hint {
39694     font-size: 12px;
39695     line-height: 20px;
39696     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39697     /* Set our own color */
39698     color: grey; }
39699   md-dialog.chatQueue-dialog md-input-container md-input-container md-switch {
39700     margin: 0px !important; }
39701   md-dialog.chatQueue-dialog .date-container {
39702     padding: 16px 0 24px 0; }
39703   md-dialog.chatQueue-dialog .error-list {
39704     font-size: 13px;
39705     padding-top: -40px; }
39706     md-dialog.chatQueue-dialog .error-list .error {
39707       background-color: rgba(244, 67, 54, 0.08);
39708       border: 1px solid rgba(244, 67, 54, 0.12);
39709       padding-left: 16px;
39710       margin-top: 8px;
39711       border-radius: 2px; }
39712       md-dialog.chatQueue-dialog .error-list .error .message {
39713         font-weight: 500; }
39714       md-dialog.chatQueue-dialog .error-list .error .md-button {
39715         margin: 0; }
39716       md-dialog.chatQueue-dialog .error-list .error:last-child {
39717         margin-bottom: 30px; }
39718   md-dialog.chatQueue-dialog md-dialog-actions {
39719     position: relative;
39720     overflow-y: hidden;
39721     overflow-x: auto;
39722     justify-content: space-between;
39723     background-color: rgba(0, 0, 0, 0.03);
39724     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39725
39726 @media screen and (max-width: 1280px) {
39727   md-dialog.task-dialog {
39728     width: 80%; } }
39729
39730 @media screen and (max-width: 960px) {
39731   md-dialog.task-dialog {
39732     width: 90%; } }
39733
39734 #chat-chatQueue .header {
39735   height: 120px;
39736   min-height: 120px;
39737   max-height: 120px; }
39738   #chat-chatQueue .header .goto-chatQueues-button {
39739     margin-right: 16px; }
39740   #chat-chatQueue .header .chatQueue-image {
39741     overflow: hidden;
39742     width: 56px;
39743     height: 56px;
39744     margin-right: 16px;
39745     border: 3px solid rgba(0, 0, 0, 0.12); }
39746     #chat-chatQueue .header .chatQueue-image img {
39747       height: 100%;
39748       width: auto;
39749       max-width: none; }
39750   #chat-chatQueue .header .subtitle {
39751     margin: 6px 0 0 0; }
39752
39753 #chat-chatQueue .chatQueue-detail-form-container {
39754   padding: 24px;
39755   margin-bottom: 24px; }
39756   #chat-chatQueue .chatQueue-detail-form-container .hint {
39757     font-size: 12px;
39758     line-height: 20px;
39759     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39760     /* Set our own color */
39761     color: grey; }
39762   #chat-chatQueue .chatQueue-detail-form-container .handle {
39763     cursor: move; }
39764   #chat-chatQueue .chatQueue-detail-form-container md-input-container md-switch {
39765     margin: 0px !important; }
39766   #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader {
39767     position: relative; }
39768     #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader.dropping .drop-text {
39769       display: flex; }
39770     #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader .drop-text {
39771       display: none;
39772       position: absolute;
39773       top: 0;
39774       right: 0;
39775       bottom: 0;
39776       left: 0;
39777       padding: 16px;
39778       text-align: center;
39779       border: 2px dashed rgba(0, 0, 0, 0.12);
39780       background: #FFFFFF;
39781       font-size: 20px;
39782       z-index: 100; }
39783     #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader .upload-button {
39784       margin-bottom: 16px; }
39785     #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader .chatQueue-image {
39786       position: relative;
39787       width: 200px;
39788       height: 200px;
39789       border: 1px solid rgba(0, 0, 0, 0.12);
39790       margin: 8px; }
39791       #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader .chatQueue-image.uploading .overlay {
39792         position: absolute;
39793         top: 0;
39794         right: 0;
39795         bottom: 0;
39796         left: 0;
39797         background: rgba(0, 0, 0, 0.87); }
39798       #chat-chatQueue .chatQueue-detail-form-container #chatQueue-image-uploader .chatQueue-image .media {
39799         max-height: 100%; }
39800
39801 #chatWebsites {
39802   position: relative; }
39803   #chatWebsites > .header {
39804     height: 76px;
39805     min-height: 76px;
39806     max-height: 76px; }
39807     #chatWebsites > .header .logo .logo-icon {
39808       margin: 0 16px 0 0; }
39809     #chatWebsites > .header .logo .logo-text {
39810       font-size: 24px; }
39811     #chatWebsites > .header md-icon {
39812       color: #FFFFFF; }
39813     #chatWebsites > .header .search-input-wrapper {
39814       position: relative; }
39815       #chatWebsites > .header .search-input-wrapper label {
39816         padding-right: 4px;
39817         cursor: pointer; }
39818         #chatWebsites > .header .search-input-wrapper label md-icon {
39819           color: rgba(255, 255, 255, 0.8); }
39820       #chatWebsites > .header .search-input-wrapper md-input-container .md-errors-spacer {
39821         display: none; }
39822       #chatWebsites > .header .search-input-wrapper md-input-container input {
39823         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
39824         color: rgba(255, 255, 255, 0.8);
39825         width: 240px; }
39826         #chatWebsites > .header .search-input-wrapper md-input-container input::placeholder {
39827           color: rgba(255, 255, 255, 0.8); }
39828         #chatWebsites > .header .search-input-wrapper md-input-container input:focus {
39829           border-bottom: 1px solid white;
39830           color: white; }
39831     #chatWebsites > .header.selected-bar {
39832       position: absolute;
39833       top: 0;
39834       left: 0;
39835       right: 0;
39836       z-index: 999;
39837       background-image: none;
39838       opacity: 1 !important; }
39839       #chatWebsites > .header.selected-bar .close-button-wrapper {
39840         width: 244px; }
39841   #chatWebsites > .content {
39842     position: absolute;
39843     top: 76px;
39844     bottom: 0;
39845     right: 0;
39846     left: 0; }
39847     #chatWebsites > .content .main {
39848       padding: 16px 90px 0 4px;
39849       position: absolute;
39850       top: 0;
39851       left: 24px;
39852       right: 0;
39853       bottom: 0; }
39854       #chatWebsites > .content .main .no-results {
39855         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
39856   #chatWebsites #add-chatWebsite-button {
39857     position: fixed;
39858     bottom: 8px;
39859     right: 8px;
39860     padding: 0; }
39861
39862 md-dialog.chatWebsite-dialog {
39863   max-width: 720px;
39864   width: 720px; }
39865   md-dialog.chatWebsite-dialog md-dialog-content {
39866     display: block;
39867     position: relative; }
39868   md-dialog.chatWebsite-dialog md-toolbar .title {
39869     font-size: 17px; }
39870   md-dialog.chatWebsite-dialog md-input-container textarea {
39871     min-height: 150px; }
39872   md-dialog.chatWebsite-dialog md-input-container .hint {
39873     font-size: 12px;
39874     line-height: 20px;
39875     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39876     /* Set our own color */
39877     color: grey; }
39878   md-dialog.chatWebsite-dialog md-input-container md-input-container md-switch {
39879     margin: 0px !important; }
39880   md-dialog.chatWebsite-dialog .date-container {
39881     padding: 16px 0 24px 0; }
39882   md-dialog.chatWebsite-dialog .error-list {
39883     font-size: 13px;
39884     padding-top: -40px; }
39885     md-dialog.chatWebsite-dialog .error-list .error {
39886       background-color: rgba(244, 67, 54, 0.08);
39887       border: 1px solid rgba(244, 67, 54, 0.12);
39888       padding-left: 16px;
39889       margin-top: 8px;
39890       border-radius: 2px; }
39891       md-dialog.chatWebsite-dialog .error-list .error .message {
39892         font-weight: 500; }
39893       md-dialog.chatWebsite-dialog .error-list .error .md-button {
39894         margin: 0; }
39895       md-dialog.chatWebsite-dialog .error-list .error:last-child {
39896         margin-bottom: 30px; }
39897   md-dialog.chatWebsite-dialog md-dialog-actions {
39898     position: relative;
39899     overflow-y: hidden;
39900     overflow-x: auto;
39901     justify-content: space-between;
39902     background-color: rgba(0, 0, 0, 0.03);
39903     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39904
39905 @media screen and (max-width: 1280px) {
39906   md-dialog.task-dialog {
39907     width: 80%; } }
39908
39909 @media screen and (max-width: 960px) {
39910   md-dialog.task-dialog {
39911     width: 90%; } }
39912
39913 md-dialog.chatDisposition-dialog {
39914   max-width: 720px;
39915   width: 720px; }
39916   md-dialog.chatDisposition-dialog md-dialog-content {
39917     display: block;
39918     position: relative; }
39919   md-dialog.chatDisposition-dialog md-toolbar .title {
39920     font-size: 17px; }
39921   md-dialog.chatDisposition-dialog md-input-container textarea {
39922     min-height: 150px; }
39923   md-dialog.chatDisposition-dialog md-input-container .hint {
39924     font-size: 12px;
39925     line-height: 20px;
39926     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39927     /* Set our own color */
39928     color: grey; }
39929   md-dialog.chatDisposition-dialog md-input-container md-input-container md-switch {
39930     margin: 0px !important; }
39931   md-dialog.chatDisposition-dialog .date-container {
39932     padding: 16px 0 24px 0; }
39933   md-dialog.chatDisposition-dialog .error-list {
39934     font-size: 13px;
39935     padding-top: -40px; }
39936     md-dialog.chatDisposition-dialog .error-list .error {
39937       background-color: rgba(244, 67, 54, 0.08);
39938       border: 1px solid rgba(244, 67, 54, 0.12);
39939       padding-left: 16px;
39940       margin-top: 8px;
39941       border-radius: 2px; }
39942       md-dialog.chatDisposition-dialog .error-list .error .message {
39943         font-weight: 500; }
39944       md-dialog.chatDisposition-dialog .error-list .error .md-button {
39945         margin: 0; }
39946       md-dialog.chatDisposition-dialog .error-list .error:last-child {
39947         margin-bottom: 30px; }
39948   md-dialog.chatDisposition-dialog md-dialog-actions {
39949     position: relative;
39950     overflow-y: hidden;
39951     overflow-x: auto;
39952     justify-content: space-between;
39953     background-color: rgba(0, 0, 0, 0.03);
39954     border-top: 1px solid rgba(0, 0, 0, 0.12); }
39955
39956 @media screen and (max-width: 1280px) {
39957   md-dialog.task-dialog {
39958     width: 80%; } }
39959
39960 @media screen and (max-width: 960px) {
39961   md-dialog.task-dialog {
39962     width: 90%; } }
39963
39964 #chat-chatWebsite .header {
39965   height: 120px;
39966   min-height: 120px;
39967   max-height: 120px; }
39968   #chat-chatWebsite .header .goto-chatWebsites-button {
39969     margin-right: 16px; }
39970   #chat-chatWebsite .header .chatWebsite-image {
39971     overflow: hidden;
39972     width: 56px;
39973     height: 56px;
39974     margin-right: 16px;
39975     border: 3px solid rgba(0, 0, 0, 0.12); }
39976     #chat-chatWebsite .header .chatWebsite-image img {
39977       height: 100%;
39978       width: auto;
39979       max-width: none; }
39980   #chat-chatWebsite .header .subtitle {
39981     margin: 6px 0 0 0; }
39982
39983 #chat-chatWebsite .chatWebsite-detail-form-container {
39984   padding: 24px;
39985   margin-bottom: 24px; }
39986   #chat-chatWebsite .chatWebsite-detail-form-container .hint {
39987     font-size: 12px;
39988     line-height: 20px;
39989     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
39990     /* Set our own color */
39991     color: grey; }
39992   #chat-chatWebsite .chatWebsite-detail-form-container .handle {
39993     cursor: move; }
39994   #chat-chatWebsite .chatWebsite-detail-form-container md-input-container md-switch {
39995     margin: 0px !important; }
39996   #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader {
39997     position: relative; }
39998     #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader.dropping .drop-text {
39999       display: flex; }
40000     #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader .drop-text {
40001       display: none;
40002       position: absolute;
40003       top: 0;
40004       right: 0;
40005       bottom: 0;
40006       left: 0;
40007       padding: 16px;
40008       text-align: center;
40009       border: 2px dashed rgba(0, 0, 0, 0.12);
40010       background: #FFFFFF;
40011       font-size: 20px;
40012       z-index: 100; }
40013     #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader .upload-button {
40014       margin-bottom: 16px; }
40015     #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader .chatWebsite-image {
40016       position: relative;
40017       width: 200px;
40018       height: 200px;
40019       border: 1px solid rgba(0, 0, 0, 0.12);
40020       margin: 8px; }
40021       #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader .chatWebsite-image.uploading .overlay {
40022         position: absolute;
40023         top: 0;
40024         right: 0;
40025         bottom: 0;
40026         left: 0;
40027         background: rgba(0, 0, 0, 0.87); }
40028       #chat-chatWebsite .chatWebsite-detail-form-container #chatWebsite-image-uploader .chatWebsite-image .media {
40029         max-height: 100%; }
40030
40031 #companies {
40032   position: relative; }
40033   #companies > .header {
40034     height: 76px;
40035     min-height: 76px;
40036     max-height: 76px; }
40037     #companies > .header .logo .logo-icon {
40038       margin: 0 16px 0 0; }
40039     #companies > .header .logo .logo-text {
40040       font-size: 24px; }
40041     #companies > .header md-icon {
40042       color: #FFFFFF; }
40043     #companies > .header .search-input-wrapper {
40044       position: relative; }
40045       #companies > .header .search-input-wrapper label {
40046         padding-right: 4px;
40047         cursor: pointer; }
40048         #companies > .header .search-input-wrapper label md-icon {
40049           color: rgba(255, 255, 255, 0.8); }
40050       #companies > .header .search-input-wrapper md-input-container .md-errors-spacer {
40051         display: none; }
40052       #companies > .header .search-input-wrapper md-input-container input {
40053         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
40054         color: rgba(255, 255, 255, 0.8);
40055         width: 240px; }
40056         #companies > .header .search-input-wrapper md-input-container input::placeholder {
40057           color: rgba(255, 255, 255, 0.8); }
40058         #companies > .header .search-input-wrapper md-input-container input:focus {
40059           border-bottom: 1px solid white;
40060           color: white; }
40061     #companies > .header.selected-bar {
40062       position: absolute;
40063       top: 0;
40064       left: 0;
40065       right: 0;
40066       z-index: 999;
40067       background-image: none;
40068       opacity: 1 !important; }
40069       #companies > .header.selected-bar .close-button-wrapper {
40070         width: 244px; }
40071   #companies > .content {
40072     position: absolute;
40073     top: 76px;
40074     bottom: 0;
40075     right: 0;
40076     left: 0; }
40077     #companies > .content .main {
40078       padding: 16px 90px 0 4px;
40079       position: absolute;
40080       top: 0;
40081       left: 24px;
40082       right: 0;
40083       bottom: 0; }
40084       #companies > .content .main .no-results {
40085         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
40086   #companies #add-company-button {
40087     position: fixed;
40088     bottom: 8px;
40089     right: 8px;
40090     padding: 0; }
40091
40092 md-dialog.company-dialog {
40093   max-width: 720px;
40094   width: 720px; }
40095   md-dialog.company-dialog md-dialog-content {
40096     display: block;
40097     position: relative; }
40098   md-dialog.company-dialog md-toolbar .title {
40099     font-size: 17px; }
40100   md-dialog.company-dialog md-input-container textarea {
40101     min-height: 150px; }
40102   md-dialog.company-dialog md-input-container .hint {
40103     font-size: 12px;
40104     line-height: 20px;
40105     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40106     /* Set our own color */
40107     color: grey; }
40108   md-dialog.company-dialog md-input-container md-input-container md-switch {
40109     margin: 0px !important; }
40110   md-dialog.company-dialog .date-container {
40111     padding: 16px 0 24px 0; }
40112   md-dialog.company-dialog .error-list {
40113     font-size: 13px;
40114     padding-top: -40px; }
40115     md-dialog.company-dialog .error-list .error {
40116       background-color: rgba(244, 67, 54, 0.08);
40117       border: 1px solid rgba(244, 67, 54, 0.12);
40118       padding-left: 16px;
40119       margin-top: 8px;
40120       border-radius: 2px; }
40121       md-dialog.company-dialog .error-list .error .message {
40122         font-weight: 500; }
40123       md-dialog.company-dialog .error-list .error .md-button {
40124         margin: 0; }
40125       md-dialog.company-dialog .error-list .error:last-child {
40126         margin-bottom: 30px; }
40127   md-dialog.company-dialog md-dialog-actions {
40128     position: relative;
40129     overflow-y: hidden;
40130     overflow-x: auto;
40131     justify-content: space-between;
40132     background-color: rgba(0, 0, 0, 0.03);
40133     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40134
40135 @media screen and (max-width: 1280px) {
40136   md-dialog.task-dialog {
40137     width: 80%; } }
40138
40139 @media screen and (max-width: 960px) {
40140   md-dialog.task-dialog {
40141     width: 90%; } }
40142
40143 #contactmanager-company .header {
40144   height: 120px;
40145   min-height: 120px;
40146   max-height: 120px; }
40147   #contactmanager-company .header .goto-companies-button {
40148     margin-right: 16px; }
40149   #contactmanager-company .header .company-image {
40150     overflow: hidden;
40151     width: 56px;
40152     height: 56px;
40153     margin-right: 16px;
40154     border: 3px solid rgba(0, 0, 0, 0.12); }
40155     #contactmanager-company .header .company-image img {
40156       height: 100%;
40157       width: auto;
40158       max-width: none; }
40159   #contactmanager-company .header .subtitle {
40160     margin: 6px 0 0 0; }
40161
40162 #contactmanager-company .company-detail-form-container {
40163   padding: 24px;
40164   margin-bottom: 24px; }
40165   #contactmanager-company .company-detail-form-container .hint {
40166     font-size: 12px;
40167     line-height: 20px;
40168     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40169     /* Set our own color */
40170     color: grey; }
40171   #contactmanager-company .company-detail-form-container .handle {
40172     cursor: move; }
40173   #contactmanager-company .company-detail-form-container md-input-container md-switch {
40174     margin: 0px !important; }
40175   #contactmanager-company .company-detail-form-container #company-image-uploader {
40176     position: relative; }
40177     #contactmanager-company .company-detail-form-container #company-image-uploader.dropping .drop-text {
40178       display: flex; }
40179     #contactmanager-company .company-detail-form-container #company-image-uploader .drop-text {
40180       display: none;
40181       position: absolute;
40182       top: 0;
40183       right: 0;
40184       bottom: 0;
40185       left: 0;
40186       padding: 16px;
40187       text-align: center;
40188       border: 2px dashed rgba(0, 0, 0, 0.12);
40189       background: #FFFFFF;
40190       font-size: 20px;
40191       z-index: 100; }
40192     #contactmanager-company .company-detail-form-container #company-image-uploader .upload-button {
40193       margin-bottom: 16px; }
40194     #contactmanager-company .company-detail-form-container #company-image-uploader .company-image {
40195       position: relative;
40196       width: 200px;
40197       height: 200px;
40198       border: 1px solid rgba(0, 0, 0, 0.12);
40199       margin: 8px; }
40200       #contactmanager-company .company-detail-form-container #company-image-uploader .company-image.uploading .overlay {
40201         position: absolute;
40202         top: 0;
40203         right: 0;
40204         bottom: 0;
40205         left: 0;
40206         background: rgba(0, 0, 0, 0.87); }
40207       #contactmanager-company .company-detail-form-container #company-image-uploader .company-image .media {
40208         max-height: 100%; }
40209
40210 #cm-contacts {
40211   position: relative; }
40212   #cm-contacts > .header {
40213     height: 76px;
40214     min-height: 76px;
40215     max-height: 76px; }
40216     #cm-contacts > .header .logo .logo-icon {
40217       margin: 0 16px 0 0; }
40218     #cm-contacts > .header .logo .logo-text {
40219       font-size: 24px; }
40220     #cm-contacts > .header md-icon {
40221       color: #FFFFFF; }
40222     #cm-contacts > .header .search-input-wrapper {
40223       position: relative; }
40224       #cm-contacts > .header .search-input-wrapper label {
40225         padding-right: 4px;
40226         cursor: pointer; }
40227         #cm-contacts > .header .search-input-wrapper label md-icon {
40228           color: rgba(255, 255, 255, 0.8); }
40229       #cm-contacts > .header .search-input-wrapper md-input-container .md-errors-spacer {
40230         display: none; }
40231       #cm-contacts > .header .search-input-wrapper md-input-container input {
40232         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
40233         color: rgba(255, 255, 255, 0.8);
40234         width: 240px; }
40235         #cm-contacts > .header .search-input-wrapper md-input-container input::placeholder {
40236           color: rgba(255, 255, 255, 0.8); }
40237         #cm-contacts > .header .search-input-wrapper md-input-container input:focus {
40238           border-bottom: 1px solid white;
40239           color: white; }
40240     #cm-contacts > .header.selected-bar {
40241       position: absolute;
40242       top: 0;
40243       left: 0;
40244       right: 0;
40245       z-index: 999;
40246       background-image: none;
40247       opacity: 1 !important; }
40248       #cm-contacts > .header.selected-bar .close-button-wrapper {
40249         width: 244px; }
40250   #cm-contacts > .content {
40251     position: absolute;
40252     top: 76px;
40253     bottom: 0;
40254     right: 0;
40255     left: 0; }
40256     #cm-contacts > .content > md-sidenav {
40257       box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
40258       padding: 0; }
40259       #cm-contacts > .content > md-sidenav .selected-list {
40260         background-color: rgba(158, 158, 158, 0.2); }
40261     #cm-contacts > .content .main {
40262       padding: 16px 90px 0 4px;
40263       position: absolute;
40264       top: 0;
40265       left: 24px;
40266       right: 0;
40267       bottom: 0; }
40268       #cm-contacts > .content .main .contacts-list {
40269         box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
40270         position: relative;
40271         margin-top: 8px;
40272         padding-bottom: 0; }
40273         #cm-contacts > .content .main .contacts-list .md-subheader {
40274           box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
40275           border-bottom: 1px solid rgba(0, 0, 0, 0.14); }
40276           #cm-contacts > .content .main .contacts-list .md-subheader ._md-subheader-inner {
40277             padding: 16px; }
40278           #cm-contacts > .content .main .contacts-list .md-subheader .contacts-count {
40279             padding-left: 4px; }
40280           #cm-contacts > .content .main .contacts-list .md-subheader .list-title {
40281             margin-right: 4px; }
40282           #cm-contacts > .content .main .contacts-list .md-subheader .edit-group-form .editable-controls {
40283             display: flex;
40284             flex-direction: row;
40285             align-items: center;
40286             justify-content: flex-start; }
40287             #cm-contacts > .content .main .contacts-list .md-subheader .edit-group-form .editable-controls .editable-input {
40288               border: 1px solid rgba(0, 0, 0, 0.2);
40289               padding: 4px 6px;
40290               margin-right: 6px;
40291               font-size: 13px; }
40292           #cm-contacts > .content .main .contacts-list .md-subheader .edit-group-form .edit-group-button {
40293             margin: 0; }
40294           #cm-contacts > .content .main .contacts-list .md-subheader .edit-group-form .md-button {
40295             margin: 0;
40296             margin: 0;
40297             padding: 0;
40298             height: 32px;
40299             min-height: 32px;
40300             line-height: 32px;
40301             width: 32px; }
40302         #cm-contacts > .content .main .contacts-list .contact-item {
40303           position: absolute;
40304           right: 0;
40305           left: 0;
40306           width: 100%;
40307           box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
40308           background: white;
40309           transition: transform 200ms ease-out;
40310           will-change: transform; }
40311           #cm-contacts > .content .main .contacts-list .contact-item:last-of-type {
40312             margin-bottom: 24px; }
40313           #cm-contacts > .content .main .contacts-list .contact-item.ng-leave {
40314             transform: translateY(0);
40315             display: none; }
40316             #cm-contacts > .content .main .contacts-list .contact-item.ng-leave.ng-leave-active {
40317               transform: translateY(-100%); }
40318           #cm-contacts > .content .main .contacts-list .contact-item.ng-hide {
40319             display: none; }
40320           #cm-contacts > .content .main .contacts-list .contact-item.ng-hide-add-active, #cm-contacts > .content .main .contacts-list .contact-item.ng-hide-remove-active {
40321             display: block;
40322             transition-property: all; }
40323       #cm-contacts > .content .main .no-results {
40324         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
40325   #cm-contacts md-fab-speed-dial .text-capitalize {
40326     text-transform: capitalize; }
40327   #cm-contacts md-fab-speed-dial .md-fab:hover,
40328   #cm-contacts md-fab-speed-dial .md-fab.md-focused {
40329     background-color: #000 !important; }
40330   #cm-contacts md-fab-speed-dial p.note {
40331     font-size: 1.2rem; }
40332   #cm-contacts md-fab-speed-dial .lock-size {
40333     min-width: 300px;
40334     min-height: 300px;
40335     width: 300px;
40336     height: 300px;
40337     margin-left: auto;
40338     margin-right: auto; }
40339   #cm-contacts #add-contact-button {
40340     position: fixed;
40341     bottom: 8px;
40342     right: 8px;
40343     padding: 0; }
40344
40345 @media screen and (min-width: 1280px) {
40346   #cm-contacts > .content .main {
40347     left: 268px; } }
40348
40349 md-dialog.cm-contact-dialog {
40350   max-width: 720px;
40351   width: 720px; }
40352   md-dialog.cm-contact-dialog md-dialog-content {
40353     display: block;
40354     position: relative; }
40355   md-dialog.cm-contact-dialog md-toolbar .title {
40356     font-size: 17px; }
40357   md-dialog.cm-contact-dialog md-input-container textarea {
40358     min-height: 150px; }
40359   md-dialog.cm-contact-dialog .date-container {
40360     padding: 16px 0 24px 0; }
40361   md-dialog.cm-contact-dialog .error-list {
40362     font-size: 13px;
40363     padding-top: -40px; }
40364     md-dialog.cm-contact-dialog .error-list .error {
40365       background-color: rgba(244, 67, 54, 0.08);
40366       border: 1px solid rgba(244, 67, 54, 0.12);
40367       padding-left: 16px;
40368       margin-top: 8px;
40369       border-radius: 2px; }
40370       md-dialog.cm-contact-dialog .error-list .error .message {
40371         font-weight: 500; }
40372       md-dialog.cm-contact-dialog .error-list .error .md-button {
40373         margin: 0; }
40374       md-dialog.cm-contact-dialog .error-list .error:last-child {
40375         margin-bottom: 30px; }
40376   md-dialog.cm-contact-dialog md-dialog-actions {
40377     position: relative;
40378     overflow-y: hidden;
40379     overflow-x: auto;
40380     justify-content: space-between;
40381     background-color: rgba(0, 0, 0, 0.03);
40382     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40383
40384 @media screen and (max-width: 1280px) {
40385   md-dialog.task-dialog {
40386     width: 80%; } }
40387
40388 @media screen and (max-width: 960px) {
40389   md-dialog.task-dialog {
40390     width: 90%; } }
40391
40392 md-dialog.cm-contact-dialog {
40393   max-width: 720px;
40394   width: 720px; }
40395   md-dialog.cm-contact-dialog md-dialog-content {
40396     display: block;
40397     position: relative; }
40398   md-dialog.cm-contact-dialog md-toolbar .title {
40399     font-size: 17px; }
40400   md-dialog.cm-contact-dialog md-input-container textarea {
40401     min-height: 150px; }
40402   md-dialog.cm-contact-dialog .date-container {
40403     padding: 16px 0 24px 0; }
40404   md-dialog.cm-contact-dialog .error-list {
40405     font-size: 13px;
40406     padding-top: -40px; }
40407     md-dialog.cm-contact-dialog .error-list .error {
40408       background-color: rgba(244, 67, 54, 0.08);
40409       border: 1px solid rgba(244, 67, 54, 0.12);
40410       padding-left: 16px;
40411       margin-top: 8px;
40412       border-radius: 2px; }
40413       md-dialog.cm-contact-dialog .error-list .error .message {
40414         font-weight: 500; }
40415       md-dialog.cm-contact-dialog .error-list .error .md-button {
40416         margin: 0; }
40417       md-dialog.cm-contact-dialog .error-list .error:last-child {
40418         margin-bottom: 30px; }
40419   md-dialog.cm-contact-dialog md-dialog-actions {
40420     position: relative;
40421     overflow-y: hidden;
40422     overflow-x: auto;
40423     justify-content: space-between;
40424     background-color: rgba(0, 0, 0, 0.03);
40425     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40426
40427 @media screen and (max-width: 1280px) {
40428   md-dialog.task-dialog {
40429     width: 80%; } }
40430
40431 @media screen and (max-width: 960px) {
40432   md-dialog.task-dialog {
40433     width: 90%; } }
40434
40435 #cm-contact .pointer {
40436   cursor: pointer; }
40437
40438 #cm-contact .header {
40439   height: 120px;
40440   min-height: 120px;
40441   max-height: 120px; }
40442   #cm-contact .header .goto-contacts-button {
40443     margin-right: 16px; }
40444   #cm-contact .header .contact-image {
40445     overflow: hidden;
40446     width: 56px;
40447     height: 56px;
40448     margin-right: 16px;
40449     border: 3px solid rgba(0, 0, 0, 0.12); }
40450     #cm-contact .header .contact-image img {
40451       height: 100%;
40452       width: auto;
40453       max-width: none; }
40454   #cm-contact .header .subtitle {
40455     margin: 6px 0 0 0; }
40456
40457 #cm-contact .contact-detail-form-container {
40458   padding: 24px;
40459   margin-bottom: 24px; }
40460   #cm-contact .contact-detail-form-container md-input-container:not(.md-input-invalid) > md-icon.email {
40461     color: green; }
40462   #cm-contact .contact-detail-form-container md-input-container:not(.md-input-invalid) > md-icon.firstname {
40463     color: dodgerblue; }
40464   #cm-contact .contact-detail-form-container md-input-container.md-input-invalid > md-icon.email,
40465   #cm-contact .contact-detail-form-container md-input-container.md-input-invalid > md-icon.firstname {
40466     color: red; }
40467   #cm-contact .contact-detail-form-container .hint {
40468     /* Position the hint */
40469     position: absolute;
40470     left: 2px;
40471     right: auto;
40472     bottom: 7px;
40473     /* Copy styles from ng-messages */
40474     font-size: 12px;
40475     line-height: 14px;
40476     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40477     /* Set our own color */
40478     color: grey; }
40479
40480 md-dialog.cm-contact-dialog {
40481   max-width: 720px;
40482   width: 720px; }
40483   md-dialog.cm-contact-dialog md-dialog-content {
40484     display: block;
40485     position: relative; }
40486   md-dialog.cm-contact-dialog md-toolbar .title {
40487     font-size: 17px; }
40488   md-dialog.cm-contact-dialog md-input-container textarea {
40489     min-height: 150px; }
40490   md-dialog.cm-contact-dialog .date-container {
40491     padding: 16px 0 24px 0; }
40492   md-dialog.cm-contact-dialog .error-list {
40493     font-size: 13px;
40494     padding-top: -40px; }
40495     md-dialog.cm-contact-dialog .error-list .error {
40496       background-color: rgba(244, 67, 54, 0.08);
40497       border: 1px solid rgba(244, 67, 54, 0.12);
40498       padding-left: 16px;
40499       margin-top: 8px;
40500       border-radius: 2px; }
40501       md-dialog.cm-contact-dialog .error-list .error .message {
40502         font-weight: 500; }
40503       md-dialog.cm-contact-dialog .error-list .error .md-button {
40504         margin: 0; }
40505       md-dialog.cm-contact-dialog .error-list .error:last-child {
40506         margin-bottom: 30px; }
40507   md-dialog.cm-contact-dialog md-dialog-actions {
40508     position: relative;
40509     overflow-y: hidden;
40510     overflow-x: auto;
40511     justify-content: space-between;
40512     background-color: rgba(0, 0, 0, 0.03);
40513     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40514
40515 @media screen and (max-width: 1280px) {
40516   md-dialog.task-dialog {
40517     width: 80%; } }
40518
40519 @media screen and (max-width: 960px) {
40520   md-dialog.task-dialog {
40521     width: 90%; } }
40522
40523 md-dialog.upload-dialog {
40524   max-width: 720px;
40525   width: 720px; }
40526   md-dialog.upload-dialog md-dialog-content {
40527     display: block;
40528     position: relative; }
40529   md-dialog.upload-dialog md-toolbar .title {
40530     font-size: 17px; }
40531   md-dialog.upload-dialog md-input-container textarea {
40532     min-height: 150px; }
40533   md-dialog.upload-dialog .date-container {
40534     padding: 16px 0 24px 0; }
40535   md-dialog.upload-dialog .error-list {
40536     font-size: 13px;
40537     padding-top: -40px; }
40538     md-dialog.upload-dialog .error-list .error {
40539       background-color: rgba(244, 67, 54, 0.08);
40540       border: 1px solid rgba(244, 67, 54, 0.12);
40541       padding-left: 16px;
40542       margin-top: 8px;
40543       border-radius: 2px; }
40544       md-dialog.upload-dialog .error-list .error .message {
40545         font-weight: 500; }
40546       md-dialog.upload-dialog .error-list .error .md-button {
40547         margin: 0; }
40548       md-dialog.upload-dialog .error-list .error:last-child {
40549         margin-bottom: 30px; }
40550   md-dialog.upload-dialog .contact-image {
40551     overflow: hidden;
40552     width: 56px;
40553     height: 56px;
40554     margin-right: 16px;
40555     border: 3px solid rgba(0, 0, 0, 0.12); }
40556     md-dialog.upload-dialog .contact-image img {
40557       height: 100%;
40558       width: auto;
40559       max-width: none; }
40560     md-dialog.upload-dialog .contact-image .media {
40561       max-height: 100%; }
40562   md-dialog.upload-dialog md-dialog-actions {
40563     position: relative;
40564     overflow-y: hidden;
40565     overflow-x: auto;
40566     justify-content: space-between;
40567     background-color: rgba(0, 0, 0, 0.03);
40568     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40569
40570 @media screen and (max-width: 1280px) {
40571   md-dialog.task-dialog {
40572     width: 80%; } }
40573
40574 @media screen and (max-width: 960px) {
40575   md-dialog.task-dialog {
40576     width: 90%; } }
40577
40578 md-dialog.globalCustomField-dialog {
40579   max-width: 720px;
40580   width: 720px; }
40581   md-dialog.globalCustomField-dialog md-dialog-content {
40582     display: block;
40583     position: relative; }
40584   md-dialog.globalCustomField-dialog md-toolbar .title {
40585     font-size: 17px; }
40586   md-dialog.globalCustomField-dialog md-input-container textarea {
40587     min-height: 150px; }
40588   md-dialog.globalCustomField-dialog md-input-container .hint {
40589     font-size: 12px;
40590     line-height: 20px;
40591     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40592     /* Set our own color */
40593     color: grey; }
40594   md-dialog.globalCustomField-dialog md-input-container md-input-container md-switch {
40595     margin: 0px !important; }
40596   md-dialog.globalCustomField-dialog .date-container {
40597     padding: 16px 0 24px 0; }
40598   md-dialog.globalCustomField-dialog .error-list {
40599     font-size: 13px;
40600     padding-top: -40px; }
40601     md-dialog.globalCustomField-dialog .error-list .error {
40602       background-color: rgba(244, 67, 54, 0.08);
40603       border: 1px solid rgba(244, 67, 54, 0.12);
40604       padding-left: 16px;
40605       margin-top: 8px;
40606       border-radius: 2px; }
40607       md-dialog.globalCustomField-dialog .error-list .error .message {
40608         font-weight: 500; }
40609       md-dialog.globalCustomField-dialog .error-list .error .md-button {
40610         margin: 0; }
40611       md-dialog.globalCustomField-dialog .error-list .error:last-child {
40612         margin-bottom: 30px; }
40613   md-dialog.globalCustomField-dialog md-dialog-actions {
40614     position: relative;
40615     overflow-y: hidden;
40616     overflow-x: auto;
40617     justify-content: space-between;
40618     background-color: rgba(0, 0, 0, 0.03);
40619     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40620
40621 @media screen and (max-width: 1280px) {
40622   md-dialog.task-dialog {
40623     width: 80%; } }
40624
40625 @media screen and (max-width: 960px) {
40626   md-dialog.task-dialog {
40627     width: 90%; } }
40628
40629 #globalCustomFields {
40630   position: relative; }
40631   #globalCustomFields > .header {
40632     height: 76px;
40633     min-height: 76px;
40634     max-height: 76px; }
40635     #globalCustomFields > .header .logo .logo-icon {
40636       margin: 0 16px 0 0; }
40637     #globalCustomFields > .header .logo .logo-text {
40638       font-size: 24px; }
40639     #globalCustomFields > .header md-icon {
40640       color: #FFFFFF; }
40641     #globalCustomFields > .header .search-input-wrapper {
40642       position: relative; }
40643       #globalCustomFields > .header .search-input-wrapper label {
40644         padding-right: 4px;
40645         cursor: pointer; }
40646         #globalCustomFields > .header .search-input-wrapper label md-icon {
40647           color: rgba(255, 255, 255, 0.8); }
40648       #globalCustomFields > .header .search-input-wrapper md-input-container .md-errors-spacer {
40649         display: none; }
40650       #globalCustomFields > .header .search-input-wrapper md-input-container input {
40651         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
40652         color: rgba(255, 255, 255, 0.8);
40653         width: 240px; }
40654         #globalCustomFields > .header .search-input-wrapper md-input-container input::placeholder {
40655           color: rgba(255, 255, 255, 0.8); }
40656         #globalCustomFields > .header .search-input-wrapper md-input-container input:focus {
40657           border-bottom: 1px solid white;
40658           color: white; }
40659     #globalCustomFields > .header.selected-bar {
40660       position: absolute;
40661       top: 0;
40662       left: 0;
40663       right: 0;
40664       z-index: 999;
40665       background-image: none;
40666       opacity: 1 !important; }
40667       #globalCustomFields > .header.selected-bar .close-button-wrapper {
40668         width: 244px; }
40669   #globalCustomFields > .content {
40670     position: absolute;
40671     top: 76px;
40672     bottom: 0;
40673     right: 0;
40674     left: 0; }
40675     #globalCustomFields > .content .main {
40676       padding: 16px 90px 0 4px;
40677       position: absolute;
40678       top: 0;
40679       left: 24px;
40680       right: 0;
40681       bottom: 0; }
40682       #globalCustomFields > .content .main .no-results {
40683         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
40684   #globalCustomFields #add-globalCustomField-button {
40685     position: fixed;
40686     bottom: 8px;
40687     right: 8px;
40688     padding: 0; }
40689
40690 md-dialog.list-dialog {
40691   max-width: 720px;
40692   width: 720px; }
40693   md-dialog.list-dialog md-dialog-content {
40694     display: block;
40695     position: relative; }
40696   md-dialog.list-dialog md-toolbar .title {
40697     font-size: 17px; }
40698   md-dialog.list-dialog md-input-container textarea {
40699     min-height: 150px; }
40700   md-dialog.list-dialog md-input-container .hint {
40701     font-size: 12px;
40702     line-height: 20px;
40703     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40704     /* Set our own color */
40705     color: grey; }
40706   md-dialog.list-dialog md-input-container md-input-container md-switch {
40707     margin: 0px !important; }
40708   md-dialog.list-dialog .date-container {
40709     padding: 16px 0 24px 0; }
40710   md-dialog.list-dialog .error-list {
40711     font-size: 13px;
40712     padding-top: -40px; }
40713     md-dialog.list-dialog .error-list .error {
40714       background-color: rgba(244, 67, 54, 0.08);
40715       border: 1px solid rgba(244, 67, 54, 0.12);
40716       padding-left: 16px;
40717       margin-top: 8px;
40718       border-radius: 2px; }
40719       md-dialog.list-dialog .error-list .error .message {
40720         font-weight: 500; }
40721       md-dialog.list-dialog .error-list .error .md-button {
40722         margin: 0; }
40723       md-dialog.list-dialog .error-list .error:last-child {
40724         margin-bottom: 30px; }
40725   md-dialog.list-dialog md-dialog-actions {
40726     position: relative;
40727     overflow-y: hidden;
40728     overflow-x: auto;
40729     justify-content: space-between;
40730     background-color: rgba(0, 0, 0, 0.03);
40731     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40732
40733 @media screen and (max-width: 1280px) {
40734   md-dialog.task-dialog {
40735     width: 80%; } }
40736
40737 @media screen and (max-width: 960px) {
40738   md-dialog.task-dialog {
40739     width: 90%; } }
40740
40741 md-dialog.customField-dialog {
40742   max-width: 720px;
40743   width: 720px; }
40744   md-dialog.customField-dialog md-dialog-content {
40745     display: block;
40746     position: relative; }
40747   md-dialog.customField-dialog md-toolbar .title {
40748     font-size: 17px; }
40749   md-dialog.customField-dialog md-input-container textarea {
40750     min-height: 150px; }
40751   md-dialog.customField-dialog md-input-container .hint {
40752     font-size: 12px;
40753     line-height: 20px;
40754     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40755     /* Set our own color */
40756     color: grey; }
40757   md-dialog.customField-dialog md-input-container md-input-container md-switch {
40758     margin: 0px !important; }
40759   md-dialog.customField-dialog .date-container {
40760     padding: 16px 0 24px 0; }
40761   md-dialog.customField-dialog .error-list {
40762     font-size: 13px;
40763     padding-top: -40px; }
40764     md-dialog.customField-dialog .error-list .error {
40765       background-color: rgba(244, 67, 54, 0.08);
40766       border: 1px solid rgba(244, 67, 54, 0.12);
40767       padding-left: 16px;
40768       margin-top: 8px;
40769       border-radius: 2px; }
40770       md-dialog.customField-dialog .error-list .error .message {
40771         font-weight: 500; }
40772       md-dialog.customField-dialog .error-list .error .md-button {
40773         margin: 0; }
40774       md-dialog.customField-dialog .error-list .error:last-child {
40775         margin-bottom: 30px; }
40776   md-dialog.customField-dialog md-dialog-actions {
40777     position: relative;
40778     overflow-y: hidden;
40779     overflow-x: auto;
40780     justify-content: space-between;
40781     background-color: rgba(0, 0, 0, 0.03);
40782     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40783
40784 @media screen and (max-width: 1280px) {
40785   md-dialog.task-dialog {
40786     width: 80%; } }
40787
40788 @media screen and (max-width: 960px) {
40789   md-dialog.task-dialog {
40790     width: 90%; } }
40791
40792 #contactmanager-list .header {
40793   height: 120px;
40794   min-height: 120px;
40795   max-height: 120px; }
40796   #contactmanager-list .header .goto-lists-button {
40797     margin-right: 16px; }
40798   #contactmanager-list .header .list-image {
40799     overflow: hidden;
40800     width: 56px;
40801     height: 56px;
40802     margin-right: 16px;
40803     border: 3px solid rgba(0, 0, 0, 0.12); }
40804     #contactmanager-list .header .list-image img {
40805       height: 100%;
40806       width: auto;
40807       max-width: none; }
40808   #contactmanager-list .header .subtitle {
40809     margin: 6px 0 0 0; }
40810
40811 #contactmanager-list .list-detail-form-container {
40812   padding: 24px;
40813   margin-bottom: 24px; }
40814   #contactmanager-list .list-detail-form-container .hint {
40815     font-size: 12px;
40816     line-height: 20px;
40817     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40818     /* Set our own color */
40819     color: grey; }
40820   #contactmanager-list .list-detail-form-container .handle {
40821     cursor: move; }
40822   #contactmanager-list .list-detail-form-container md-input-container md-switch {
40823     margin: 0px !important; }
40824   #contactmanager-list .list-detail-form-container #list-image-uploader {
40825     position: relative; }
40826     #contactmanager-list .list-detail-form-container #list-image-uploader.dropping .drop-text {
40827       display: flex; }
40828     #contactmanager-list .list-detail-form-container #list-image-uploader .drop-text {
40829       display: none;
40830       position: absolute;
40831       top: 0;
40832       right: 0;
40833       bottom: 0;
40834       left: 0;
40835       padding: 16px;
40836       text-align: center;
40837       border: 2px dashed rgba(0, 0, 0, 0.12);
40838       background: #FFFFFF;
40839       font-size: 20px;
40840       z-index: 100; }
40841     #contactmanager-list .list-detail-form-container #list-image-uploader .upload-button {
40842       margin-bottom: 16px; }
40843     #contactmanager-list .list-detail-form-container #list-image-uploader .list-image {
40844       position: relative;
40845       width: 200px;
40846       height: 200px;
40847       border: 1px solid rgba(0, 0, 0, 0.12);
40848       margin: 8px; }
40849       #contactmanager-list .list-detail-form-container #list-image-uploader .list-image.uploading .overlay {
40850         position: absolute;
40851         top: 0;
40852         right: 0;
40853         bottom: 0;
40854         left: 0;
40855         background: rgba(0, 0, 0, 0.87); }
40856       #contactmanager-list .list-detail-form-container #list-image-uploader .list-image .media {
40857         max-height: 100%; }
40858
40859 md-dialog.voiceDisposition-dialog {
40860   max-width: 720px;
40861   width: 720px; }
40862   md-dialog.voiceDisposition-dialog md-dialog-content {
40863     display: block;
40864     position: relative; }
40865   md-dialog.voiceDisposition-dialog md-toolbar .title {
40866     font-size: 17px; }
40867   md-dialog.voiceDisposition-dialog md-input-container textarea {
40868     min-height: 150px; }
40869   md-dialog.voiceDisposition-dialog md-input-container .hint {
40870     font-size: 12px;
40871     line-height: 20px;
40872     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40873     /* Set our own color */
40874     color: grey; }
40875   md-dialog.voiceDisposition-dialog md-input-container md-input-container md-switch {
40876     margin: 0px !important; }
40877   md-dialog.voiceDisposition-dialog .date-container {
40878     padding: 16px 0 24px 0; }
40879   md-dialog.voiceDisposition-dialog .error-list {
40880     font-size: 13px;
40881     padding-top: -40px; }
40882     md-dialog.voiceDisposition-dialog .error-list .error {
40883       background-color: rgba(244, 67, 54, 0.08);
40884       border: 1px solid rgba(244, 67, 54, 0.12);
40885       padding-left: 16px;
40886       margin-top: 8px;
40887       border-radius: 2px; }
40888       md-dialog.voiceDisposition-dialog .error-list .error .message {
40889         font-weight: 500; }
40890       md-dialog.voiceDisposition-dialog .error-list .error .md-button {
40891         margin: 0; }
40892       md-dialog.voiceDisposition-dialog .error-list .error:last-child {
40893         margin-bottom: 30px; }
40894   md-dialog.voiceDisposition-dialog md-dialog-actions {
40895     position: relative;
40896     overflow-y: hidden;
40897     overflow-x: auto;
40898     justify-content: space-between;
40899     background-color: rgba(0, 0, 0, 0.03);
40900     border-top: 1px solid rgba(0, 0, 0, 0.12); }
40901
40902 @media screen and (max-width: 1280px) {
40903   md-dialog.task-dialog {
40904     width: 80%; } }
40905
40906 @media screen and (max-width: 960px) {
40907   md-dialog.task-dialog {
40908     width: 90%; } }
40909
40910 #lists {
40911   position: relative; }
40912   #lists > .header {
40913     height: 76px;
40914     min-height: 76px;
40915     max-height: 76px; }
40916     #lists > .header .logo .logo-icon {
40917       margin: 0 16px 0 0; }
40918     #lists > .header .logo .logo-text {
40919       font-size: 24px; }
40920     #lists > .header md-icon {
40921       color: #FFFFFF; }
40922     #lists > .header .search-input-wrapper {
40923       position: relative; }
40924       #lists > .header .search-input-wrapper label {
40925         padding-right: 4px;
40926         cursor: pointer; }
40927         #lists > .header .search-input-wrapper label md-icon {
40928           color: rgba(255, 255, 255, 0.8); }
40929       #lists > .header .search-input-wrapper md-input-container .md-errors-spacer {
40930         display: none; }
40931       #lists > .header .search-input-wrapper md-input-container input {
40932         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
40933         color: rgba(255, 255, 255, 0.8);
40934         width: 240px; }
40935         #lists > .header .search-input-wrapper md-input-container input::placeholder {
40936           color: rgba(255, 255, 255, 0.8); }
40937         #lists > .header .search-input-wrapper md-input-container input:focus {
40938           border-bottom: 1px solid white;
40939           color: white; }
40940     #lists > .header.selected-bar {
40941       position: absolute;
40942       top: 0;
40943       left: 0;
40944       right: 0;
40945       z-index: 999;
40946       background-image: none;
40947       opacity: 1 !important; }
40948       #lists > .header.selected-bar .close-button-wrapper {
40949         width: 244px; }
40950   #lists > .content {
40951     position: absolute;
40952     top: 76px;
40953     bottom: 0;
40954     right: 0;
40955     left: 0; }
40956     #lists > .content .main {
40957       padding: 16px 90px 0 4px;
40958       position: absolute;
40959       top: 0;
40960       left: 24px;
40961       right: 0;
40962       bottom: 0; }
40963       #lists > .content .main .no-results {
40964         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
40965   #lists #add-list-button {
40966     position: fixed;
40967     bottom: 8px;
40968     right: 8px;
40969     padding: 0; }
40970
40971 md-dialog.agent-dialog {
40972   max-width: 720px;
40973   width: 720px; }
40974   md-dialog.agent-dialog md-dialog-content {
40975     display: block;
40976     position: relative; }
40977   md-dialog.agent-dialog md-toolbar .title {
40978     font-size: 17px; }
40979   md-dialog.agent-dialog md-input-container textarea {
40980     min-height: 150px; }
40981   md-dialog.agent-dialog md-input-container .hint {
40982     font-size: 12px;
40983     line-height: 20px;
40984     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
40985     /* Set our own color */
40986     color: grey; }
40987   md-dialog.agent-dialog md-input-container md-input-container md-switch {
40988     margin: 0px !important; }
40989   md-dialog.agent-dialog .date-container {
40990     padding: 16px 0 24px 0; }
40991   md-dialog.agent-dialog .error-list {
40992     font-size: 13px;
40993     padding-top: -40px; }
40994     md-dialog.agent-dialog .error-list .error {
40995       background-color: rgba(244, 67, 54, 0.08);
40996       border: 1px solid rgba(244, 67, 54, 0.12);
40997       padding-left: 16px;
40998       margin-top: 8px;
40999       border-radius: 2px; }
41000       md-dialog.agent-dialog .error-list .error .message {
41001         font-weight: 500; }
41002       md-dialog.agent-dialog .error-list .error .md-button {
41003         margin: 0; }
41004       md-dialog.agent-dialog .error-list .error:last-child {
41005         margin-bottom: 30px; }
41006   md-dialog.agent-dialog md-dialog-actions {
41007     position: relative;
41008     overflow-y: hidden;
41009     overflow-x: auto;
41010     justify-content: space-between;
41011     background-color: rgba(0, 0, 0, 0.03);
41012     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41013
41014 @media screen and (max-width: 1280px) {
41015   md-dialog.task-dialog {
41016     width: 80%; } }
41017
41018 @media screen and (max-width: 960px) {
41019   md-dialog.task-dialog {
41020     width: 90%; } }
41021
41022 md-dialog.agent-dialog {
41023   max-width: 720px;
41024   width: 720px; }
41025   md-dialog.agent-dialog md-dialog-content {
41026     display: block;
41027     position: relative; }
41028   md-dialog.agent-dialog md-toolbar .title {
41029     font-size: 17px; }
41030   md-dialog.agent-dialog md-input-container textarea {
41031     min-height: 150px; }
41032   md-dialog.agent-dialog md-input-container .hint {
41033     font-size: 12px;
41034     line-height: 20px;
41035     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41036     /* Set our own color */
41037     color: grey; }
41038   md-dialog.agent-dialog md-input-container md-input-container md-switch {
41039     margin: 0px !important; }
41040   md-dialog.agent-dialog .date-container {
41041     padding: 16px 0 24px 0; }
41042   md-dialog.agent-dialog .error-list {
41043     font-size: 13px;
41044     padding-top: -40px; }
41045     md-dialog.agent-dialog .error-list .error {
41046       background-color: rgba(244, 67, 54, 0.08);
41047       border: 1px solid rgba(244, 67, 54, 0.12);
41048       padding-left: 16px;
41049       margin-top: 8px;
41050       border-radius: 2px; }
41051       md-dialog.agent-dialog .error-list .error .message {
41052         font-weight: 500; }
41053       md-dialog.agent-dialog .error-list .error .md-button {
41054         margin: 0; }
41055       md-dialog.agent-dialog .error-list .error:last-child {
41056         margin-bottom: 30px; }
41057   md-dialog.agent-dialog md-dialog-actions {
41058     position: relative;
41059     overflow-y: hidden;
41060     overflow-x: auto;
41061     justify-content: space-between;
41062     background-color: rgba(0, 0, 0, 0.03);
41063     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41064
41065 @media screen and (max-width: 1280px) {
41066   md-dialog.task-dialog {
41067     width: 80%; } }
41068
41069 @media screen and (max-width: 960px) {
41070   md-dialog.task-dialog {
41071     width: 90%; } }
41072
41073 #dashboard-general > .center > .header {
41074   height: 160px;
41075   min-height: 160px;
41076   max-height: 160px;
41077   padding-bottom: 0; }
41078   #dashboard-general > .center > .header .selected-general {
41079     background: rgba(0, 0, 0, 0.12);
41080     color: #FFFFFF;
41081     padding: 8px 16px;
41082     height: 40px;
41083     line-height: 24px;
41084     font-size: 16px; }
41085   #dashboard-general > .center > .header .general-selector {
41086     margin-left: 1px;
41087     border-radius: 0;
41088     background: rgba(0, 0, 0, 0.12); }
41089     #dashboard-general > .center > .header .general-selector md-icon {
41090       color: #FFFFFF; }
41091
41092 #dashboard-general > .center > .content {
41093   background: none;
41094   padding: 0; }
41095   #dashboard-general > .center > .content > md-tabs > md-tabs-wrapper {
41096     background: #FFFFFF;
41097     box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
41098     padding: 0 24px; }
41099     #dashboard-general > .center > .content > md-tabs > md-tabs-wrapper md-tabs-canvas {
41100       height: 56px; }
41101       #dashboard-general > .center > .content > md-tabs > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
41102         height: 56px; }
41103       #dashboard-general > .center > .content > md-tabs > md-tabs-wrapper md-tabs-canvas .md-tab {
41104         padding: 16px 24px;
41105         text-transform: none; }
41106   #dashboard-general > .center > .content > md-tabs:not(.md-dynamic-height) md-tabs-content-wrapper {
41107     top: 56px; }
41108   #dashboard-general > .center > .content > md-tabs > md-tabs-content-wrapper md-tab-content {
41109     padding: 12px; }
41110
41111 #dashboard-general > .sidenav {
41112   width: 330px;
41113   min-width: 330px;
41114   max-width: 330px;
41115   padding: 0;
41116   z-index: 51;
41117   box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
41118   #dashboard-general > .sidenav.md-locked-open {
41119     width: 250px;
41120     min-width: 250px;
41121     max-width: 250px;
41122     z-index: 2;
41123     box-shadow: none;
41124     background: #EEEEEE; }
41125
41126 #dashboard-general .dashboard-container {
41127   padding: 24px;
41128   margin-bottom: 24px; }
41129
41130 md-dialog.faxAccount-dialog {
41131   max-width: 720px;
41132   width: 720px; }
41133   md-dialog.faxAccount-dialog md-dialog-content {
41134     display: block;
41135     position: relative; }
41136   md-dialog.faxAccount-dialog md-toolbar .title {
41137     font-size: 17px; }
41138   md-dialog.faxAccount-dialog md-input-container textarea {
41139     min-height: 150px; }
41140   md-dialog.faxAccount-dialog md-input-container .hint {
41141     font-size: 12px;
41142     line-height: 20px;
41143     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41144     /* Set our own color */
41145     color: grey; }
41146   md-dialog.faxAccount-dialog md-input-container md-input-container md-switch {
41147     margin: 0px !important; }
41148   md-dialog.faxAccount-dialog .date-container {
41149     padding: 16px 0 24px 0; }
41150   md-dialog.faxAccount-dialog .error-list {
41151     font-size: 13px;
41152     padding-top: -40px; }
41153     md-dialog.faxAccount-dialog .error-list .error {
41154       background-color: rgba(244, 67, 54, 0.08);
41155       border: 1px solid rgba(244, 67, 54, 0.12);
41156       padding-left: 16px;
41157       margin-top: 8px;
41158       border-radius: 2px; }
41159       md-dialog.faxAccount-dialog .error-list .error .message {
41160         font-weight: 500; }
41161       md-dialog.faxAccount-dialog .error-list .error .md-button {
41162         margin: 0; }
41163       md-dialog.faxAccount-dialog .error-list .error:last-child {
41164         margin-bottom: 30px; }
41165   md-dialog.faxAccount-dialog md-dialog-actions {
41166     position: relative;
41167     overflow-y: hidden;
41168     overflow-x: auto;
41169     justify-content: space-between;
41170     background-color: rgba(0, 0, 0, 0.03);
41171     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41172
41173 @media screen and (max-width: 1280px) {
41174   md-dialog.task-dialog {
41175     width: 80%; } }
41176
41177 @media screen and (max-width: 960px) {
41178   md-dialog.task-dialog {
41179     width: 90%; } }
41180
41181 md-dialog.faxDisposition-dialog {
41182   max-width: 720px;
41183   width: 720px; }
41184   md-dialog.faxDisposition-dialog md-dialog-content {
41185     display: block;
41186     position: relative; }
41187   md-dialog.faxDisposition-dialog md-toolbar .title {
41188     font-size: 17px; }
41189   md-dialog.faxDisposition-dialog md-input-container textarea {
41190     min-height: 150px; }
41191   md-dialog.faxDisposition-dialog md-input-container .hint {
41192     font-size: 12px;
41193     line-height: 20px;
41194     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41195     /* Set our own color */
41196     color: grey; }
41197   md-dialog.faxDisposition-dialog md-input-container md-input-container md-switch {
41198     margin: 0px !important; }
41199   md-dialog.faxDisposition-dialog .date-container {
41200     padding: 16px 0 24px 0; }
41201   md-dialog.faxDisposition-dialog .error-list {
41202     font-size: 13px;
41203     padding-top: -40px; }
41204     md-dialog.faxDisposition-dialog .error-list .error {
41205       background-color: rgba(244, 67, 54, 0.08);
41206       border: 1px solid rgba(244, 67, 54, 0.12);
41207       padding-left: 16px;
41208       margin-top: 8px;
41209       border-radius: 2px; }
41210       md-dialog.faxDisposition-dialog .error-list .error .message {
41211         font-weight: 500; }
41212       md-dialog.faxDisposition-dialog .error-list .error .md-button {
41213         margin: 0; }
41214       md-dialog.faxDisposition-dialog .error-list .error:last-child {
41215         margin-bottom: 30px; }
41216   md-dialog.faxDisposition-dialog md-dialog-actions {
41217     position: relative;
41218     overflow-y: hidden;
41219     overflow-x: auto;
41220     justify-content: space-between;
41221     background-color: rgba(0, 0, 0, 0.03);
41222     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41223
41224 @media screen and (max-width: 1280px) {
41225   md-dialog.task-dialog {
41226     width: 80%; } }
41227
41228 @media screen and (max-width: 960px) {
41229   md-dialog.task-dialog {
41230     width: 90%; } }
41231
41232 #fax-faxAccount .header {
41233   height: 120px;
41234   min-height: 120px;
41235   max-height: 120px; }
41236   #fax-faxAccount .header .goto-faxAccounts-button {
41237     margin-right: 16px; }
41238   #fax-faxAccount .header .faxAccount-image {
41239     overflow: hidden;
41240     width: 56px;
41241     height: 56px;
41242     margin-right: 16px;
41243     border: 3px solid rgba(0, 0, 0, 0.12); }
41244     #fax-faxAccount .header .faxAccount-image img {
41245       height: 100%;
41246       width: auto;
41247       max-width: none; }
41248   #fax-faxAccount .header .subtitle {
41249     margin: 6px 0 0 0; }
41250
41251 #fax-faxAccount .faxAccount-detail-form-container {
41252   padding: 24px;
41253   margin-bottom: 24px; }
41254   #fax-faxAccount .faxAccount-detail-form-container .hint {
41255     font-size: 12px;
41256     line-height: 20px;
41257     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41258     /* Set our own color */
41259     color: grey; }
41260   #fax-faxAccount .faxAccount-detail-form-container .handle {
41261     cursor: move; }
41262   #fax-faxAccount .faxAccount-detail-form-container md-input-container md-switch {
41263     margin: 0px !important; }
41264   #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader {
41265     position: relative; }
41266     #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader.dropping .drop-text {
41267       display: flex; }
41268     #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader .drop-text {
41269       display: none;
41270       position: absolute;
41271       top: 0;
41272       right: 0;
41273       bottom: 0;
41274       left: 0;
41275       padding: 16px;
41276       text-align: center;
41277       border: 2px dashed rgba(0, 0, 0, 0.12);
41278       background: #FFFFFF;
41279       font-size: 20px;
41280       z-index: 100; }
41281     #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader .upload-button {
41282       margin-bottom: 16px; }
41283     #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader .faxAccount-image {
41284       position: relative;
41285       width: 200px;
41286       height: 200px;
41287       border: 1px solid rgba(0, 0, 0, 0.12);
41288       margin: 8px; }
41289       #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader .faxAccount-image.uploading .overlay {
41290         position: absolute;
41291         top: 0;
41292         right: 0;
41293         bottom: 0;
41294         left: 0;
41295         background: rgba(0, 0, 0, 0.87); }
41296       #fax-faxAccount .faxAccount-detail-form-container #faxAccount-image-uploader .faxAccount-image .media {
41297         max-height: 100%; }
41298
41299 #faxAccounts {
41300   position: relative; }
41301   #faxAccounts > .header {
41302     height: 76px;
41303     min-height: 76px;
41304     max-height: 76px; }
41305     #faxAccounts > .header .logo .logo-icon {
41306       margin: 0 16px 0 0; }
41307     #faxAccounts > .header .logo .logo-text {
41308       font-size: 24px; }
41309     #faxAccounts > .header md-icon {
41310       color: #FFFFFF; }
41311     #faxAccounts > .header .search-input-wrapper {
41312       position: relative; }
41313       #faxAccounts > .header .search-input-wrapper label {
41314         padding-right: 4px;
41315         cursor: pointer; }
41316         #faxAccounts > .header .search-input-wrapper label md-icon {
41317           color: rgba(255, 255, 255, 0.8); }
41318       #faxAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
41319         display: none; }
41320       #faxAccounts > .header .search-input-wrapper md-input-container input {
41321         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
41322         color: rgba(255, 255, 255, 0.8);
41323         width: 240px; }
41324         #faxAccounts > .header .search-input-wrapper md-input-container input::placeholder {
41325           color: rgba(255, 255, 255, 0.8); }
41326         #faxAccounts > .header .search-input-wrapper md-input-container input:focus {
41327           border-bottom: 1px solid white;
41328           color: white; }
41329     #faxAccounts > .header.selected-bar {
41330       position: absolute;
41331       top: 0;
41332       left: 0;
41333       right: 0;
41334       z-index: 999;
41335       background-image: none;
41336       opacity: 1 !important; }
41337       #faxAccounts > .header.selected-bar .close-button-wrapper {
41338         width: 244px; }
41339   #faxAccounts > .content {
41340     position: absolute;
41341     top: 76px;
41342     bottom: 0;
41343     right: 0;
41344     left: 0; }
41345     #faxAccounts > .content .main {
41346       padding: 16px 90px 0 4px;
41347       position: absolute;
41348       top: 0;
41349       left: 24px;
41350       right: 0;
41351       bottom: 0; }
41352       #faxAccounts > .content .main .no-results {
41353         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
41354   #faxAccounts #add-faxAccount-button {
41355     position: fixed;
41356     bottom: 8px;
41357     right: 8px;
41358     padding: 0; }
41359
41360 md-dialog.faxQueue-dialog {
41361   max-width: 720px;
41362   width: 720px; }
41363   md-dialog.faxQueue-dialog md-dialog-content {
41364     display: block;
41365     position: relative; }
41366   md-dialog.faxQueue-dialog md-toolbar .title {
41367     font-size: 17px; }
41368   md-dialog.faxQueue-dialog md-input-container textarea {
41369     min-height: 150px; }
41370   md-dialog.faxQueue-dialog md-input-container .hint {
41371     font-size: 12px;
41372     line-height: 20px;
41373     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41374     /* Set our own color */
41375     color: grey; }
41376   md-dialog.faxQueue-dialog md-input-container md-input-container md-switch {
41377     margin: 0px !important; }
41378   md-dialog.faxQueue-dialog .date-container {
41379     padding: 16px 0 24px 0; }
41380   md-dialog.faxQueue-dialog .error-list {
41381     font-size: 13px;
41382     padding-top: -40px; }
41383     md-dialog.faxQueue-dialog .error-list .error {
41384       background-color: rgba(244, 67, 54, 0.08);
41385       border: 1px solid rgba(244, 67, 54, 0.12);
41386       padding-left: 16px;
41387       margin-top: 8px;
41388       border-radius: 2px; }
41389       md-dialog.faxQueue-dialog .error-list .error .message {
41390         font-weight: 500; }
41391       md-dialog.faxQueue-dialog .error-list .error .md-button {
41392         margin: 0; }
41393       md-dialog.faxQueue-dialog .error-list .error:last-child {
41394         margin-bottom: 30px; }
41395   md-dialog.faxQueue-dialog md-dialog-actions {
41396     position: relative;
41397     overflow-y: hidden;
41398     overflow-x: auto;
41399     justify-content: space-between;
41400     background-color: rgba(0, 0, 0, 0.03);
41401     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41402
41403 @media screen and (max-width: 1280px) {
41404   md-dialog.task-dialog {
41405     width: 80%; } }
41406
41407 @media screen and (max-width: 960px) {
41408   md-dialog.task-dialog {
41409     width: 90%; } }
41410
41411 #fax-faxQueue .header {
41412   height: 120px;
41413   min-height: 120px;
41414   max-height: 120px; }
41415   #fax-faxQueue .header .goto-faxQueues-button {
41416     margin-right: 16px; }
41417   #fax-faxQueue .header .faxQueue-image {
41418     overflow: hidden;
41419     width: 56px;
41420     height: 56px;
41421     margin-right: 16px;
41422     border: 3px solid rgba(0, 0, 0, 0.12); }
41423     #fax-faxQueue .header .faxQueue-image img {
41424       height: 100%;
41425       width: auto;
41426       max-width: none; }
41427   #fax-faxQueue .header .subtitle {
41428     margin: 6px 0 0 0; }
41429
41430 #fax-faxQueue .faxQueue-detail-form-container {
41431   padding: 24px;
41432   margin-bottom: 24px; }
41433   #fax-faxQueue .faxQueue-detail-form-container .hint {
41434     font-size: 12px;
41435     line-height: 20px;
41436     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41437     /* Set our own color */
41438     color: grey; }
41439   #fax-faxQueue .faxQueue-detail-form-container .handle {
41440     cursor: move; }
41441   #fax-faxQueue .faxQueue-detail-form-container md-input-container md-switch {
41442     margin: 0px !important; }
41443   #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader {
41444     position: relative; }
41445     #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader.dropping .drop-text {
41446       display: flex; }
41447     #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader .drop-text {
41448       display: none;
41449       position: absolute;
41450       top: 0;
41451       right: 0;
41452       bottom: 0;
41453       left: 0;
41454       padding: 16px;
41455       text-align: center;
41456       border: 2px dashed rgba(0, 0, 0, 0.12);
41457       background: #FFFFFF;
41458       font-size: 20px;
41459       z-index: 100; }
41460     #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader .upload-button {
41461       margin-bottom: 16px; }
41462     #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader .faxQueue-image {
41463       position: relative;
41464       width: 200px;
41465       height: 200px;
41466       border: 1px solid rgba(0, 0, 0, 0.12);
41467       margin: 8px; }
41468       #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader .faxQueue-image.uploading .overlay {
41469         position: absolute;
41470         top: 0;
41471         right: 0;
41472         bottom: 0;
41473         left: 0;
41474         background: rgba(0, 0, 0, 0.87); }
41475       #fax-faxQueue .faxQueue-detail-form-container #faxQueue-image-uploader .faxQueue-image .media {
41476         max-height: 100%; }
41477
41478 #faxQueues {
41479   position: relative; }
41480   #faxQueues > .header {
41481     height: 76px;
41482     min-height: 76px;
41483     max-height: 76px; }
41484     #faxQueues > .header .logo .logo-icon {
41485       margin: 0 16px 0 0; }
41486     #faxQueues > .header .logo .logo-text {
41487       font-size: 24px; }
41488     #faxQueues > .header md-icon {
41489       color: #FFFFFF; }
41490     #faxQueues > .header .search-input-wrapper {
41491       position: relative; }
41492       #faxQueues > .header .search-input-wrapper label {
41493         padding-right: 4px;
41494         cursor: pointer; }
41495         #faxQueues > .header .search-input-wrapper label md-icon {
41496           color: rgba(255, 255, 255, 0.8); }
41497       #faxQueues > .header .search-input-wrapper md-input-container .md-errors-spacer {
41498         display: none; }
41499       #faxQueues > .header .search-input-wrapper md-input-container input {
41500         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
41501         color: rgba(255, 255, 255, 0.8);
41502         width: 240px; }
41503         #faxQueues > .header .search-input-wrapper md-input-container input::placeholder {
41504           color: rgba(255, 255, 255, 0.8); }
41505         #faxQueues > .header .search-input-wrapper md-input-container input:focus {
41506           border-bottom: 1px solid white;
41507           color: white; }
41508     #faxQueues > .header.selected-bar {
41509       position: absolute;
41510       top: 0;
41511       left: 0;
41512       right: 0;
41513       z-index: 999;
41514       background-image: none;
41515       opacity: 1 !important; }
41516       #faxQueues > .header.selected-bar .close-button-wrapper {
41517         width: 244px; }
41518   #faxQueues > .content {
41519     position: absolute;
41520     top: 76px;
41521     bottom: 0;
41522     right: 0;
41523     left: 0; }
41524     #faxQueues > .content .main {
41525       padding: 16px 90px 0 4px;
41526       position: absolute;
41527       top: 0;
41528       left: 24px;
41529       right: 0;
41530       bottom: 0; }
41531       #faxQueues > .content .main .no-results {
41532         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
41533   #faxQueues #add-faxQueue-button {
41534     position: fixed;
41535     bottom: 8px;
41536     right: 8px;
41537     padding: 0; }
41538
41539 #profile .about-tab {
41540   max-width: 1200px; }
41541   #profile .about-tab .about {
41542     padding: 8px; }
41543     #profile .about-tab .about .general .location md-icon {
41544       line-height: 13px !important; }
41545     #profile .about-tab .about .work .job .company {
41546       padding: 0 16px 0 0;
41547       font-weight: 500; }
41548     #profile .about-tab .about .work .job .date {
41549       color: rgba(0, 0, 0, 0.54); }
41550   #profile .about-tab .about-sidebar {
41551     padding: 8px 8px 8px 32px; }
41552     #profile .about-tab .about-sidebar .friends .content .friend {
41553       padding: 4px; }
41554     #profile .about-tab .about-sidebar .groups .content .group {
41555       margin-bottom: 16px; }
41556       #profile .about-tab .about-sidebar .groups .content .group:last-child {
41557         margin-bottom: 0; }
41558       #profile .about-tab .about-sidebar .groups .content .group .logo {
41559         border: 1px solid rgba(0, 0, 0, 0.12);
41560         margin-right: 16px; }
41561       #profile .about-tab .about-sidebar .groups .content .group .name {
41562         font-weight: 500;
41563         font-size: 15px; }
41564       #profile .about-tab .about-sidebar .groups .content .group .category,
41565       #profile .about-tab .about-sidebar .groups .content .group .members {
41566         color: rgba(0, 0, 0, 0.54); }
41567       #profile .about-tab .about-sidebar .groups .content .group .members {
41568         margin-top: 16px; }
41569
41570 @media screen and (max-width: 960px) {
41571   #profile .about-tab .about-sidebar {
41572     padding: 8px; } }
41573
41574 #maintenance {
41575   height: 100%;
41576   background: url("/assets/images/backgrounds/march.jpg") no-repeat;
41577   background-size: cover; }
41578   #maintenance #maintenance-form-wrapper {
41579     flex: 1 0 auto;
41580     padding: 32px; }
41581     #maintenance #maintenance-form-wrapper #maintenance-form {
41582       max-width: 384px;
41583       padding: 32px;
41584       background: #FFFFFF;
41585       text-align: center; }
41586       #maintenance #maintenance-form-wrapper #maintenance-form .logo {
41587         width: 128px;
41588         height: 128px;
41589         line-height: 128px;
41590         font-size: 86px;
41591         font-weight: 500;
41592         margin: 32px auto;
41593         color: white;
41594         border-radius: 2px; }
41595       #maintenance #maintenance-form-wrapper #maintenance-form .title {
41596         font-size: 17px;
41597         margin-top: 16px; }
41598       #maintenance #maintenance-form-wrapper #maintenance-form .subtitle {
41599         margin: 16px 0;
41600         max-width: 300px;
41601         color: rgba(0, 0, 0, 0.54);
41602         font-size: 15px; }
41603
41604 @media screen and (max-width: 600px) {
41605   #maintenance #maintenance-form-wrapper {
41606     padding: 16px; }
41607     #maintenance #maintenance-form-wrapper #maintenance-form {
41608       padding: 24px;
41609       width: 100%; } }
41610
41611 md-dialog.freshdeskAccount-dialog {
41612   max-width: 720px;
41613   width: 720px; }
41614   md-dialog.freshdeskAccount-dialog md-dialog-content {
41615     display: block;
41616     position: relative; }
41617   md-dialog.freshdeskAccount-dialog md-toolbar .title {
41618     font-size: 17px; }
41619   md-dialog.freshdeskAccount-dialog md-input-container textarea {
41620     min-height: 150px; }
41621   md-dialog.freshdeskAccount-dialog md-input-container .hint {
41622     font-size: 12px;
41623     line-height: 20px;
41624     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41625     /* Set our own color */
41626     color: grey; }
41627   md-dialog.freshdeskAccount-dialog md-input-container md-input-container md-switch {
41628     margin: 0px !important; }
41629   md-dialog.freshdeskAccount-dialog .date-container {
41630     padding: 16px 0 24px 0; }
41631   md-dialog.freshdeskAccount-dialog .error-list {
41632     font-size: 13px;
41633     padding-top: -40px; }
41634     md-dialog.freshdeskAccount-dialog .error-list .error {
41635       background-color: rgba(244, 67, 54, 0.08);
41636       border: 1px solid rgba(244, 67, 54, 0.12);
41637       padding-left: 16px;
41638       margin-top: 8px;
41639       border-radius: 2px; }
41640       md-dialog.freshdeskAccount-dialog .error-list .error .message {
41641         font-weight: 500; }
41642       md-dialog.freshdeskAccount-dialog .error-list .error .md-button {
41643         margin: 0; }
41644       md-dialog.freshdeskAccount-dialog .error-list .error:last-child {
41645         margin-bottom: 30px; }
41646   md-dialog.freshdeskAccount-dialog md-dialog-actions {
41647     position: relative;
41648     overflow-y: hidden;
41649     overflow-x: auto;
41650     justify-content: space-between;
41651     background-color: rgba(0, 0, 0, 0.03);
41652     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41653
41654 @media screen and (max-width: 1280px) {
41655   md-dialog.task-dialog {
41656     width: 80%; } }
41657
41658 @media screen and (max-width: 960px) {
41659   md-dialog.task-dialog {
41660     width: 90%; } }
41661
41662 md-dialog.freshdeskConfiguration-dialog {
41663   max-width: 720px;
41664   width: 720px; }
41665   md-dialog.freshdeskConfiguration-dialog md-dialog-content {
41666     display: block;
41667     position: relative; }
41668   md-dialog.freshdeskConfiguration-dialog md-toolbar .title {
41669     font-size: 17px; }
41670   md-dialog.freshdeskConfiguration-dialog md-input-container textarea {
41671     min-height: 150px; }
41672   md-dialog.freshdeskConfiguration-dialog md-input-container .hint {
41673     font-size: 12px;
41674     line-height: 20px;
41675     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41676     /* Set our own color */
41677     color: grey; }
41678   md-dialog.freshdeskConfiguration-dialog md-input-container md-input-container md-switch {
41679     margin: 0px !important; }
41680   md-dialog.freshdeskConfiguration-dialog .date-container {
41681     padding: 16px 0 24px 0; }
41682   md-dialog.freshdeskConfiguration-dialog .error-list {
41683     font-size: 13px;
41684     padding-top: -40px; }
41685     md-dialog.freshdeskConfiguration-dialog .error-list .error {
41686       background-color: rgba(244, 67, 54, 0.08);
41687       border: 1px solid rgba(244, 67, 54, 0.12);
41688       padding-left: 16px;
41689       margin-top: 8px;
41690       border-radius: 2px; }
41691       md-dialog.freshdeskConfiguration-dialog .error-list .error .message {
41692         font-weight: 500; }
41693       md-dialog.freshdeskConfiguration-dialog .error-list .error .md-button {
41694         margin: 0; }
41695       md-dialog.freshdeskConfiguration-dialog .error-list .error:last-child {
41696         margin-bottom: 30px; }
41697   md-dialog.freshdeskConfiguration-dialog md-dialog-actions {
41698     position: relative;
41699     overflow-y: hidden;
41700     overflow-x: auto;
41701     justify-content: space-between;
41702     background-color: rgba(0, 0, 0, 0.03);
41703     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41704
41705 @media screen and (max-width: 1280px) {
41706   md-dialog.task-dialog {
41707     width: 80%; } }
41708
41709 @media screen and (max-width: 960px) {
41710   md-dialog.task-dialog {
41711     width: 90%; } }
41712
41713 md-dialog.freshdeskAccount-item-dialog {
41714   max-width: 720px;
41715   width: 720px; }
41716   md-dialog.freshdeskAccount-item-dialog md-dialog-content {
41717     display: block;
41718     position: relative; }
41719   md-dialog.freshdeskAccount-item-dialog md-toolbar .title {
41720     font-size: 17px; }
41721   md-dialog.freshdeskAccount-item-dialog md-input-container textarea {
41722     min-height: 150px; }
41723   md-dialog.freshdeskAccount-item-dialog md-input-container .hint {
41724     font-size: 12px;
41725     line-height: 20px;
41726     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41727     /* Set our own color */
41728     color: grey; }
41729   md-dialog.freshdeskAccount-item-dialog md-input-container md-input-container md-switch {
41730     margin: 0px !important; }
41731   md-dialog.freshdeskAccount-item-dialog .date-container {
41732     padding: 16px 0 24px 0; }
41733   md-dialog.freshdeskAccount-item-dialog .error-list {
41734     font-size: 13px;
41735     padding-top: -40px; }
41736     md-dialog.freshdeskAccount-item-dialog .error-list .error {
41737       background-color: rgba(244, 67, 54, 0.08);
41738       border: 1px solid rgba(244, 67, 54, 0.12);
41739       padding-left: 16px;
41740       margin-top: 8px;
41741       border-radius: 2px; }
41742       md-dialog.freshdeskAccount-item-dialog .error-list .error .message {
41743         font-weight: 500; }
41744       md-dialog.freshdeskAccount-item-dialog .error-list .error .md-button {
41745         margin: 0; }
41746       md-dialog.freshdeskAccount-item-dialog .error-list .error:last-child {
41747         margin-bottom: 30px; }
41748   md-dialog.freshdeskAccount-item-dialog md-dialog-actions {
41749     position: relative;
41750     overflow-y: hidden;
41751     overflow-x: auto;
41752     justify-content: space-between;
41753     background-color: rgba(0, 0, 0, 0.03);
41754     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41755
41756 @media screen and (max-width: 1280px) {
41757   md-dialog.task-dialog {
41758     width: 80%; } }
41759
41760 @media screen and (max-width: 960px) {
41761   md-dialog.task-dialog {
41762     width: 90%; } }
41763
41764 #integrations-freshdeskAccount .header {
41765   height: 120px;
41766   min-height: 120px;
41767   max-height: 120px; }
41768   #integrations-freshdeskAccount .header .goto-freshdeskAccounts-button {
41769     margin-right: 16px; }
41770   #integrations-freshdeskAccount .header .freshdeskAccount-image {
41771     overflow: hidden;
41772     width: 56px;
41773     height: 56px;
41774     margin-right: 16px;
41775     border: 3px solid rgba(0, 0, 0, 0.12); }
41776     #integrations-freshdeskAccount .header .freshdeskAccount-image img {
41777       height: 100%;
41778       width: auto;
41779       max-width: none; }
41780   #integrations-freshdeskAccount .header .subtitle {
41781     margin: 6px 0 0 0; }
41782
41783 #integrations-freshdeskAccount .freshdeskAccount-detail-form-container {
41784   padding: 24px;
41785   margin-bottom: 24px; }
41786   #integrations-freshdeskAccount .freshdeskAccount-detail-form-container .hint {
41787     font-size: 12px;
41788     line-height: 20px;
41789     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41790     /* Set our own color */
41791     color: grey; }
41792   #integrations-freshdeskAccount .freshdeskAccount-detail-form-container .handle {
41793     cursor: move; }
41794   #integrations-freshdeskAccount .freshdeskAccount-detail-form-container md-input-container md-switch {
41795     margin: 0px !important; }
41796   #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader {
41797     position: relative; }
41798     #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader.dropping .drop-text {
41799       display: flex; }
41800     #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader .drop-text {
41801       display: none;
41802       position: absolute;
41803       top: 0;
41804       right: 0;
41805       bottom: 0;
41806       left: 0;
41807       padding: 16px;
41808       text-align: center;
41809       border: 2px dashed rgba(0, 0, 0, 0.12);
41810       background: #FFFFFF;
41811       font-size: 20px;
41812       z-index: 100; }
41813     #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader .upload-button {
41814       margin-bottom: 16px; }
41815     #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader .freshdeskAccount-image {
41816       position: relative;
41817       width: 200px;
41818       height: 200px;
41819       border: 1px solid rgba(0, 0, 0, 0.12);
41820       margin: 8px; }
41821       #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader .freshdeskAccount-image.uploading .overlay {
41822         position: absolute;
41823         top: 0;
41824         right: 0;
41825         bottom: 0;
41826         left: 0;
41827         background: rgba(0, 0, 0, 0.87); }
41828       #integrations-freshdeskAccount .freshdeskAccount-detail-form-container #freshdeskAccount-image-uploader .freshdeskAccount-image .media {
41829         max-height: 100%; }
41830
41831 #freshdeskAccounts {
41832   position: relative; }
41833   #freshdeskAccounts > .header {
41834     height: 76px;
41835     min-height: 76px;
41836     max-height: 76px; }
41837     #freshdeskAccounts > .header .logo .logo-icon {
41838       margin: 0 16px 0 0; }
41839     #freshdeskAccounts > .header .logo .logo-text {
41840       font-size: 24px; }
41841     #freshdeskAccounts > .header md-icon {
41842       color: #FFFFFF; }
41843     #freshdeskAccounts > .header .search-input-wrapper {
41844       position: relative; }
41845       #freshdeskAccounts > .header .search-input-wrapper label {
41846         padding-right: 4px;
41847         cursor: pointer; }
41848         #freshdeskAccounts > .header .search-input-wrapper label md-icon {
41849           color: rgba(255, 255, 255, 0.8); }
41850       #freshdeskAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
41851         display: none; }
41852       #freshdeskAccounts > .header .search-input-wrapper md-input-container input {
41853         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
41854         color: rgba(255, 255, 255, 0.8);
41855         width: 240px; }
41856         #freshdeskAccounts > .header .search-input-wrapper md-input-container input::placeholder {
41857           color: rgba(255, 255, 255, 0.8); }
41858         #freshdeskAccounts > .header .search-input-wrapper md-input-container input:focus {
41859           border-bottom: 1px solid white;
41860           color: white; }
41861     #freshdeskAccounts > .header.selected-bar {
41862       position: absolute;
41863       top: 0;
41864       left: 0;
41865       right: 0;
41866       z-index: 999;
41867       background-image: none;
41868       opacity: 1 !important; }
41869       #freshdeskAccounts > .header.selected-bar .close-button-wrapper {
41870         width: 244px; }
41871   #freshdeskAccounts > .content {
41872     position: absolute;
41873     top: 76px;
41874     bottom: 0;
41875     right: 0;
41876     left: 0; }
41877     #freshdeskAccounts > .content .main {
41878       padding: 16px 90px 0 4px;
41879       position: absolute;
41880       top: 0;
41881       left: 24px;
41882       right: 0;
41883       bottom: 0; }
41884       #freshdeskAccounts > .content .main .no-results {
41885         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
41886   #freshdeskAccounts #add-freshdeskAccount-button {
41887     position: fixed;
41888     bottom: 8px;
41889     right: 8px;
41890     padding: 0; }
41891
41892 md-dialog.salesforceAccount-dialog {
41893   max-width: 720px;
41894   width: 720px; }
41895   md-dialog.salesforceAccount-dialog md-dialog-content {
41896     display: block;
41897     position: relative; }
41898   md-dialog.salesforceAccount-dialog md-toolbar .title {
41899     font-size: 17px; }
41900   md-dialog.salesforceAccount-dialog md-input-container textarea {
41901     min-height: 150px; }
41902   md-dialog.salesforceAccount-dialog md-input-container .hint {
41903     font-size: 12px;
41904     line-height: 20px;
41905     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41906     /* Set our own color */
41907     color: grey; }
41908   md-dialog.salesforceAccount-dialog md-input-container md-input-container md-switch {
41909     margin: 0px !important; }
41910   md-dialog.salesforceAccount-dialog .date-container {
41911     padding: 16px 0 24px 0; }
41912   md-dialog.salesforceAccount-dialog .error-list {
41913     font-size: 13px;
41914     padding-top: -40px; }
41915     md-dialog.salesforceAccount-dialog .error-list .error {
41916       background-color: rgba(244, 67, 54, 0.08);
41917       border: 1px solid rgba(244, 67, 54, 0.12);
41918       padding-left: 16px;
41919       margin-top: 8px;
41920       border-radius: 2px; }
41921       md-dialog.salesforceAccount-dialog .error-list .error .message {
41922         font-weight: 500; }
41923       md-dialog.salesforceAccount-dialog .error-list .error .md-button {
41924         margin: 0; }
41925       md-dialog.salesforceAccount-dialog .error-list .error:last-child {
41926         margin-bottom: 30px; }
41927   md-dialog.salesforceAccount-dialog md-dialog-actions {
41928     position: relative;
41929     overflow-y: hidden;
41930     overflow-x: auto;
41931     justify-content: space-between;
41932     background-color: rgba(0, 0, 0, 0.03);
41933     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41934
41935 @media screen and (max-width: 1280px) {
41936   md-dialog.task-dialog {
41937     width: 80%; } }
41938
41939 @media screen and (max-width: 960px) {
41940   md-dialog.task-dialog {
41941     width: 90%; } }
41942
41943 md-dialog.salesforceConfiguration-dialog {
41944   max-width: 720px;
41945   width: 720px; }
41946   md-dialog.salesforceConfiguration-dialog md-dialog-content {
41947     display: block;
41948     position: relative; }
41949   md-dialog.salesforceConfiguration-dialog md-toolbar .title {
41950     font-size: 17px; }
41951   md-dialog.salesforceConfiguration-dialog md-input-container textarea {
41952     min-height: 150px; }
41953   md-dialog.salesforceConfiguration-dialog md-input-container .hint {
41954     font-size: 12px;
41955     line-height: 20px;
41956     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
41957     /* Set our own color */
41958     color: grey; }
41959   md-dialog.salesforceConfiguration-dialog md-input-container md-input-container md-switch {
41960     margin: 0px !important; }
41961   md-dialog.salesforceConfiguration-dialog .date-container {
41962     padding: 16px 0 24px 0; }
41963   md-dialog.salesforceConfiguration-dialog .error-list {
41964     font-size: 13px;
41965     padding-top: -40px; }
41966     md-dialog.salesforceConfiguration-dialog .error-list .error {
41967       background-color: rgba(244, 67, 54, 0.08);
41968       border: 1px solid rgba(244, 67, 54, 0.12);
41969       padding-left: 16px;
41970       margin-top: 8px;
41971       border-radius: 2px; }
41972       md-dialog.salesforceConfiguration-dialog .error-list .error .message {
41973         font-weight: 500; }
41974       md-dialog.salesforceConfiguration-dialog .error-list .error .md-button {
41975         margin: 0; }
41976       md-dialog.salesforceConfiguration-dialog .error-list .error:last-child {
41977         margin-bottom: 30px; }
41978   md-dialog.salesforceConfiguration-dialog md-dialog-actions {
41979     position: relative;
41980     overflow-y: hidden;
41981     overflow-x: auto;
41982     justify-content: space-between;
41983     background-color: rgba(0, 0, 0, 0.03);
41984     border-top: 1px solid rgba(0, 0, 0, 0.12); }
41985
41986 @media screen and (max-width: 1280px) {
41987   md-dialog.task-dialog {
41988     width: 80%; } }
41989
41990 @media screen and (max-width: 960px) {
41991   md-dialog.task-dialog {
41992     width: 90%; } }
41993
41994 md-dialog.salesforceAccount-item-dialog {
41995   max-width: 720px;
41996   width: 720px; }
41997   md-dialog.salesforceAccount-item-dialog md-dialog-content {
41998     display: block;
41999     position: relative; }
42000   md-dialog.salesforceAccount-item-dialog md-toolbar .title {
42001     font-size: 17px; }
42002   md-dialog.salesforceAccount-item-dialog md-input-container textarea {
42003     min-height: 150px; }
42004   md-dialog.salesforceAccount-item-dialog md-input-container .hint {
42005     font-size: 12px;
42006     line-height: 20px;
42007     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42008     /* Set our own color */
42009     color: grey; }
42010   md-dialog.salesforceAccount-item-dialog md-input-container md-input-container md-switch {
42011     margin: 0px !important; }
42012   md-dialog.salesforceAccount-item-dialog .date-container {
42013     padding: 16px 0 24px 0; }
42014   md-dialog.salesforceAccount-item-dialog .error-list {
42015     font-size: 13px;
42016     padding-top: -40px; }
42017     md-dialog.salesforceAccount-item-dialog .error-list .error {
42018       background-color: rgba(244, 67, 54, 0.08);
42019       border: 1px solid rgba(244, 67, 54, 0.12);
42020       padding-left: 16px;
42021       margin-top: 8px;
42022       border-radius: 2px; }
42023       md-dialog.salesforceAccount-item-dialog .error-list .error .message {
42024         font-weight: 500; }
42025       md-dialog.salesforceAccount-item-dialog .error-list .error .md-button {
42026         margin: 0; }
42027       md-dialog.salesforceAccount-item-dialog .error-list .error:last-child {
42028         margin-bottom: 30px; }
42029   md-dialog.salesforceAccount-item-dialog md-dialog-actions {
42030     position: relative;
42031     overflow-y: hidden;
42032     overflow-x: auto;
42033     justify-content: space-between;
42034     background-color: rgba(0, 0, 0, 0.03);
42035     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42036
42037 @media screen and (max-width: 1280px) {
42038   md-dialog.task-dialog {
42039     width: 80%; } }
42040
42041 @media screen and (max-width: 960px) {
42042   md-dialog.task-dialog {
42043     width: 90%; } }
42044
42045 #integrations-salesforceAccount .header {
42046   height: 120px;
42047   min-height: 120px;
42048   max-height: 120px; }
42049   #integrations-salesforceAccount .header .goto-salesforceAccounts-button {
42050     margin-right: 16px; }
42051   #integrations-salesforceAccount .header .salesforceAccount-image {
42052     overflow: hidden;
42053     width: 56px;
42054     height: 56px;
42055     margin-right: 16px;
42056     border: 3px solid rgba(0, 0, 0, 0.12); }
42057     #integrations-salesforceAccount .header .salesforceAccount-image img {
42058       height: 100%;
42059       width: auto;
42060       max-width: none; }
42061   #integrations-salesforceAccount .header .subtitle {
42062     margin: 6px 0 0 0; }
42063
42064 #integrations-salesforceAccount .salesforceAccount-detail-form-container {
42065   padding: 24px;
42066   margin-bottom: 24px; }
42067   #integrations-salesforceAccount .salesforceAccount-detail-form-container .hint {
42068     font-size: 12px;
42069     line-height: 20px;
42070     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42071     /* Set our own color */
42072     color: grey; }
42073   #integrations-salesforceAccount .salesforceAccount-detail-form-container .handle {
42074     cursor: move; }
42075   #integrations-salesforceAccount .salesforceAccount-detail-form-container md-input-container md-switch {
42076     margin: 0px !important; }
42077   #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader {
42078     position: relative; }
42079     #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader.dropping .drop-text {
42080       display: flex; }
42081     #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader .drop-text {
42082       display: none;
42083       position: absolute;
42084       top: 0;
42085       right: 0;
42086       bottom: 0;
42087       left: 0;
42088       padding: 16px;
42089       text-align: center;
42090       border: 2px dashed rgba(0, 0, 0, 0.12);
42091       background: #FFFFFF;
42092       font-size: 20px;
42093       z-index: 100; }
42094     #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader .upload-button {
42095       margin-bottom: 16px; }
42096     #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader .salesforceAccount-image {
42097       position: relative;
42098       width: 200px;
42099       height: 200px;
42100       border: 1px solid rgba(0, 0, 0, 0.12);
42101       margin: 8px; }
42102       #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader .salesforceAccount-image.uploading .overlay {
42103         position: absolute;
42104         top: 0;
42105         right: 0;
42106         bottom: 0;
42107         left: 0;
42108         background: rgba(0, 0, 0, 0.87); }
42109       #integrations-salesforceAccount .salesforceAccount-detail-form-container #salesforceAccount-image-uploader .salesforceAccount-image .media {
42110         max-height: 100%; }
42111
42112 #salesforceAccounts {
42113   position: relative; }
42114   #salesforceAccounts > .header {
42115     height: 76px;
42116     min-height: 76px;
42117     max-height: 76px; }
42118     #salesforceAccounts > .header .logo .logo-icon {
42119       margin: 0 16px 0 0; }
42120     #salesforceAccounts > .header .logo .logo-text {
42121       font-size: 24px; }
42122     #salesforceAccounts > .header md-icon {
42123       color: #FFFFFF; }
42124     #salesforceAccounts > .header .search-input-wrapper {
42125       position: relative; }
42126       #salesforceAccounts > .header .search-input-wrapper label {
42127         padding-right: 4px;
42128         cursor: pointer; }
42129         #salesforceAccounts > .header .search-input-wrapper label md-icon {
42130           color: rgba(255, 255, 255, 0.8); }
42131       #salesforceAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
42132         display: none; }
42133       #salesforceAccounts > .header .search-input-wrapper md-input-container input {
42134         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
42135         color: rgba(255, 255, 255, 0.8);
42136         width: 240px; }
42137         #salesforceAccounts > .header .search-input-wrapper md-input-container input::placeholder {
42138           color: rgba(255, 255, 255, 0.8); }
42139         #salesforceAccounts > .header .search-input-wrapper md-input-container input:focus {
42140           border-bottom: 1px solid white;
42141           color: white; }
42142     #salesforceAccounts > .header.selected-bar {
42143       position: absolute;
42144       top: 0;
42145       left: 0;
42146       right: 0;
42147       z-index: 999;
42148       background-image: none;
42149       opacity: 1 !important; }
42150       #salesforceAccounts > .header.selected-bar .close-button-wrapper {
42151         width: 244px; }
42152   #salesforceAccounts > .content {
42153     position: absolute;
42154     top: 76px;
42155     bottom: 0;
42156     right: 0;
42157     left: 0; }
42158     #salesforceAccounts > .content .main {
42159       padding: 16px 90px 0 4px;
42160       position: absolute;
42161       top: 0;
42162       left: 24px;
42163       right: 0;
42164       bottom: 0; }
42165       #salesforceAccounts > .content .main .no-results {
42166         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
42167   #salesforceAccounts #add-salesforceAccount-button {
42168     position: fixed;
42169     bottom: 8px;
42170     right: 8px;
42171     padding: 0; }
42172
42173 md-dialog.sugarcrmAccount-dialog {
42174   max-width: 720px;
42175   width: 720px; }
42176   md-dialog.sugarcrmAccount-dialog md-dialog-content {
42177     display: block;
42178     position: relative; }
42179   md-dialog.sugarcrmAccount-dialog md-toolbar .title {
42180     font-size: 17px; }
42181   md-dialog.sugarcrmAccount-dialog md-input-container textarea {
42182     min-height: 150px; }
42183   md-dialog.sugarcrmAccount-dialog md-input-container .hint {
42184     font-size: 12px;
42185     line-height: 20px;
42186     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42187     /* Set our own color */
42188     color: grey; }
42189   md-dialog.sugarcrmAccount-dialog md-input-container md-input-container md-switch {
42190     margin: 0px !important; }
42191   md-dialog.sugarcrmAccount-dialog .date-container {
42192     padding: 16px 0 24px 0; }
42193   md-dialog.sugarcrmAccount-dialog .error-list {
42194     font-size: 13px;
42195     padding-top: -40px; }
42196     md-dialog.sugarcrmAccount-dialog .error-list .error {
42197       background-color: rgba(244, 67, 54, 0.08);
42198       border: 1px solid rgba(244, 67, 54, 0.12);
42199       padding-left: 16px;
42200       margin-top: 8px;
42201       border-radius: 2px; }
42202       md-dialog.sugarcrmAccount-dialog .error-list .error .message {
42203         font-weight: 500; }
42204       md-dialog.sugarcrmAccount-dialog .error-list .error .md-button {
42205         margin: 0; }
42206       md-dialog.sugarcrmAccount-dialog .error-list .error:last-child {
42207         margin-bottom: 30px; }
42208   md-dialog.sugarcrmAccount-dialog md-dialog-actions {
42209     position: relative;
42210     overflow-y: hidden;
42211     overflow-x: auto;
42212     justify-content: space-between;
42213     background-color: rgba(0, 0, 0, 0.03);
42214     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42215
42216 @media screen and (max-width: 1280px) {
42217   md-dialog.task-dialog {
42218     width: 80%; } }
42219
42220 @media screen and (max-width: 960px) {
42221   md-dialog.task-dialog {
42222     width: 90%; } }
42223
42224 md-dialog.sugarcrmConfiguration-dialog {
42225   max-width: 720px;
42226   width: 720px; }
42227   md-dialog.sugarcrmConfiguration-dialog md-dialog-content {
42228     display: block;
42229     position: relative; }
42230   md-dialog.sugarcrmConfiguration-dialog md-toolbar .title {
42231     font-size: 17px; }
42232   md-dialog.sugarcrmConfiguration-dialog md-input-container textarea {
42233     min-height: 150px; }
42234   md-dialog.sugarcrmConfiguration-dialog md-input-container .hint {
42235     font-size: 12px;
42236     line-height: 20px;
42237     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42238     /* Set our own color */
42239     color: grey; }
42240   md-dialog.sugarcrmConfiguration-dialog md-input-container md-input-container md-switch {
42241     margin: 0px !important; }
42242   md-dialog.sugarcrmConfiguration-dialog .date-container {
42243     padding: 16px 0 24px 0; }
42244   md-dialog.sugarcrmConfiguration-dialog .error-list {
42245     font-size: 13px;
42246     padding-top: -40px; }
42247     md-dialog.sugarcrmConfiguration-dialog .error-list .error {
42248       background-color: rgba(244, 67, 54, 0.08);
42249       border: 1px solid rgba(244, 67, 54, 0.12);
42250       padding-left: 16px;
42251       margin-top: 8px;
42252       border-radius: 2px; }
42253       md-dialog.sugarcrmConfiguration-dialog .error-list .error .message {
42254         font-weight: 500; }
42255       md-dialog.sugarcrmConfiguration-dialog .error-list .error .md-button {
42256         margin: 0; }
42257       md-dialog.sugarcrmConfiguration-dialog .error-list .error:last-child {
42258         margin-bottom: 30px; }
42259   md-dialog.sugarcrmConfiguration-dialog md-dialog-actions {
42260     position: relative;
42261     overflow-y: hidden;
42262     overflow-x: auto;
42263     justify-content: space-between;
42264     background-color: rgba(0, 0, 0, 0.03);
42265     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42266
42267 @media screen and (max-width: 1280px) {
42268   md-dialog.task-dialog {
42269     width: 80%; } }
42270
42271 @media screen and (max-width: 960px) {
42272   md-dialog.task-dialog {
42273     width: 90%; } }
42274
42275 md-dialog.sugarcrmAccount-item-dialog {
42276   max-width: 720px;
42277   width: 720px; }
42278   md-dialog.sugarcrmAccount-item-dialog md-dialog-content {
42279     display: block;
42280     position: relative; }
42281   md-dialog.sugarcrmAccount-item-dialog md-toolbar .title {
42282     font-size: 17px; }
42283   md-dialog.sugarcrmAccount-item-dialog md-input-container textarea {
42284     min-height: 150px; }
42285   md-dialog.sugarcrmAccount-item-dialog md-input-container .hint {
42286     font-size: 12px;
42287     line-height: 20px;
42288     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42289     /* Set our own color */
42290     color: grey; }
42291   md-dialog.sugarcrmAccount-item-dialog md-input-container md-input-container md-switch {
42292     margin: 0px !important; }
42293   md-dialog.sugarcrmAccount-item-dialog .date-container {
42294     padding: 16px 0 24px 0; }
42295   md-dialog.sugarcrmAccount-item-dialog .error-list {
42296     font-size: 13px;
42297     padding-top: -40px; }
42298     md-dialog.sugarcrmAccount-item-dialog .error-list .error {
42299       background-color: rgba(244, 67, 54, 0.08);
42300       border: 1px solid rgba(244, 67, 54, 0.12);
42301       padding-left: 16px;
42302       margin-top: 8px;
42303       border-radius: 2px; }
42304       md-dialog.sugarcrmAccount-item-dialog .error-list .error .message {
42305         font-weight: 500; }
42306       md-dialog.sugarcrmAccount-item-dialog .error-list .error .md-button {
42307         margin: 0; }
42308       md-dialog.sugarcrmAccount-item-dialog .error-list .error:last-child {
42309         margin-bottom: 30px; }
42310   md-dialog.sugarcrmAccount-item-dialog md-dialog-actions {
42311     position: relative;
42312     overflow-y: hidden;
42313     overflow-x: auto;
42314     justify-content: space-between;
42315     background-color: rgba(0, 0, 0, 0.03);
42316     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42317
42318 @media screen and (max-width: 1280px) {
42319   md-dialog.task-dialog {
42320     width: 80%; } }
42321
42322 @media screen and (max-width: 960px) {
42323   md-dialog.task-dialog {
42324     width: 90%; } }
42325
42326 #integrations-sugarcrmAccount .header {
42327   height: 120px;
42328   min-height: 120px;
42329   max-height: 120px; }
42330   #integrations-sugarcrmAccount .header .goto-sugarcrmAccounts-button {
42331     margin-right: 16px; }
42332   #integrations-sugarcrmAccount .header .sugarcrmAccount-image {
42333     overflow: hidden;
42334     width: 56px;
42335     height: 56px;
42336     margin-right: 16px;
42337     border: 3px solid rgba(0, 0, 0, 0.12); }
42338     #integrations-sugarcrmAccount .header .sugarcrmAccount-image img {
42339       height: 100%;
42340       width: auto;
42341       max-width: none; }
42342   #integrations-sugarcrmAccount .header .subtitle {
42343     margin: 6px 0 0 0; }
42344
42345 #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container {
42346   padding: 24px;
42347   margin-bottom: 24px; }
42348   #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container .hint {
42349     font-size: 12px;
42350     line-height: 20px;
42351     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42352     /* Set our own color */
42353     color: grey; }
42354   #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container .handle {
42355     cursor: move; }
42356   #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container md-input-container md-switch {
42357     margin: 0px !important; }
42358   #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader {
42359     position: relative; }
42360     #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader.dropping .drop-text {
42361       display: flex; }
42362     #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader .drop-text {
42363       display: none;
42364       position: absolute;
42365       top: 0;
42366       right: 0;
42367       bottom: 0;
42368       left: 0;
42369       padding: 16px;
42370       text-align: center;
42371       border: 2px dashed rgba(0, 0, 0, 0.12);
42372       background: #FFFFFF;
42373       font-size: 20px;
42374       z-index: 100; }
42375     #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader .upload-button {
42376       margin-bottom: 16px; }
42377     #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader .sugarcrmAccount-image {
42378       position: relative;
42379       width: 200px;
42380       height: 200px;
42381       border: 1px solid rgba(0, 0, 0, 0.12);
42382       margin: 8px; }
42383       #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader .sugarcrmAccount-image.uploading .overlay {
42384         position: absolute;
42385         top: 0;
42386         right: 0;
42387         bottom: 0;
42388         left: 0;
42389         background: rgba(0, 0, 0, 0.87); }
42390       #integrations-sugarcrmAccount .sugarcrmAccount-detail-form-container #sugarcrmAccount-image-uploader .sugarcrmAccount-image .media {
42391         max-height: 100%; }
42392
42393 #sugarcrmAccounts {
42394   position: relative; }
42395   #sugarcrmAccounts > .header {
42396     height: 76px;
42397     min-height: 76px;
42398     max-height: 76px; }
42399     #sugarcrmAccounts > .header .logo .logo-icon {
42400       margin: 0 16px 0 0; }
42401     #sugarcrmAccounts > .header .logo .logo-text {
42402       font-size: 24px; }
42403     #sugarcrmAccounts > .header md-icon {
42404       color: #FFFFFF; }
42405     #sugarcrmAccounts > .header .search-input-wrapper {
42406       position: relative; }
42407       #sugarcrmAccounts > .header .search-input-wrapper label {
42408         padding-right: 4px;
42409         cursor: pointer; }
42410         #sugarcrmAccounts > .header .search-input-wrapper label md-icon {
42411           color: rgba(255, 255, 255, 0.8); }
42412       #sugarcrmAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
42413         display: none; }
42414       #sugarcrmAccounts > .header .search-input-wrapper md-input-container input {
42415         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
42416         color: rgba(255, 255, 255, 0.8);
42417         width: 240px; }
42418         #sugarcrmAccounts > .header .search-input-wrapper md-input-container input::placeholder {
42419           color: rgba(255, 255, 255, 0.8); }
42420         #sugarcrmAccounts > .header .search-input-wrapper md-input-container input:focus {
42421           border-bottom: 1px solid white;
42422           color: white; }
42423     #sugarcrmAccounts > .header.selected-bar {
42424       position: absolute;
42425       top: 0;
42426       left: 0;
42427       right: 0;
42428       z-index: 999;
42429       background-image: none;
42430       opacity: 1 !important; }
42431       #sugarcrmAccounts > .header.selected-bar .close-button-wrapper {
42432         width: 244px; }
42433   #sugarcrmAccounts > .content {
42434     position: absolute;
42435     top: 76px;
42436     bottom: 0;
42437     right: 0;
42438     left: 0; }
42439     #sugarcrmAccounts > .content .main {
42440       padding: 16px 90px 0 4px;
42441       position: absolute;
42442       top: 0;
42443       left: 24px;
42444       right: 0;
42445       bottom: 0; }
42446       #sugarcrmAccounts > .content .main .no-results {
42447         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
42448   #sugarcrmAccounts #add-sugarcrmAccount-button {
42449     position: fixed;
42450     bottom: 8px;
42451     right: 8px;
42452     padding: 0; }
42453
42454 md-dialog.zendeskAccount-dialog {
42455   max-width: 720px;
42456   width: 720px; }
42457   md-dialog.zendeskAccount-dialog md-dialog-content {
42458     display: block;
42459     position: relative; }
42460   md-dialog.zendeskAccount-dialog md-toolbar .title {
42461     font-size: 17px; }
42462   md-dialog.zendeskAccount-dialog md-input-container textarea {
42463     min-height: 150px; }
42464   md-dialog.zendeskAccount-dialog md-input-container .hint {
42465     font-size: 12px;
42466     line-height: 20px;
42467     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42468     /* Set our own color */
42469     color: grey; }
42470   md-dialog.zendeskAccount-dialog md-input-container md-input-container md-switch {
42471     margin: 0px !important; }
42472   md-dialog.zendeskAccount-dialog .date-container {
42473     padding: 16px 0 24px 0; }
42474   md-dialog.zendeskAccount-dialog .error-list {
42475     font-size: 13px;
42476     padding-top: -40px; }
42477     md-dialog.zendeskAccount-dialog .error-list .error {
42478       background-color: rgba(244, 67, 54, 0.08);
42479       border: 1px solid rgba(244, 67, 54, 0.12);
42480       padding-left: 16px;
42481       margin-top: 8px;
42482       border-radius: 2px; }
42483       md-dialog.zendeskAccount-dialog .error-list .error .message {
42484         font-weight: 500; }
42485       md-dialog.zendeskAccount-dialog .error-list .error .md-button {
42486         margin: 0; }
42487       md-dialog.zendeskAccount-dialog .error-list .error:last-child {
42488         margin-bottom: 30px; }
42489   md-dialog.zendeskAccount-dialog md-dialog-actions {
42490     position: relative;
42491     overflow-y: hidden;
42492     overflow-x: auto;
42493     justify-content: space-between;
42494     background-color: rgba(0, 0, 0, 0.03);
42495     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42496
42497 @media screen and (max-width: 1280px) {
42498   md-dialog.task-dialog {
42499     width: 80%; } }
42500
42501 @media screen and (max-width: 960px) {
42502   md-dialog.task-dialog {
42503     width: 90%; } }
42504
42505 md-dialog.zendeskAccount-item-dialog {
42506   max-width: 720px;
42507   width: 720px; }
42508   md-dialog.zendeskAccount-item-dialog md-dialog-content {
42509     display: block;
42510     position: relative; }
42511   md-dialog.zendeskAccount-item-dialog md-toolbar .title {
42512     font-size: 17px; }
42513   md-dialog.zendeskAccount-item-dialog md-input-container textarea {
42514     min-height: 150px; }
42515   md-dialog.zendeskAccount-item-dialog md-input-container .hint {
42516     font-size: 12px;
42517     line-height: 20px;
42518     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42519     /* Set our own color */
42520     color: grey; }
42521   md-dialog.zendeskAccount-item-dialog md-input-container md-input-container md-switch {
42522     margin: 0px !important; }
42523   md-dialog.zendeskAccount-item-dialog .date-container {
42524     padding: 16px 0 24px 0; }
42525   md-dialog.zendeskAccount-item-dialog .error-list {
42526     font-size: 13px;
42527     padding-top: -40px; }
42528     md-dialog.zendeskAccount-item-dialog .error-list .error {
42529       background-color: rgba(244, 67, 54, 0.08);
42530       border: 1px solid rgba(244, 67, 54, 0.12);
42531       padding-left: 16px;
42532       margin-top: 8px;
42533       border-radius: 2px; }
42534       md-dialog.zendeskAccount-item-dialog .error-list .error .message {
42535         font-weight: 500; }
42536       md-dialog.zendeskAccount-item-dialog .error-list .error .md-button {
42537         margin: 0; }
42538       md-dialog.zendeskAccount-item-dialog .error-list .error:last-child {
42539         margin-bottom: 30px; }
42540   md-dialog.zendeskAccount-item-dialog md-dialog-actions {
42541     position: relative;
42542     overflow-y: hidden;
42543     overflow-x: auto;
42544     justify-content: space-between;
42545     background-color: rgba(0, 0, 0, 0.03);
42546     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42547
42548 @media screen and (max-width: 1280px) {
42549   md-dialog.task-dialog {
42550     width: 80%; } }
42551
42552 @media screen and (max-width: 960px) {
42553   md-dialog.task-dialog {
42554     width: 90%; } }
42555
42556 #integrations-zendeskAccount .header {
42557   height: 120px;
42558   min-height: 120px;
42559   max-height: 120px; }
42560   #integrations-zendeskAccount .header .goto-zendeskAccounts-button {
42561     margin-right: 16px; }
42562   #integrations-zendeskAccount .header .zendeskAccount-image {
42563     overflow: hidden;
42564     width: 56px;
42565     height: 56px;
42566     margin-right: 16px;
42567     border: 3px solid rgba(0, 0, 0, 0.12); }
42568     #integrations-zendeskAccount .header .zendeskAccount-image img {
42569       height: 100%;
42570       width: auto;
42571       max-width: none; }
42572   #integrations-zendeskAccount .header .subtitle {
42573     margin: 6px 0 0 0; }
42574
42575 #integrations-zendeskAccount .zendeskAccount-detail-form-container {
42576   padding: 24px;
42577   margin-bottom: 24px; }
42578   #integrations-zendeskAccount .zendeskAccount-detail-form-container .hint {
42579     font-size: 12px;
42580     line-height: 20px;
42581     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42582     /* Set our own color */
42583     color: grey; }
42584   #integrations-zendeskAccount .zendeskAccount-detail-form-container .handle {
42585     cursor: move; }
42586   #integrations-zendeskAccount .zendeskAccount-detail-form-container md-input-container md-switch {
42587     margin: 0px !important; }
42588   #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader {
42589     position: relative; }
42590     #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader.dropping .drop-text {
42591       display: flex; }
42592     #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader .drop-text {
42593       display: none;
42594       position: absolute;
42595       top: 0;
42596       right: 0;
42597       bottom: 0;
42598       left: 0;
42599       padding: 16px;
42600       text-align: center;
42601       border: 2px dashed rgba(0, 0, 0, 0.12);
42602       background: #FFFFFF;
42603       font-size: 20px;
42604       z-index: 100; }
42605     #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader .upload-button {
42606       margin-bottom: 16px; }
42607     #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader .zendeskAccount-image {
42608       position: relative;
42609       width: 200px;
42610       height: 200px;
42611       border: 1px solid rgba(0, 0, 0, 0.12);
42612       margin: 8px; }
42613       #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader .zendeskAccount-image.uploading .overlay {
42614         position: absolute;
42615         top: 0;
42616         right: 0;
42617         bottom: 0;
42618         left: 0;
42619         background: rgba(0, 0, 0, 0.87); }
42620       #integrations-zendeskAccount .zendeskAccount-detail-form-container #zendeskAccount-image-uploader .zendeskAccount-image .media {
42621         max-height: 100%; }
42622
42623 md-dialog.zendeskConfiguration-dialog {
42624   max-width: 720px;
42625   width: 720px; }
42626   md-dialog.zendeskConfiguration-dialog md-dialog-content {
42627     display: block;
42628     position: relative; }
42629   md-dialog.zendeskConfiguration-dialog md-toolbar .title {
42630     font-size: 17px; }
42631   md-dialog.zendeskConfiguration-dialog md-input-container textarea {
42632     min-height: 150px; }
42633   md-dialog.zendeskConfiguration-dialog md-input-container .hint {
42634     font-size: 12px;
42635     line-height: 20px;
42636     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42637     /* Set our own color */
42638     color: grey; }
42639   md-dialog.zendeskConfiguration-dialog md-input-container md-input-container md-switch {
42640     margin: 0px !important; }
42641   md-dialog.zendeskConfiguration-dialog .date-container {
42642     padding: 16px 0 24px 0; }
42643   md-dialog.zendeskConfiguration-dialog .error-list {
42644     font-size: 13px;
42645     padding-top: -40px; }
42646     md-dialog.zendeskConfiguration-dialog .error-list .error {
42647       background-color: rgba(244, 67, 54, 0.08);
42648       border: 1px solid rgba(244, 67, 54, 0.12);
42649       padding-left: 16px;
42650       margin-top: 8px;
42651       border-radius: 2px; }
42652       md-dialog.zendeskConfiguration-dialog .error-list .error .message {
42653         font-weight: 500; }
42654       md-dialog.zendeskConfiguration-dialog .error-list .error .md-button {
42655         margin: 0; }
42656       md-dialog.zendeskConfiguration-dialog .error-list .error:last-child {
42657         margin-bottom: 30px; }
42658   md-dialog.zendeskConfiguration-dialog md-dialog-actions {
42659     position: relative;
42660     overflow-y: hidden;
42661     overflow-x: auto;
42662     justify-content: space-between;
42663     background-color: rgba(0, 0, 0, 0.03);
42664     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42665
42666 @media screen and (max-width: 1280px) {
42667   md-dialog.task-dialog {
42668     width: 80%; } }
42669
42670 @media screen and (max-width: 960px) {
42671   md-dialog.task-dialog {
42672     width: 90%; } }
42673
42674 #zendeskAccounts {
42675   position: relative; }
42676   #zendeskAccounts > .header {
42677     height: 76px;
42678     min-height: 76px;
42679     max-height: 76px; }
42680     #zendeskAccounts > .header .logo .logo-icon {
42681       margin: 0 16px 0 0; }
42682     #zendeskAccounts > .header .logo .logo-text {
42683       font-size: 24px; }
42684     #zendeskAccounts > .header md-icon {
42685       color: #FFFFFF; }
42686     #zendeskAccounts > .header .search-input-wrapper {
42687       position: relative; }
42688       #zendeskAccounts > .header .search-input-wrapper label {
42689         padding-right: 4px;
42690         cursor: pointer; }
42691         #zendeskAccounts > .header .search-input-wrapper label md-icon {
42692           color: rgba(255, 255, 255, 0.8); }
42693       #zendeskAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
42694         display: none; }
42695       #zendeskAccounts > .header .search-input-wrapper md-input-container input {
42696         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
42697         color: rgba(255, 255, 255, 0.8);
42698         width: 240px; }
42699         #zendeskAccounts > .header .search-input-wrapper md-input-container input::placeholder {
42700           color: rgba(255, 255, 255, 0.8); }
42701         #zendeskAccounts > .header .search-input-wrapper md-input-container input:focus {
42702           border-bottom: 1px solid white;
42703           color: white; }
42704     #zendeskAccounts > .header.selected-bar {
42705       position: absolute;
42706       top: 0;
42707       left: 0;
42708       right: 0;
42709       z-index: 999;
42710       background-image: none;
42711       opacity: 1 !important; }
42712       #zendeskAccounts > .header.selected-bar .close-button-wrapper {
42713         width: 244px; }
42714   #zendeskAccounts > .content {
42715     position: absolute;
42716     top: 76px;
42717     bottom: 0;
42718     right: 0;
42719     left: 0; }
42720     #zendeskAccounts > .content .main {
42721       padding: 16px 90px 0 4px;
42722       position: absolute;
42723       top: 0;
42724       left: 24px;
42725       right: 0;
42726       bottom: 0; }
42727       #zendeskAccounts > .content .main .no-results {
42728         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
42729   #zendeskAccounts #add-zendeskAccount-button {
42730     position: fixed;
42731     bottom: 8px;
42732     right: 8px;
42733     padding: 0; }
42734
42735 md-dialog.mailAccount-dialog {
42736   max-width: 720px;
42737   width: 720px; }
42738   md-dialog.mailAccount-dialog md-dialog-content {
42739     display: block;
42740     position: relative; }
42741   md-dialog.mailAccount-dialog md-toolbar .title {
42742     font-size: 17px; }
42743   md-dialog.mailAccount-dialog md-input-container textarea {
42744     min-height: 150px; }
42745   md-dialog.mailAccount-dialog md-input-container .hint {
42746     font-size: 12px;
42747     line-height: 20px;
42748     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42749     /* Set our own color */
42750     color: grey; }
42751   md-dialog.mailAccount-dialog md-input-container md-input-container md-switch {
42752     margin: 0px !important; }
42753   md-dialog.mailAccount-dialog .date-container {
42754     padding: 16px 0 24px 0; }
42755   md-dialog.mailAccount-dialog .error-list {
42756     font-size: 13px;
42757     padding-top: -40px; }
42758     md-dialog.mailAccount-dialog .error-list .error {
42759       background-color: rgba(244, 67, 54, 0.08);
42760       border: 1px solid rgba(244, 67, 54, 0.12);
42761       padding-left: 16px;
42762       margin-top: 8px;
42763       border-radius: 2px; }
42764       md-dialog.mailAccount-dialog .error-list .error .message {
42765         font-weight: 500; }
42766       md-dialog.mailAccount-dialog .error-list .error .md-button {
42767         margin: 0; }
42768       md-dialog.mailAccount-dialog .error-list .error:last-child {
42769         margin-bottom: 30px; }
42770   md-dialog.mailAccount-dialog md-dialog-actions {
42771     position: relative;
42772     overflow-y: hidden;
42773     overflow-x: auto;
42774     justify-content: space-between;
42775     background-color: rgba(0, 0, 0, 0.03);
42776     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42777
42778 @media screen and (max-width: 1280px) {
42779   md-dialog.task-dialog {
42780     width: 80%; } }
42781
42782 @media screen and (max-width: 960px) {
42783   md-dialog.task-dialog {
42784     width: 90%; } }
42785
42786 md-dialog.mailDisposition-dialog {
42787   max-width: 720px;
42788   width: 720px; }
42789   md-dialog.mailDisposition-dialog md-dialog-content {
42790     display: block;
42791     position: relative; }
42792   md-dialog.mailDisposition-dialog md-toolbar .title {
42793     font-size: 17px; }
42794   md-dialog.mailDisposition-dialog md-input-container textarea {
42795     min-height: 150px; }
42796   md-dialog.mailDisposition-dialog md-input-container .hint {
42797     font-size: 12px;
42798     line-height: 20px;
42799     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42800     /* Set our own color */
42801     color: grey; }
42802   md-dialog.mailDisposition-dialog md-input-container md-input-container md-switch {
42803     margin: 0px !important; }
42804   md-dialog.mailDisposition-dialog .date-container {
42805     padding: 16px 0 24px 0; }
42806   md-dialog.mailDisposition-dialog .error-list {
42807     font-size: 13px;
42808     padding-top: -40px; }
42809     md-dialog.mailDisposition-dialog .error-list .error {
42810       background-color: rgba(244, 67, 54, 0.08);
42811       border: 1px solid rgba(244, 67, 54, 0.12);
42812       padding-left: 16px;
42813       margin-top: 8px;
42814       border-radius: 2px; }
42815       md-dialog.mailDisposition-dialog .error-list .error .message {
42816         font-weight: 500; }
42817       md-dialog.mailDisposition-dialog .error-list .error .md-button {
42818         margin: 0; }
42819       md-dialog.mailDisposition-dialog .error-list .error:last-child {
42820         margin-bottom: 30px; }
42821   md-dialog.mailDisposition-dialog md-dialog-actions {
42822     position: relative;
42823     overflow-y: hidden;
42824     overflow-x: auto;
42825     justify-content: space-between;
42826     background-color: rgba(0, 0, 0, 0.03);
42827     border-top: 1px solid rgba(0, 0, 0, 0.12); }
42828
42829 @media screen and (max-width: 1280px) {
42830   md-dialog.task-dialog {
42831     width: 80%; } }
42832
42833 @media screen and (max-width: 960px) {
42834   md-dialog.task-dialog {
42835     width: 90%; } }
42836
42837 #mail-mailAccount .header {
42838   height: 120px;
42839   min-height: 120px;
42840   max-height: 120px; }
42841   #mail-mailAccount .header .goto-mailAccounts-button {
42842     margin-right: 16px; }
42843   #mail-mailAccount .header .mailAccount-image {
42844     overflow: hidden;
42845     width: 56px;
42846     height: 56px;
42847     margin-right: 16px;
42848     border: 3px solid rgba(0, 0, 0, 0.12); }
42849     #mail-mailAccount .header .mailAccount-image img {
42850       height: 100%;
42851       width: auto;
42852       max-width: none; }
42853   #mail-mailAccount .header .subtitle {
42854     margin: 6px 0 0 0; }
42855
42856 #mail-mailAccount .mailAccount-detail-form-container {
42857   padding: 24px;
42858   margin-bottom: 24px; }
42859   #mail-mailAccount .mailAccount-detail-form-container .hint {
42860     font-size: 12px;
42861     line-height: 20px;
42862     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42863     /* Set our own color */
42864     color: grey; }
42865   #mail-mailAccount .mailAccount-detail-form-container .handle {
42866     cursor: move; }
42867   #mail-mailAccount .mailAccount-detail-form-container md-input-container md-switch {
42868     margin: 0px !important; }
42869   #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader {
42870     position: relative; }
42871     #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader.dropping .drop-text {
42872       display: flex; }
42873     #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader .drop-text {
42874       display: none;
42875       position: absolute;
42876       top: 0;
42877       right: 0;
42878       bottom: 0;
42879       left: 0;
42880       padding: 16px;
42881       text-align: center;
42882       border: 2px dashed rgba(0, 0, 0, 0.12);
42883       background: #FFFFFF;
42884       font-size: 20px;
42885       z-index: 100; }
42886     #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader .upload-button {
42887       margin-bottom: 16px; }
42888     #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader .mailAccount-image {
42889       position: relative;
42890       width: 200px;
42891       height: 200px;
42892       border: 1px solid rgba(0, 0, 0, 0.12);
42893       margin: 8px; }
42894       #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader .mailAccount-image.uploading .overlay {
42895         position: absolute;
42896         top: 0;
42897         right: 0;
42898         bottom: 0;
42899         left: 0;
42900         background: rgba(0, 0, 0, 0.87); }
42901       #mail-mailAccount .mailAccount-detail-form-container #mailAccount-image-uploader .mailAccount-image .media {
42902         max-height: 100%; }
42903
42904 #mailAccounts {
42905   position: relative; }
42906   #mailAccounts > .header {
42907     height: 76px;
42908     min-height: 76px;
42909     max-height: 76px; }
42910     #mailAccounts > .header .logo .logo-icon {
42911       margin: 0 16px 0 0; }
42912     #mailAccounts > .header .logo .logo-text {
42913       font-size: 24px; }
42914     #mailAccounts > .header md-icon {
42915       color: #FFFFFF; }
42916     #mailAccounts > .header .search-input-wrapper {
42917       position: relative; }
42918       #mailAccounts > .header .search-input-wrapper label {
42919         padding-right: 4px;
42920         cursor: pointer; }
42921         #mailAccounts > .header .search-input-wrapper label md-icon {
42922           color: rgba(255, 255, 255, 0.8); }
42923       #mailAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
42924         display: none; }
42925       #mailAccounts > .header .search-input-wrapper md-input-container input {
42926         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
42927         color: rgba(255, 255, 255, 0.8);
42928         width: 240px; }
42929         #mailAccounts > .header .search-input-wrapper md-input-container input::placeholder {
42930           color: rgba(255, 255, 255, 0.8); }
42931         #mailAccounts > .header .search-input-wrapper md-input-container input:focus {
42932           border-bottom: 1px solid white;
42933           color: white; }
42934     #mailAccounts > .header.selected-bar {
42935       position: absolute;
42936       top: 0;
42937       left: 0;
42938       right: 0;
42939       z-index: 999;
42940       background-image: none;
42941       opacity: 1 !important; }
42942       #mailAccounts > .header.selected-bar .close-button-wrapper {
42943         width: 244px; }
42944   #mailAccounts > .content {
42945     position: absolute;
42946     top: 76px;
42947     bottom: 0;
42948     right: 0;
42949     left: 0; }
42950     #mailAccounts > .content .main {
42951       padding: 16px 90px 0 4px;
42952       position: absolute;
42953       top: 0;
42954       left: 24px;
42955       right: 0;
42956       bottom: 0; }
42957       #mailAccounts > .content .main .no-results {
42958         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
42959   #mailAccounts #add-mailAccount-button {
42960     position: fixed;
42961     bottom: 8px;
42962     right: 8px;
42963     padding: 0; }
42964
42965 md-dialog.mailQueue-dialog {
42966   max-width: 720px;
42967   width: 720px; }
42968   md-dialog.mailQueue-dialog md-dialog-content {
42969     display: block;
42970     position: relative; }
42971   md-dialog.mailQueue-dialog md-toolbar .title {
42972     font-size: 17px; }
42973   md-dialog.mailQueue-dialog md-input-container textarea {
42974     min-height: 150px; }
42975   md-dialog.mailQueue-dialog md-input-container .hint {
42976     font-size: 12px;
42977     line-height: 20px;
42978     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
42979     /* Set our own color */
42980     color: grey; }
42981   md-dialog.mailQueue-dialog md-input-container md-input-container md-switch {
42982     margin: 0px !important; }
42983   md-dialog.mailQueue-dialog .date-container {
42984     padding: 16px 0 24px 0; }
42985   md-dialog.mailQueue-dialog .error-list {
42986     font-size: 13px;
42987     padding-top: -40px; }
42988     md-dialog.mailQueue-dialog .error-list .error {
42989       background-color: rgba(244, 67, 54, 0.08);
42990       border: 1px solid rgba(244, 67, 54, 0.12);
42991       padding-left: 16px;
42992       margin-top: 8px;
42993       border-radius: 2px; }
42994       md-dialog.mailQueue-dialog .error-list .error .message {
42995         font-weight: 500; }
42996       md-dialog.mailQueue-dialog .error-list .error .md-button {
42997         margin: 0; }
42998       md-dialog.mailQueue-dialog .error-list .error:last-child {
42999         margin-bottom: 30px; }
43000   md-dialog.mailQueue-dialog md-dialog-actions {
43001     position: relative;
43002     overflow-y: hidden;
43003     overflow-x: auto;
43004     justify-content: space-between;
43005     background-color: rgba(0, 0, 0, 0.03);
43006     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43007
43008 @media screen and (max-width: 1280px) {
43009   md-dialog.task-dialog {
43010     width: 80%; } }
43011
43012 @media screen and (max-width: 960px) {
43013   md-dialog.task-dialog {
43014     width: 90%; } }
43015
43016 #mail-mailQueue .header {
43017   height: 120px;
43018   min-height: 120px;
43019   max-height: 120px; }
43020   #mail-mailQueue .header .goto-mailQueues-button {
43021     margin-right: 16px; }
43022   #mail-mailQueue .header .mailQueue-image {
43023     overflow: hidden;
43024     width: 56px;
43025     height: 56px;
43026     margin-right: 16px;
43027     border: 3px solid rgba(0, 0, 0, 0.12); }
43028     #mail-mailQueue .header .mailQueue-image img {
43029       height: 100%;
43030       width: auto;
43031       max-width: none; }
43032   #mail-mailQueue .header .subtitle {
43033     margin: 6px 0 0 0; }
43034
43035 #mail-mailQueue .mailQueue-detail-form-container {
43036   padding: 24px;
43037   margin-bottom: 24px; }
43038   #mail-mailQueue .mailQueue-detail-form-container .hint {
43039     font-size: 12px;
43040     line-height: 20px;
43041     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43042     /* Set our own color */
43043     color: grey; }
43044   #mail-mailQueue .mailQueue-detail-form-container .handle {
43045     cursor: move; }
43046   #mail-mailQueue .mailQueue-detail-form-container md-input-container md-switch {
43047     margin: 0px !important; }
43048   #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader {
43049     position: relative; }
43050     #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader.dropping .drop-text {
43051       display: flex; }
43052     #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader .drop-text {
43053       display: none;
43054       position: absolute;
43055       top: 0;
43056       right: 0;
43057       bottom: 0;
43058       left: 0;
43059       padding: 16px;
43060       text-align: center;
43061       border: 2px dashed rgba(0, 0, 0, 0.12);
43062       background: #FFFFFF;
43063       font-size: 20px;
43064       z-index: 100; }
43065     #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader .upload-button {
43066       margin-bottom: 16px; }
43067     #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader .mailQueue-image {
43068       position: relative;
43069       width: 200px;
43070       height: 200px;
43071       border: 1px solid rgba(0, 0, 0, 0.12);
43072       margin: 8px; }
43073       #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader .mailQueue-image.uploading .overlay {
43074         position: absolute;
43075         top: 0;
43076         right: 0;
43077         bottom: 0;
43078         left: 0;
43079         background: rgba(0, 0, 0, 0.87); }
43080       #mail-mailQueue .mailQueue-detail-form-container #mailQueue-image-uploader .mailQueue-image .media {
43081         max-height: 100%; }
43082
43083 #mailQueues {
43084   position: relative; }
43085   #mailQueues > .header {
43086     height: 76px;
43087     min-height: 76px;
43088     max-height: 76px; }
43089     #mailQueues > .header .logo .logo-icon {
43090       margin: 0 16px 0 0; }
43091     #mailQueues > .header .logo .logo-text {
43092       font-size: 24px; }
43093     #mailQueues > .header md-icon {
43094       color: #FFFFFF; }
43095     #mailQueues > .header .search-input-wrapper {
43096       position: relative; }
43097       #mailQueues > .header .search-input-wrapper label {
43098         padding-right: 4px;
43099         cursor: pointer; }
43100         #mailQueues > .header .search-input-wrapper label md-icon {
43101           color: rgba(255, 255, 255, 0.8); }
43102       #mailQueues > .header .search-input-wrapper md-input-container .md-errors-spacer {
43103         display: none; }
43104       #mailQueues > .header .search-input-wrapper md-input-container input {
43105         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
43106         color: rgba(255, 255, 255, 0.8);
43107         width: 240px; }
43108         #mailQueues > .header .search-input-wrapper md-input-container input::placeholder {
43109           color: rgba(255, 255, 255, 0.8); }
43110         #mailQueues > .header .search-input-wrapper md-input-container input:focus {
43111           border-bottom: 1px solid white;
43112           color: white; }
43113     #mailQueues > .header.selected-bar {
43114       position: absolute;
43115       top: 0;
43116       left: 0;
43117       right: 0;
43118       z-index: 999;
43119       background-image: none;
43120       opacity: 1 !important; }
43121       #mailQueues > .header.selected-bar .close-button-wrapper {
43122         width: 244px; }
43123   #mailQueues > .content {
43124     position: absolute;
43125     top: 76px;
43126     bottom: 0;
43127     right: 0;
43128     left: 0; }
43129     #mailQueues > .content .main {
43130       padding: 16px 90px 0 4px;
43131       position: absolute;
43132       top: 0;
43133       left: 24px;
43134       right: 0;
43135       bottom: 0; }
43136       #mailQueues > .content .main .no-results {
43137         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
43138   #mailQueues #add-mailQueue-button {
43139     position: fixed;
43140     bottom: 8px;
43141     right: 8px;
43142     padding: 0; }
43143
43144 md-dialog.ivrCampaign-dialog {
43145   max-width: 720px;
43146   width: 720px; }
43147   md-dialog.ivrCampaign-dialog md-dialog-content {
43148     display: block;
43149     position: relative; }
43150   md-dialog.ivrCampaign-dialog md-toolbar .title {
43151     font-size: 17px; }
43152   md-dialog.ivrCampaign-dialog md-input-container textarea {
43153     min-height: 150px; }
43154   md-dialog.ivrCampaign-dialog md-input-container .hint {
43155     font-size: 12px;
43156     line-height: 20px;
43157     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43158     /* Set our own color */
43159     color: grey; }
43160   md-dialog.ivrCampaign-dialog md-input-container md-input-container md-switch {
43161     margin: 0px !important; }
43162   md-dialog.ivrCampaign-dialog .date-container {
43163     padding: 16px 0 24px 0; }
43164   md-dialog.ivrCampaign-dialog .error-list {
43165     font-size: 13px;
43166     padding-top: -40px; }
43167     md-dialog.ivrCampaign-dialog .error-list .error {
43168       background-color: rgba(244, 67, 54, 0.08);
43169       border: 1px solid rgba(244, 67, 54, 0.12);
43170       padding-left: 16px;
43171       margin-top: 8px;
43172       border-radius: 2px; }
43173       md-dialog.ivrCampaign-dialog .error-list .error .message {
43174         font-weight: 500; }
43175       md-dialog.ivrCampaign-dialog .error-list .error .md-button {
43176         margin: 0; }
43177       md-dialog.ivrCampaign-dialog .error-list .error:last-child {
43178         margin-bottom: 30px; }
43179   md-dialog.ivrCampaign-dialog md-dialog-actions {
43180     position: relative;
43181     overflow-y: hidden;
43182     overflow-x: auto;
43183     justify-content: space-between;
43184     background-color: rgba(0, 0, 0, 0.03);
43185     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43186
43187 @media screen and (max-width: 1280px) {
43188   md-dialog.task-dialog {
43189     width: 80%; } }
43190
43191 @media screen and (max-width: 960px) {
43192   md-dialog.task-dialog {
43193     width: 90%; } }
43194
43195 md-dialog.hopper-dialog {
43196   max-width: 720px;
43197   width: 720px; }
43198   md-dialog.hopper-dialog md-dialog-content {
43199     display: block;
43200     position: relative; }
43201   md-dialog.hopper-dialog md-toolbar .title {
43202     font-size: 17px; }
43203   md-dialog.hopper-dialog md-input-container textarea {
43204     min-height: 150px; }
43205   md-dialog.hopper-dialog md-input-container .hint {
43206     font-size: 12px;
43207     line-height: 20px;
43208     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43209     /* Set our own color */
43210     color: grey; }
43211   md-dialog.hopper-dialog md-input-container md-input-container md-switch {
43212     margin: 0px !important; }
43213   md-dialog.hopper-dialog .date-container {
43214     padding: 16px 0 24px 0; }
43215   md-dialog.hopper-dialog .error-list {
43216     font-size: 13px;
43217     padding-top: -40px; }
43218     md-dialog.hopper-dialog .error-list .error {
43219       background-color: rgba(244, 67, 54, 0.08);
43220       border: 1px solid rgba(244, 67, 54, 0.12);
43221       padding-left: 16px;
43222       margin-top: 8px;
43223       border-radius: 2px; }
43224       md-dialog.hopper-dialog .error-list .error .message {
43225         font-weight: 500; }
43226       md-dialog.hopper-dialog .error-list .error .md-button {
43227         margin: 0; }
43228       md-dialog.hopper-dialog .error-list .error:last-child {
43229         margin-bottom: 30px; }
43230   md-dialog.hopper-dialog md-dialog-actions {
43231     position: relative;
43232     overflow-y: hidden;
43233     overflow-x: auto;
43234     justify-content: space-between;
43235     background-color: rgba(0, 0, 0, 0.03);
43236     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43237
43238 @media screen and (max-width: 1280px) {
43239   md-dialog.task-dialog {
43240     width: 80%; } }
43241
43242 @media screen and (max-width: 960px) {
43243   md-dialog.task-dialog {
43244     width: 90%; } }
43245
43246 #motiondialer-ivrCampaign .header {
43247   height: 120px;
43248   min-height: 120px;
43249   max-height: 120px; }
43250   #motiondialer-ivrCampaign .header .goto-ivrCampaigns-button {
43251     margin-right: 16px; }
43252   #motiondialer-ivrCampaign .header .ivrCampaign-image {
43253     overflow: hidden;
43254     width: 56px;
43255     height: 56px;
43256     margin-right: 16px;
43257     border: 3px solid rgba(0, 0, 0, 0.12); }
43258     #motiondialer-ivrCampaign .header .ivrCampaign-image img {
43259       height: 100%;
43260       width: auto;
43261       max-width: none; }
43262   #motiondialer-ivrCampaign .header .subtitle {
43263     margin: 6px 0 0 0; }
43264
43265 #motiondialer-ivrCampaign .ivrCampaign-detail-form-container {
43266   padding: 24px;
43267   margin-bottom: 24px; }
43268   #motiondialer-ivrCampaign .ivrCampaign-detail-form-container .hint {
43269     font-size: 12px;
43270     line-height: 20px;
43271     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43272     /* Set our own color */
43273     color: grey; }
43274   #motiondialer-ivrCampaign .ivrCampaign-detail-form-container .handle {
43275     cursor: move; }
43276   #motiondialer-ivrCampaign .ivrCampaign-detail-form-container md-input-container md-switch {
43277     margin: 0px !important; }
43278   #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader {
43279     position: relative; }
43280     #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader.dropping .drop-text {
43281       display: flex; }
43282     #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader .drop-text {
43283       display: none;
43284       position: absolute;
43285       top: 0;
43286       right: 0;
43287       bottom: 0;
43288       left: 0;
43289       padding: 16px;
43290       text-align: center;
43291       border: 2px dashed rgba(0, 0, 0, 0.12);
43292       background: #FFFFFF;
43293       font-size: 20px;
43294       z-index: 100; }
43295     #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader .upload-button {
43296       margin-bottom: 16px; }
43297     #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader .ivrCampaign-image {
43298       position: relative;
43299       width: 200px;
43300       height: 200px;
43301       border: 1px solid rgba(0, 0, 0, 0.12);
43302       margin: 8px; }
43303       #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader .ivrCampaign-image.uploading .overlay {
43304         position: absolute;
43305         top: 0;
43306         right: 0;
43307         bottom: 0;
43308         left: 0;
43309         background: rgba(0, 0, 0, 0.87); }
43310       #motiondialer-ivrCampaign .ivrCampaign-detail-form-container #ivrCampaign-image-uploader .ivrCampaign-image .media {
43311         max-height: 100%; }
43312
43313 #ivrCampaigns {
43314   position: relative; }
43315   #ivrCampaigns > .header {
43316     height: 76px;
43317     min-height: 76px;
43318     max-height: 76px; }
43319     #ivrCampaigns > .header .logo .logo-icon {
43320       margin: 0 16px 0 0; }
43321     #ivrCampaigns > .header .logo .logo-text {
43322       font-size: 24px; }
43323     #ivrCampaigns > .header md-icon {
43324       color: #FFFFFF; }
43325     #ivrCampaigns > .header .search-input-wrapper {
43326       position: relative; }
43327       #ivrCampaigns > .header .search-input-wrapper label {
43328         padding-right: 4px;
43329         cursor: pointer; }
43330         #ivrCampaigns > .header .search-input-wrapper label md-icon {
43331           color: rgba(255, 255, 255, 0.8); }
43332       #ivrCampaigns > .header .search-input-wrapper md-input-container .md-errors-spacer {
43333         display: none; }
43334       #ivrCampaigns > .header .search-input-wrapper md-input-container input {
43335         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
43336         color: rgba(255, 255, 255, 0.8);
43337         width: 240px; }
43338         #ivrCampaigns > .header .search-input-wrapper md-input-container input::placeholder {
43339           color: rgba(255, 255, 255, 0.8); }
43340         #ivrCampaigns > .header .search-input-wrapper md-input-container input:focus {
43341           border-bottom: 1px solid white;
43342           color: white; }
43343     #ivrCampaigns > .header.selected-bar {
43344       position: absolute;
43345       top: 0;
43346       left: 0;
43347       right: 0;
43348       z-index: 999;
43349       background-image: none;
43350       opacity: 1 !important; }
43351       #ivrCampaigns > .header.selected-bar .close-button-wrapper {
43352         width: 244px; }
43353   #ivrCampaigns > .content {
43354     position: absolute;
43355     top: 76px;
43356     bottom: 0;
43357     right: 0;
43358     left: 0; }
43359     #ivrCampaigns > .content .main {
43360       padding: 16px 90px 0 4px;
43361       position: absolute;
43362       top: 0;
43363       left: 24px;
43364       right: 0;
43365       bottom: 0; }
43366       #ivrCampaigns > .content .main .no-results {
43367         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
43368   #ivrCampaigns #add-ivrCampaign-button {
43369     position: fixed;
43370     bottom: 8px;
43371     right: 8px;
43372     padding: 0; }
43373
43374 md-dialog.queueCampaign-dialog {
43375   max-width: 720px;
43376   width: 720px; }
43377   md-dialog.queueCampaign-dialog md-dialog-content {
43378     display: block;
43379     position: relative; }
43380   md-dialog.queueCampaign-dialog md-toolbar .title {
43381     font-size: 17px; }
43382   md-dialog.queueCampaign-dialog md-input-container textarea {
43383     min-height: 150px; }
43384   md-dialog.queueCampaign-dialog md-input-container .hint {
43385     font-size: 12px;
43386     line-height: 20px;
43387     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43388     /* Set our own color */
43389     color: grey; }
43390   md-dialog.queueCampaign-dialog md-input-container md-input-container md-switch {
43391     margin: 0px !important; }
43392   md-dialog.queueCampaign-dialog .date-container {
43393     padding: 16px 0 24px 0; }
43394   md-dialog.queueCampaign-dialog .error-list {
43395     font-size: 13px;
43396     padding-top: -40px; }
43397     md-dialog.queueCampaign-dialog .error-list .error {
43398       background-color: rgba(244, 67, 54, 0.08);
43399       border: 1px solid rgba(244, 67, 54, 0.12);
43400       padding-left: 16px;
43401       margin-top: 8px;
43402       border-radius: 2px; }
43403       md-dialog.queueCampaign-dialog .error-list .error .message {
43404         font-weight: 500; }
43405       md-dialog.queueCampaign-dialog .error-list .error .md-button {
43406         margin: 0; }
43407       md-dialog.queueCampaign-dialog .error-list .error:last-child {
43408         margin-bottom: 30px; }
43409   md-dialog.queueCampaign-dialog md-dialog-actions {
43410     position: relative;
43411     overflow-y: hidden;
43412     overflow-x: auto;
43413     justify-content: space-between;
43414     background-color: rgba(0, 0, 0, 0.03);
43415     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43416
43417 @media screen and (max-width: 1280px) {
43418   md-dialog.task-dialog {
43419     width: 80%; } }
43420
43421 @media screen and (max-width: 960px) {
43422   md-dialog.task-dialog {
43423     width: 90%; } }
43424
43425 md-dialog.hopper-dialog {
43426   max-width: 720px;
43427   width: 720px; }
43428   md-dialog.hopper-dialog md-dialog-content {
43429     display: block;
43430     position: relative; }
43431   md-dialog.hopper-dialog md-toolbar .title {
43432     font-size: 17px; }
43433   md-dialog.hopper-dialog md-input-container textarea {
43434     min-height: 150px; }
43435   md-dialog.hopper-dialog md-input-container .hint {
43436     font-size: 12px;
43437     line-height: 20px;
43438     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43439     /* Set our own color */
43440     color: grey; }
43441   md-dialog.hopper-dialog md-input-container md-input-container md-switch {
43442     margin: 0px !important; }
43443   md-dialog.hopper-dialog .date-container {
43444     padding: 16px 0 24px 0; }
43445   md-dialog.hopper-dialog .error-list {
43446     font-size: 13px;
43447     padding-top: -40px; }
43448     md-dialog.hopper-dialog .error-list .error {
43449       background-color: rgba(244, 67, 54, 0.08);
43450       border: 1px solid rgba(244, 67, 54, 0.12);
43451       padding-left: 16px;
43452       margin-top: 8px;
43453       border-radius: 2px; }
43454       md-dialog.hopper-dialog .error-list .error .message {
43455         font-weight: 500; }
43456       md-dialog.hopper-dialog .error-list .error .md-button {
43457         margin: 0; }
43458       md-dialog.hopper-dialog .error-list .error:last-child {
43459         margin-bottom: 30px; }
43460   md-dialog.hopper-dialog md-dialog-actions {
43461     position: relative;
43462     overflow-y: hidden;
43463     overflow-x: auto;
43464     justify-content: space-between;
43465     background-color: rgba(0, 0, 0, 0.03);
43466     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43467
43468 @media screen and (max-width: 1280px) {
43469   md-dialog.task-dialog {
43470     width: 80%; } }
43471
43472 @media screen and (max-width: 960px) {
43473   md-dialog.task-dialog {
43474     width: 90%; } }
43475
43476 #motiondialer-queueCampaign .header {
43477   height: 120px;
43478   min-height: 120px;
43479   max-height: 120px; }
43480   #motiondialer-queueCampaign .header .goto-queueCampaigns-button {
43481     margin-right: 16px; }
43482   #motiondialer-queueCampaign .header .queueCampaign-image {
43483     overflow: hidden;
43484     width: 56px;
43485     height: 56px;
43486     margin-right: 16px;
43487     border: 3px solid rgba(0, 0, 0, 0.12); }
43488     #motiondialer-queueCampaign .header .queueCampaign-image img {
43489       height: 100%;
43490       width: auto;
43491       max-width: none; }
43492   #motiondialer-queueCampaign .header .subtitle {
43493     margin: 6px 0 0 0; }
43494
43495 #motiondialer-queueCampaign .queueCampaign-detail-form-container {
43496   padding: 24px;
43497   margin-bottom: 24px; }
43498   #motiondialer-queueCampaign .queueCampaign-detail-form-container .hint {
43499     font-size: 12px;
43500     line-height: 20px;
43501     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43502     /* Set our own color */
43503     color: grey; }
43504   #motiondialer-queueCampaign .queueCampaign-detail-form-container .handle {
43505     cursor: move; }
43506   #motiondialer-queueCampaign .queueCampaign-detail-form-container md-input-container md-switch {
43507     margin: 0px !important; }
43508   #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader {
43509     position: relative; }
43510     #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader.dropping .drop-text {
43511       display: flex; }
43512     #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader .drop-text {
43513       display: none;
43514       position: absolute;
43515       top: 0;
43516       right: 0;
43517       bottom: 0;
43518       left: 0;
43519       padding: 16px;
43520       text-align: center;
43521       border: 2px dashed rgba(0, 0, 0, 0.12);
43522       background: #FFFFFF;
43523       font-size: 20px;
43524       z-index: 100; }
43525     #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader .upload-button {
43526       margin-bottom: 16px; }
43527     #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader .queueCampaign-image {
43528       position: relative;
43529       width: 200px;
43530       height: 200px;
43531       border: 1px solid rgba(0, 0, 0, 0.12);
43532       margin: 8px; }
43533       #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader .queueCampaign-image.uploading .overlay {
43534         position: absolute;
43535         top: 0;
43536         right: 0;
43537         bottom: 0;
43538         left: 0;
43539         background: rgba(0, 0, 0, 0.87); }
43540       #motiondialer-queueCampaign .queueCampaign-detail-form-container #queueCampaign-image-uploader .queueCampaign-image .media {
43541         max-height: 100%; }
43542
43543 #queueCampaigns {
43544   position: relative; }
43545   #queueCampaigns > .header {
43546     height: 76px;
43547     min-height: 76px;
43548     max-height: 76px; }
43549     #queueCampaigns > .header .logo .logo-icon {
43550       margin: 0 16px 0 0; }
43551     #queueCampaigns > .header .logo .logo-text {
43552       font-size: 24px; }
43553     #queueCampaigns > .header md-icon {
43554       color: #FFFFFF; }
43555     #queueCampaigns > .header .search-input-wrapper {
43556       position: relative; }
43557       #queueCampaigns > .header .search-input-wrapper label {
43558         padding-right: 4px;
43559         cursor: pointer; }
43560         #queueCampaigns > .header .search-input-wrapper label md-icon {
43561           color: rgba(255, 255, 255, 0.8); }
43562       #queueCampaigns > .header .search-input-wrapper md-input-container .md-errors-spacer {
43563         display: none; }
43564       #queueCampaigns > .header .search-input-wrapper md-input-container input {
43565         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
43566         color: rgba(255, 255, 255, 0.8);
43567         width: 240px; }
43568         #queueCampaigns > .header .search-input-wrapper md-input-container input::placeholder {
43569           color: rgba(255, 255, 255, 0.8); }
43570         #queueCampaigns > .header .search-input-wrapper md-input-container input:focus {
43571           border-bottom: 1px solid white;
43572           color: white; }
43573     #queueCampaigns > .header.selected-bar {
43574       position: absolute;
43575       top: 0;
43576       left: 0;
43577       right: 0;
43578       z-index: 999;
43579       background-image: none;
43580       opacity: 1 !important; }
43581       #queueCampaigns > .header.selected-bar .close-button-wrapper {
43582         width: 244px; }
43583   #queueCampaigns > .content {
43584     position: absolute;
43585     top: 76px;
43586     bottom: 0;
43587     right: 0;
43588     left: 0; }
43589     #queueCampaigns > .content .main {
43590       padding: 16px 90px 0 4px;
43591       position: absolute;
43592       top: 0;
43593       left: 24px;
43594       right: 0;
43595       bottom: 0; }
43596       #queueCampaigns > .content .main .no-results {
43597         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
43598   #queueCampaigns #add-queueCampaign-button {
43599     position: fixed;
43600     bottom: 8px;
43601     right: 8px;
43602     padding: 0; }
43603
43604 #realtime > .content .blink {
43605   animation: blinker 2s linear infinite; }
43606
43607 #realtime > .content .avatar-wrapper {
43608   position: relative; }
43609   #realtime > .content .avatar-wrapper .status {
43610     position: absolute;
43611     bottom: -3px;
43612     right: 5px; }
43613
43614 #realtime > .content .search-input-wrapper {
43615   position: relative;
43616   margin-left: 20px; }
43617   #realtime > .content .search-input-wrapper label {
43618     padding: 6px;
43619     cursor: pointer; }
43620   #realtime > .content .search-input-wrapper md-input-container {
43621     padding-top: 20px; }
43622
43623 #realtime > .content .main .labels {
43624   padding: 8px 16px; }
43625   #realtime > .content .main .labels .label {
43626     margin: 0 0 2px 4px;
43627     padding: 2px 5px;
43628     font-size: 11px;
43629     white-space: nowrap;
43630     border-radius: 2px; }
43631
43632 #realtime > .content .main .status {
43633   position: absolute;
43634   bottom: -3px;
43635   right: 5px; }
43636
43637 #realtime > .content .main .avatar-wrapper {
43638   position: relative; }
43639   #realtime > .content .main .avatar-wrapper .status {
43640     position: absolute;
43641     bottom: -3px;
43642     right: 5px; }
43643
43644 @keyframes blinker {
43645   50% {
43646     opacity: 0; } }
43647
43648 md-dialog.openchannelAccount-dialog {
43649   max-width: 720px;
43650   width: 720px; }
43651   md-dialog.openchannelAccount-dialog md-dialog-content {
43652     display: block;
43653     position: relative; }
43654   md-dialog.openchannelAccount-dialog md-toolbar .title {
43655     font-size: 17px; }
43656   md-dialog.openchannelAccount-dialog md-input-container textarea {
43657     min-height: 150px; }
43658   md-dialog.openchannelAccount-dialog md-input-container .hint {
43659     font-size: 12px;
43660     line-height: 20px;
43661     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43662     /* Set our own color */
43663     color: grey; }
43664   md-dialog.openchannelAccount-dialog md-input-container md-input-container md-switch {
43665     margin: 0px !important; }
43666   md-dialog.openchannelAccount-dialog .date-container {
43667     padding: 16px 0 24px 0; }
43668   md-dialog.openchannelAccount-dialog .error-list {
43669     font-size: 13px;
43670     padding-top: -40px; }
43671     md-dialog.openchannelAccount-dialog .error-list .error {
43672       background-color: rgba(244, 67, 54, 0.08);
43673       border: 1px solid rgba(244, 67, 54, 0.12);
43674       padding-left: 16px;
43675       margin-top: 8px;
43676       border-radius: 2px; }
43677       md-dialog.openchannelAccount-dialog .error-list .error .message {
43678         font-weight: 500; }
43679       md-dialog.openchannelAccount-dialog .error-list .error .md-button {
43680         margin: 0; }
43681       md-dialog.openchannelAccount-dialog .error-list .error:last-child {
43682         margin-bottom: 30px; }
43683   md-dialog.openchannelAccount-dialog md-dialog-actions {
43684     position: relative;
43685     overflow-y: hidden;
43686     overflow-x: auto;
43687     justify-content: space-between;
43688     background-color: rgba(0, 0, 0, 0.03);
43689     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43690
43691 @media screen and (max-width: 1280px) {
43692   md-dialog.task-dialog {
43693     width: 80%; } }
43694
43695 @media screen and (max-width: 960px) {
43696   md-dialog.task-dialog {
43697     width: 90%; } }
43698
43699 md-dialog.openchannelDisposition-dialog {
43700   max-width: 720px;
43701   width: 720px; }
43702   md-dialog.openchannelDisposition-dialog md-dialog-content {
43703     display: block;
43704     position: relative; }
43705   md-dialog.openchannelDisposition-dialog md-toolbar .title {
43706     font-size: 17px; }
43707   md-dialog.openchannelDisposition-dialog md-input-container textarea {
43708     min-height: 150px; }
43709   md-dialog.openchannelDisposition-dialog md-input-container .hint {
43710     font-size: 12px;
43711     line-height: 20px;
43712     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43713     /* Set our own color */
43714     color: grey; }
43715   md-dialog.openchannelDisposition-dialog md-input-container md-input-container md-switch {
43716     margin: 0px !important; }
43717   md-dialog.openchannelDisposition-dialog .date-container {
43718     padding: 16px 0 24px 0; }
43719   md-dialog.openchannelDisposition-dialog .error-list {
43720     font-size: 13px;
43721     padding-top: -40px; }
43722     md-dialog.openchannelDisposition-dialog .error-list .error {
43723       background-color: rgba(244, 67, 54, 0.08);
43724       border: 1px solid rgba(244, 67, 54, 0.12);
43725       padding-left: 16px;
43726       margin-top: 8px;
43727       border-radius: 2px; }
43728       md-dialog.openchannelDisposition-dialog .error-list .error .message {
43729         font-weight: 500; }
43730       md-dialog.openchannelDisposition-dialog .error-list .error .md-button {
43731         margin: 0; }
43732       md-dialog.openchannelDisposition-dialog .error-list .error:last-child {
43733         margin-bottom: 30px; }
43734   md-dialog.openchannelDisposition-dialog md-dialog-actions {
43735     position: relative;
43736     overflow-y: hidden;
43737     overflow-x: auto;
43738     justify-content: space-between;
43739     background-color: rgba(0, 0, 0, 0.03);
43740     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43741
43742 @media screen and (max-width: 1280px) {
43743   md-dialog.task-dialog {
43744     width: 80%; } }
43745
43746 @media screen and (max-width: 960px) {
43747   md-dialog.task-dialog {
43748     width: 90%; } }
43749
43750 #openchannel-openchannelAccount .header {
43751   height: 120px;
43752   min-height: 120px;
43753   max-height: 120px; }
43754   #openchannel-openchannelAccount .header .goto-openchannelAccounts-button {
43755     margin-right: 16px; }
43756   #openchannel-openchannelAccount .header .openchannelAccount-image {
43757     overflow: hidden;
43758     width: 56px;
43759     height: 56px;
43760     margin-right: 16px;
43761     border: 3px solid rgba(0, 0, 0, 0.12); }
43762     #openchannel-openchannelAccount .header .openchannelAccount-image img {
43763       height: 100%;
43764       width: auto;
43765       max-width: none; }
43766   #openchannel-openchannelAccount .header .subtitle {
43767     margin: 6px 0 0 0; }
43768
43769 #openchannel-openchannelAccount .openchannelAccount-detail-form-container {
43770   padding: 24px;
43771   margin-bottom: 24px; }
43772   #openchannel-openchannelAccount .openchannelAccount-detail-form-container .hint {
43773     font-size: 12px;
43774     line-height: 20px;
43775     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43776     /* Set our own color */
43777     color: grey; }
43778   #openchannel-openchannelAccount .openchannelAccount-detail-form-container .handle {
43779     cursor: move; }
43780   #openchannel-openchannelAccount .openchannelAccount-detail-form-container md-input-container md-switch {
43781     margin: 0px !important; }
43782   #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader {
43783     position: relative; }
43784     #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader.dropping .drop-text {
43785       display: flex; }
43786     #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader .drop-text {
43787       display: none;
43788       position: absolute;
43789       top: 0;
43790       right: 0;
43791       bottom: 0;
43792       left: 0;
43793       padding: 16px;
43794       text-align: center;
43795       border: 2px dashed rgba(0, 0, 0, 0.12);
43796       background: #FFFFFF;
43797       font-size: 20px;
43798       z-index: 100; }
43799     #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader .upload-button {
43800       margin-bottom: 16px; }
43801     #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader .openchannelAccount-image {
43802       position: relative;
43803       width: 200px;
43804       height: 200px;
43805       border: 1px solid rgba(0, 0, 0, 0.12);
43806       margin: 8px; }
43807       #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader .openchannelAccount-image.uploading .overlay {
43808         position: absolute;
43809         top: 0;
43810         right: 0;
43811         bottom: 0;
43812         left: 0;
43813         background: rgba(0, 0, 0, 0.87); }
43814       #openchannel-openchannelAccount .openchannelAccount-detail-form-container #openchannelAccount-image-uploader .openchannelAccount-image .media {
43815         max-height: 100%; }
43816
43817 #openchannelAccounts {
43818   position: relative; }
43819   #openchannelAccounts > .header {
43820     height: 76px;
43821     min-height: 76px;
43822     max-height: 76px; }
43823     #openchannelAccounts > .header .logo .logo-icon {
43824       margin: 0 16px 0 0; }
43825     #openchannelAccounts > .header .logo .logo-text {
43826       font-size: 24px; }
43827     #openchannelAccounts > .header md-icon {
43828       color: #FFFFFF; }
43829     #openchannelAccounts > .header .search-input-wrapper {
43830       position: relative; }
43831       #openchannelAccounts > .header .search-input-wrapper label {
43832         padding-right: 4px;
43833         cursor: pointer; }
43834         #openchannelAccounts > .header .search-input-wrapper label md-icon {
43835           color: rgba(255, 255, 255, 0.8); }
43836       #openchannelAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
43837         display: none; }
43838       #openchannelAccounts > .header .search-input-wrapper md-input-container input {
43839         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
43840         color: rgba(255, 255, 255, 0.8);
43841         width: 240px; }
43842         #openchannelAccounts > .header .search-input-wrapper md-input-container input::placeholder {
43843           color: rgba(255, 255, 255, 0.8); }
43844         #openchannelAccounts > .header .search-input-wrapper md-input-container input:focus {
43845           border-bottom: 1px solid white;
43846           color: white; }
43847     #openchannelAccounts > .header.selected-bar {
43848       position: absolute;
43849       top: 0;
43850       left: 0;
43851       right: 0;
43852       z-index: 999;
43853       background-image: none;
43854       opacity: 1 !important; }
43855       #openchannelAccounts > .header.selected-bar .close-button-wrapper {
43856         width: 244px; }
43857   #openchannelAccounts > .content {
43858     position: absolute;
43859     top: 76px;
43860     bottom: 0;
43861     right: 0;
43862     left: 0; }
43863     #openchannelAccounts > .content .main {
43864       padding: 16px 90px 0 4px;
43865       position: absolute;
43866       top: 0;
43867       left: 24px;
43868       right: 0;
43869       bottom: 0; }
43870       #openchannelAccounts > .content .main .no-results {
43871         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
43872   #openchannelAccounts #add-openchannelAccount-button {
43873     position: fixed;
43874     bottom: 8px;
43875     right: 8px;
43876     padding: 0; }
43877
43878 md-dialog.openchannelQueue-dialog {
43879   max-width: 720px;
43880   width: 720px; }
43881   md-dialog.openchannelQueue-dialog md-dialog-content {
43882     display: block;
43883     position: relative; }
43884   md-dialog.openchannelQueue-dialog md-toolbar .title {
43885     font-size: 17px; }
43886   md-dialog.openchannelQueue-dialog md-input-container textarea {
43887     min-height: 150px; }
43888   md-dialog.openchannelQueue-dialog md-input-container .hint {
43889     font-size: 12px;
43890     line-height: 20px;
43891     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43892     /* Set our own color */
43893     color: grey; }
43894   md-dialog.openchannelQueue-dialog md-input-container md-input-container md-switch {
43895     margin: 0px !important; }
43896   md-dialog.openchannelQueue-dialog .date-container {
43897     padding: 16px 0 24px 0; }
43898   md-dialog.openchannelQueue-dialog .error-list {
43899     font-size: 13px;
43900     padding-top: -40px; }
43901     md-dialog.openchannelQueue-dialog .error-list .error {
43902       background-color: rgba(244, 67, 54, 0.08);
43903       border: 1px solid rgba(244, 67, 54, 0.12);
43904       padding-left: 16px;
43905       margin-top: 8px;
43906       border-radius: 2px; }
43907       md-dialog.openchannelQueue-dialog .error-list .error .message {
43908         font-weight: 500; }
43909       md-dialog.openchannelQueue-dialog .error-list .error .md-button {
43910         margin: 0; }
43911       md-dialog.openchannelQueue-dialog .error-list .error:last-child {
43912         margin-bottom: 30px; }
43913   md-dialog.openchannelQueue-dialog md-dialog-actions {
43914     position: relative;
43915     overflow-y: hidden;
43916     overflow-x: auto;
43917     justify-content: space-between;
43918     background-color: rgba(0, 0, 0, 0.03);
43919     border-top: 1px solid rgba(0, 0, 0, 0.12); }
43920
43921 @media screen and (max-width: 1280px) {
43922   md-dialog.task-dialog {
43923     width: 80%; } }
43924
43925 @media screen and (max-width: 960px) {
43926   md-dialog.task-dialog {
43927     width: 90%; } }
43928
43929 #openchannel-openchannelQueue .header {
43930   height: 120px;
43931   min-height: 120px;
43932   max-height: 120px; }
43933   #openchannel-openchannelQueue .header .goto-openchannelQueues-button {
43934     margin-right: 16px; }
43935   #openchannel-openchannelQueue .header .openchannelQueue-image {
43936     overflow: hidden;
43937     width: 56px;
43938     height: 56px;
43939     margin-right: 16px;
43940     border: 3px solid rgba(0, 0, 0, 0.12); }
43941     #openchannel-openchannelQueue .header .openchannelQueue-image img {
43942       height: 100%;
43943       width: auto;
43944       max-width: none; }
43945   #openchannel-openchannelQueue .header .subtitle {
43946     margin: 6px 0 0 0; }
43947
43948 #openchannel-openchannelQueue .openchannelQueue-detail-form-container {
43949   padding: 24px;
43950   margin-bottom: 24px; }
43951   #openchannel-openchannelQueue .openchannelQueue-detail-form-container .hint {
43952     font-size: 12px;
43953     line-height: 20px;
43954     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
43955     /* Set our own color */
43956     color: grey; }
43957   #openchannel-openchannelQueue .openchannelQueue-detail-form-container .handle {
43958     cursor: move; }
43959   #openchannel-openchannelQueue .openchannelQueue-detail-form-container md-input-container md-switch {
43960     margin: 0px !important; }
43961   #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader {
43962     position: relative; }
43963     #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader.dropping .drop-text {
43964       display: flex; }
43965     #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader .drop-text {
43966       display: none;
43967       position: absolute;
43968       top: 0;
43969       right: 0;
43970       bottom: 0;
43971       left: 0;
43972       padding: 16px;
43973       text-align: center;
43974       border: 2px dashed rgba(0, 0, 0, 0.12);
43975       background: #FFFFFF;
43976       font-size: 20px;
43977       z-index: 100; }
43978     #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader .upload-button {
43979       margin-bottom: 16px; }
43980     #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader .openchannelQueue-image {
43981       position: relative;
43982       width: 200px;
43983       height: 200px;
43984       border: 1px solid rgba(0, 0, 0, 0.12);
43985       margin: 8px; }
43986       #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader .openchannelQueue-image.uploading .overlay {
43987         position: absolute;
43988         top: 0;
43989         right: 0;
43990         bottom: 0;
43991         left: 0;
43992         background: rgba(0, 0, 0, 0.87); }
43993       #openchannel-openchannelQueue .openchannelQueue-detail-form-container #openchannelQueue-image-uploader .openchannelQueue-image .media {
43994         max-height: 100%; }
43995
43996 #openchannelQueues {
43997   position: relative; }
43998   #openchannelQueues > .header {
43999     height: 76px;
44000     min-height: 76px;
44001     max-height: 76px; }
44002     #openchannelQueues > .header .logo .logo-icon {
44003       margin: 0 16px 0 0; }
44004     #openchannelQueues > .header .logo .logo-text {
44005       font-size: 24px; }
44006     #openchannelQueues > .header md-icon {
44007       color: #FFFFFF; }
44008     #openchannelQueues > .header .search-input-wrapper {
44009       position: relative; }
44010       #openchannelQueues > .header .search-input-wrapper label {
44011         padding-right: 4px;
44012         cursor: pointer; }
44013         #openchannelQueues > .header .search-input-wrapper label md-icon {
44014           color: rgba(255, 255, 255, 0.8); }
44015       #openchannelQueues > .header .search-input-wrapper md-input-container .md-errors-spacer {
44016         display: none; }
44017       #openchannelQueues > .header .search-input-wrapper md-input-container input {
44018         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
44019         color: rgba(255, 255, 255, 0.8);
44020         width: 240px; }
44021         #openchannelQueues > .header .search-input-wrapper md-input-container input::placeholder {
44022           color: rgba(255, 255, 255, 0.8); }
44023         #openchannelQueues > .header .search-input-wrapper md-input-container input:focus {
44024           border-bottom: 1px solid white;
44025           color: white; }
44026     #openchannelQueues > .header.selected-bar {
44027       position: absolute;
44028       top: 0;
44029       left: 0;
44030       right: 0;
44031       z-index: 999;
44032       background-image: none;
44033       opacity: 1 !important; }
44034       #openchannelQueues > .header.selected-bar .close-button-wrapper {
44035         width: 244px; }
44036   #openchannelQueues > .content {
44037     position: absolute;
44038     top: 76px;
44039     bottom: 0;
44040     right: 0;
44041     left: 0; }
44042     #openchannelQueues > .content .main {
44043       padding: 16px 90px 0 4px;
44044       position: absolute;
44045       top: 0;
44046       left: 24px;
44047       right: 0;
44048       bottom: 0; }
44049       #openchannelQueues > .content .main .no-results {
44050         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
44051   #openchannelQueues #add-openchannelQueue-button {
44052     position: fixed;
44053     bottom: 8px;
44054     right: 8px;
44055     padding: 0; }
44056
44057 md-dialog.customization-dialog {
44058   max-width: 720px;
44059   width: 720px; }
44060   md-dialog.customization-dialog md-dialog-content {
44061     display: block;
44062     position: relative; }
44063   md-dialog.customization-dialog md-toolbar .title {
44064     font-size: 17px; }
44065   md-dialog.customization-dialog md-input-container textarea {
44066     min-height: 150px; }
44067   md-dialog.customization-dialog md-input-container .hint {
44068     font-size: 12px;
44069     line-height: 20px;
44070     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44071     /* Set our own color */
44072     color: grey; }
44073   md-dialog.customization-dialog md-input-container md-input-container md-switch {
44074     margin: 0px !important; }
44075   md-dialog.customization-dialog .date-container {
44076     padding: 16px 0 24px 0; }
44077   md-dialog.customization-dialog .error-list {
44078     font-size: 13px;
44079     padding-top: -40px; }
44080     md-dialog.customization-dialog .error-list .error {
44081       background-color: rgba(244, 67, 54, 0.08);
44082       border: 1px solid rgba(244, 67, 54, 0.12);
44083       padding-left: 16px;
44084       margin-top: 8px;
44085       border-radius: 2px; }
44086       md-dialog.customization-dialog .error-list .error .message {
44087         font-weight: 500; }
44088       md-dialog.customization-dialog .error-list .error .md-button {
44089         margin: 0; }
44090       md-dialog.customization-dialog .error-list .error:last-child {
44091         margin-bottom: 30px; }
44092   md-dialog.customization-dialog md-dialog-actions {
44093     position: relative;
44094     overflow-y: hidden;
44095     overflow-x: auto;
44096     justify-content: space-between;
44097     background-color: rgba(0, 0, 0, 0.03);
44098     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44099
44100 @media screen and (max-width: 1280px) {
44101   md-dialog.task-dialog {
44102     width: 80%; } }
44103
44104 @media screen and (max-width: 960px) {
44105   md-dialog.task-dialog {
44106     width: 90%; } }
44107
44108 #customizations {
44109   position: relative; }
44110   #customizations > .header {
44111     height: 76px;
44112     min-height: 76px;
44113     max-height: 76px; }
44114     #customizations > .header .logo .logo-icon {
44115       margin: 0 16px 0 0; }
44116     #customizations > .header .logo .logo-text {
44117       font-size: 24px; }
44118     #customizations > .header md-icon {
44119       color: #FFFFFF; }
44120     #customizations > .header .search-input-wrapper {
44121       position: relative; }
44122       #customizations > .header .search-input-wrapper label {
44123         padding-right: 4px;
44124         cursor: pointer; }
44125         #customizations > .header .search-input-wrapper label md-icon {
44126           color: rgba(255, 255, 255, 0.8); }
44127       #customizations > .header .search-input-wrapper md-input-container .md-errors-spacer {
44128         display: none; }
44129       #customizations > .header .search-input-wrapper md-input-container input {
44130         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
44131         color: rgba(255, 255, 255, 0.8);
44132         width: 240px; }
44133         #customizations > .header .search-input-wrapper md-input-container input::placeholder {
44134           color: rgba(255, 255, 255, 0.8); }
44135         #customizations > .header .search-input-wrapper md-input-container input:focus {
44136           border-bottom: 1px solid white;
44137           color: white; }
44138     #customizations > .header.selected-bar {
44139       position: absolute;
44140       top: 0;
44141       left: 0;
44142       right: 0;
44143       z-index: 999;
44144       background-image: none;
44145       opacity: 1 !important; }
44146       #customizations > .header.selected-bar .close-button-wrapper {
44147         width: 244px; }
44148   #customizations > .content {
44149     position: absolute;
44150     top: 76px;
44151     bottom: 0;
44152     right: 0;
44153     left: 0; }
44154     #customizations > .content .main {
44155       padding: 16px 90px 0 4px;
44156       position: absolute;
44157       top: 0;
44158       left: 24px;
44159       right: 0;
44160       bottom: 0; }
44161       #customizations > .content .main .no-results {
44162         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
44163     #customizations > .content .customization-detail-form-container {
44164       padding: 24px;
44165       margin-bottom: 24px; }
44166       #customizations > .content .customization-detail-form-container .hint {
44167         font-size: 12px;
44168         line-height: 20px;
44169         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44170         /* Set our own color */
44171         color: grey; }
44172       #customizations > .content .customization-detail-form-container .handle {
44173         cursor: move; }
44174       #customizations > .content .customization-detail-form-container md-input-container md-switch {
44175         margin: 0px !important; }
44176       #customizations > .content .customization-detail-form-container #customization-image-uploader {
44177         position: relative; }
44178         #customizations > .content .customization-detail-form-container #customization-image-uploader.dropping .drop-text {
44179           display: flex; }
44180         #customizations > .content .customization-detail-form-container #customization-image-uploader .drop-text {
44181           display: none;
44182           position: absolute;
44183           top: 0;
44184           right: 0;
44185           bottom: 0;
44186           left: 0;
44187           padding: 16px;
44188           text-align: center;
44189           border: 2px dashed rgba(0, 0, 0, 0.12);
44190           background: #FFFFFF;
44191           font-size: 20px;
44192           z-index: 100; }
44193         #customizations > .content .customization-detail-form-container #customization-image-uploader .upload-button {
44194           margin-bottom: 16px; }
44195         #customizations > .content .customization-detail-form-container #customization-image-uploader .customization-image {
44196           position: relative;
44197           width: 200px;
44198           height: 200px;
44199           border: 1px solid rgba(0, 0, 0, 0.12);
44200           margin: 8px; }
44201           #customizations > .content .customization-detail-form-container #customization-image-uploader .customization-image.uploading .overlay {
44202             position: absolute;
44203             top: 0;
44204             right: 0;
44205             bottom: 0;
44206             left: 0;
44207             background: rgba(0, 0, 0, 0.87); }
44208           #customizations > .content .customization-detail-form-container #customization-image-uploader .customization-image .media {
44209             max-height: 100%; }
44210   #customizations #add-customization-button {
44211     position: fixed;
44212     bottom: 8px;
44213     right: 8px;
44214     padding: 0; }
44215
44216 md-dialog.general-dialog {
44217   max-width: 720px;
44218   width: 720px; }
44219   md-dialog.general-dialog md-dialog-content {
44220     display: block;
44221     position: relative; }
44222   md-dialog.general-dialog md-toolbar .title {
44223     font-size: 17px; }
44224   md-dialog.general-dialog md-input-container textarea {
44225     min-height: 150px; }
44226   md-dialog.general-dialog md-input-container .hint {
44227     font-size: 12px;
44228     line-height: 20px;
44229     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44230     /* Set our own color */
44231     color: grey; }
44232   md-dialog.general-dialog md-input-container md-input-container md-switch {
44233     margin: 0px !important; }
44234   md-dialog.general-dialog .date-container {
44235     padding: 16px 0 24px 0; }
44236   md-dialog.general-dialog .error-list {
44237     font-size: 13px;
44238     padding-top: -40px; }
44239     md-dialog.general-dialog .error-list .error {
44240       background-color: rgba(244, 67, 54, 0.08);
44241       border: 1px solid rgba(244, 67, 54, 0.12);
44242       padding-left: 16px;
44243       margin-top: 8px;
44244       border-radius: 2px; }
44245       md-dialog.general-dialog .error-list .error .message {
44246         font-weight: 500; }
44247       md-dialog.general-dialog .error-list .error .md-button {
44248         margin: 0; }
44249       md-dialog.general-dialog .error-list .error:last-child {
44250         margin-bottom: 30px; }
44251   md-dialog.general-dialog md-dialog-actions {
44252     position: relative;
44253     overflow-y: hidden;
44254     overflow-x: auto;
44255     justify-content: space-between;
44256     background-color: rgba(0, 0, 0, 0.03);
44257     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44258
44259 @media screen and (max-width: 1280px) {
44260   md-dialog.task-dialog {
44261     width: 80%; } }
44262
44263 @media screen and (max-width: 960px) {
44264   md-dialog.task-dialog {
44265     width: 90%; } }
44266
44267 #generals {
44268   position: relative; }
44269   #generals > .header {
44270     height: 76px;
44271     min-height: 76px;
44272     max-height: 76px; }
44273     #generals > .header .logo .logo-icon {
44274       margin: 0 16px 0 0; }
44275     #generals > .header .logo .logo-text {
44276       font-size: 24px; }
44277     #generals > .header md-icon {
44278       color: #FFFFFF; }
44279     #generals > .header .search-input-wrapper {
44280       position: relative; }
44281       #generals > .header .search-input-wrapper label {
44282         padding-right: 4px;
44283         cursor: pointer; }
44284         #generals > .header .search-input-wrapper label md-icon {
44285           color: rgba(255, 255, 255, 0.8); }
44286       #generals > .header .search-input-wrapper md-input-container .md-errors-spacer {
44287         display: none; }
44288       #generals > .header .search-input-wrapper md-input-container input {
44289         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
44290         color: rgba(255, 255, 255, 0.8);
44291         width: 240px; }
44292         #generals > .header .search-input-wrapper md-input-container input::placeholder {
44293           color: rgba(255, 255, 255, 0.8); }
44294         #generals > .header .search-input-wrapper md-input-container input:focus {
44295           border-bottom: 1px solid white;
44296           color: white; }
44297     #generals > .header.selected-bar {
44298       position: absolute;
44299       top: 0;
44300       left: 0;
44301       right: 0;
44302       z-index: 999;
44303       background-image: none;
44304       opacity: 1 !important; }
44305       #generals > .header.selected-bar .close-button-wrapper {
44306         width: 244px; }
44307   #generals > .content {
44308     position: absolute;
44309     top: 76px;
44310     bottom: 0;
44311     right: 0;
44312     left: 0; }
44313     #generals > .content .main {
44314       padding: 16px 90px 0 4px;
44315       position: absolute;
44316       top: 0;
44317       left: 24px;
44318       right: 0;
44319       bottom: 0; }
44320       #generals > .content .main .no-results {
44321         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
44322     #generals > .content .general-detail-form-container {
44323       padding: 24px;
44324       margin-bottom: 24px; }
44325       #generals > .content .general-detail-form-container .hint {
44326         font-size: 12px;
44327         line-height: 20px;
44328         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44329         /* Set our own color */
44330         color: grey; }
44331       #generals > .content .general-detail-form-container .handle {
44332         cursor: move; }
44333       #generals > .content .general-detail-form-container md-input-container md-switch {
44334         margin: 0px !important; }
44335       #generals > .content .general-detail-form-container #general-image-uploader {
44336         position: relative; }
44337         #generals > .content .general-detail-form-container #general-image-uploader.dropping .drop-text {
44338           display: flex; }
44339         #generals > .content .general-detail-form-container #general-image-uploader .drop-text {
44340           display: none;
44341           position: absolute;
44342           top: 0;
44343           right: 0;
44344           bottom: 0;
44345           left: 0;
44346           padding: 16px;
44347           text-align: center;
44348           border: 2px dashed rgba(0, 0, 0, 0.12);
44349           background: #FFFFFF;
44350           font-size: 20px;
44351           z-index: 100; }
44352         #generals > .content .general-detail-form-container #general-image-uploader .upload-button {
44353           margin-bottom: 16px; }
44354         #generals > .content .general-detail-form-container #general-image-uploader .general-image {
44355           position: relative;
44356           width: 200px;
44357           height: 200px;
44358           border: 1px solid rgba(0, 0, 0, 0.12);
44359           margin: 8px; }
44360           #generals > .content .general-detail-form-container #general-image-uploader .general-image.uploading .overlay {
44361             position: absolute;
44362             top: 0;
44363             right: 0;
44364             bottom: 0;
44365             left: 0;
44366             background: rgba(0, 0, 0, 0.87); }
44367           #generals > .content .general-detail-form-container #general-image-uploader .general-image .media {
44368             max-height: 100%; }
44369   #generals #add-general-button {
44370     position: fixed;
44371     bottom: 8px;
44372     right: 8px;
44373     padding: 0; }
44374
44375 #license {
44376   position: relative; }
44377   #license .blink {
44378     animation: blinker 2s linear infinite; }
44379   #license > .header {
44380     height: 76px;
44381     min-height: 76px;
44382     max-height: 76px; }
44383     #license > .header .logo .logo-icon {
44384       margin: 0 16px 0 0; }
44385     #license > .header .logo .logo-text {
44386       font-size: 24px; }
44387     #license > .header md-icon {
44388       color: #FFFFFF; }
44389   #license > .content {
44390     position: absolute;
44391     top: 76px;
44392     bottom: 0;
44393     right: 0;
44394     left: 0; }
44395     #license > .content .main {
44396       padding: 16px 90px 0 4px;
44397       position: absolute;
44398       top: 0;
44399       left: 24px;
44400       right: 0;
44401       bottom: 0; }
44402       #license > .content .main .no-results {
44403         box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14); }
44404     #license > .content .badge {
44405       position: absolute;
44406       top: 0;
44407       left: 50%;
44408       -webkit-transform: translateX(-50%);
44409       transform: translateX(-50%);
44410       font-size: 11px;
44411       font-weight: 500;
44412       padding: 6px 8px; }
44413
44414 md-dialog.request-dialog {
44415   max-width: 720px;
44416   width: 720px; }
44417   md-dialog.request-dialog md-dialog-content {
44418     display: block;
44419     position: relative; }
44420   md-dialog.request-dialog md-toolbar .title {
44421     font-size: 17px; }
44422   md-dialog.request-dialog md-input-container textarea {
44423     min-height: 150px; }
44424   md-dialog.request-dialog md-input-container .hint {
44425     font-size: 12px;
44426     line-height: 20px;
44427     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44428     /* Set our own color */
44429     color: grey; }
44430   md-dialog.request-dialog md-input-container md-input-container md-switch {
44431     margin: 0px !important; }
44432   md-dialog.request-dialog .date-container {
44433     padding: 16px 0 24px 0; }
44434   md-dialog.request-dialog .error-list {
44435     font-size: 13px;
44436     padding-top: -40px; }
44437     md-dialog.request-dialog .error-list .error {
44438       background-color: rgba(244, 67, 54, 0.08);
44439       border: 1px solid rgba(244, 67, 54, 0.12);
44440       padding-left: 16px;
44441       margin-top: 8px;
44442       border-radius: 2px; }
44443       md-dialog.request-dialog .error-list .error .message {
44444         font-weight: 500; }
44445       md-dialog.request-dialog .error-list .error .md-button {
44446         margin: 0; }
44447       md-dialog.request-dialog .error-list .error:last-child {
44448         margin-bottom: 30px; }
44449   md-dialog.request-dialog md-dialog-actions {
44450     position: relative;
44451     overflow-y: hidden;
44452     overflow-x: auto;
44453     justify-content: space-between;
44454     background-color: rgba(0, 0, 0, 0.03);
44455     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44456
44457 @media screen and (max-width: 1280px) {
44458   md-dialog.task-dialog {
44459     width: 80%; } }
44460
44461 @media screen and (max-width: 960px) {
44462   md-dialog.task-dialog {
44463     width: 90%; } }
44464
44465 md-dialog.network-dialog {
44466   max-width: 720px;
44467   width: 720px; }
44468   md-dialog.network-dialog md-dialog-content {
44469     display: block;
44470     position: relative; }
44471   md-dialog.network-dialog md-toolbar .title {
44472     font-size: 17px; }
44473   md-dialog.network-dialog md-input-container textarea {
44474     min-height: 150px; }
44475   md-dialog.network-dialog md-input-container .hint {
44476     font-size: 12px;
44477     line-height: 20px;
44478     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44479     /* Set our own color */
44480     color: grey; }
44481   md-dialog.network-dialog md-input-container md-input-container md-switch {
44482     margin: 0px !important; }
44483   md-dialog.network-dialog .date-container {
44484     padding: 16px 0 24px 0; }
44485   md-dialog.network-dialog .error-list {
44486     font-size: 13px;
44487     padding-top: -40px; }
44488     md-dialog.network-dialog .error-list .error {
44489       background-color: rgba(244, 67, 54, 0.08);
44490       border: 1px solid rgba(244, 67, 54, 0.12);
44491       padding-left: 16px;
44492       margin-top: 8px;
44493       border-radius: 2px; }
44494       md-dialog.network-dialog .error-list .error .message {
44495         font-weight: 500; }
44496       md-dialog.network-dialog .error-list .error .md-button {
44497         margin: 0; }
44498       md-dialog.network-dialog .error-list .error:last-child {
44499         margin-bottom: 30px; }
44500   md-dialog.network-dialog md-dialog-actions {
44501     position: relative;
44502     overflow-y: hidden;
44503     overflow-x: auto;
44504     justify-content: space-between;
44505     background-color: rgba(0, 0, 0, 0.03);
44506     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44507
44508 @media screen and (max-width: 1280px) {
44509   md-dialog.task-dialog {
44510     width: 80%; } }
44511
44512 @media screen and (max-width: 960px) {
44513   md-dialog.task-dialog {
44514     width: 90%; } }
44515
44516 #networks {
44517   position: relative; }
44518   #networks > .header {
44519     height: 76px;
44520     min-height: 76px;
44521     max-height: 76px; }
44522     #networks > .header .logo .logo-icon {
44523       margin: 0 16px 0 0; }
44524     #networks > .header .logo .logo-text {
44525       font-size: 24px; }
44526     #networks > .header md-icon {
44527       color: #FFFFFF; }
44528     #networks > .header .search-input-wrapper {
44529       position: relative; }
44530       #networks > .header .search-input-wrapper label {
44531         padding-right: 4px;
44532         cursor: pointer; }
44533         #networks > .header .search-input-wrapper label md-icon {
44534           color: rgba(255, 255, 255, 0.8); }
44535       #networks > .header .search-input-wrapper md-input-container .md-errors-spacer {
44536         display: none; }
44537       #networks > .header .search-input-wrapper md-input-container input {
44538         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
44539         color: rgba(255, 255, 255, 0.8);
44540         width: 240px; }
44541         #networks > .header .search-input-wrapper md-input-container input::placeholder {
44542           color: rgba(255, 255, 255, 0.8); }
44543         #networks > .header .search-input-wrapper md-input-container input:focus {
44544           border-bottom: 1px solid white;
44545           color: white; }
44546     #networks > .header.selected-bar {
44547       position: absolute;
44548       top: 0;
44549       left: 0;
44550       right: 0;
44551       z-index: 999;
44552       background-image: none;
44553       opacity: 1 !important; }
44554       #networks > .header.selected-bar .close-button-wrapper {
44555         width: 244px; }
44556   #networks > .content {
44557     position: absolute;
44558     top: 76px;
44559     bottom: 0;
44560     right: 0;
44561     left: 0; }
44562     #networks > .content .main {
44563       padding: 16px 90px 0 4px;
44564       position: absolute;
44565       top: 0;
44566       left: 24px;
44567       right: 0;
44568       bottom: 0; }
44569       #networks > .content .main .no-results {
44570         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
44571   #networks #add-network-button {
44572     position: fixed;
44573     bottom: 8px;
44574     right: 8px;
44575     padding: 0; }
44576
44577 md-dialog.smtp-dialog {
44578   max-width: 720px;
44579   width: 720px; }
44580   md-dialog.smtp-dialog md-dialog-content {
44581     display: block;
44582     position: relative; }
44583   md-dialog.smtp-dialog md-toolbar .title {
44584     font-size: 17px; }
44585   md-dialog.smtp-dialog md-input-container textarea {
44586     min-height: 150px; }
44587   md-dialog.smtp-dialog md-input-container .hint {
44588     font-size: 12px;
44589     line-height: 20px;
44590     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44591     /* Set our own color */
44592     color: grey; }
44593   md-dialog.smtp-dialog md-input-container md-input-container md-switch {
44594     margin: 0px !important; }
44595   md-dialog.smtp-dialog .date-container {
44596     padding: 16px 0 24px 0; }
44597   md-dialog.smtp-dialog .error-list {
44598     font-size: 13px;
44599     padding-top: -40px; }
44600     md-dialog.smtp-dialog .error-list .error {
44601       background-color: rgba(244, 67, 54, 0.08);
44602       border: 1px solid rgba(244, 67, 54, 0.12);
44603       padding-left: 16px;
44604       margin-top: 8px;
44605       border-radius: 2px; }
44606       md-dialog.smtp-dialog .error-list .error .message {
44607         font-weight: 500; }
44608       md-dialog.smtp-dialog .error-list .error .md-button {
44609         margin: 0; }
44610       md-dialog.smtp-dialog .error-list .error:last-child {
44611         margin-bottom: 30px; }
44612   md-dialog.smtp-dialog md-dialog-actions {
44613     position: relative;
44614     overflow-y: hidden;
44615     overflow-x: auto;
44616     justify-content: space-between;
44617     background-color: rgba(0, 0, 0, 0.03);
44618     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44619
44620 @media screen and (max-width: 1280px) {
44621   md-dialog.task-dialog {
44622     width: 80%; } }
44623
44624 @media screen and (max-width: 960px) {
44625   md-dialog.task-dialog {
44626     width: 90%; } }
44627
44628 #smtps {
44629   position: relative; }
44630   #smtps > .header {
44631     height: 76px;
44632     min-height: 76px;
44633     max-height: 76px; }
44634     #smtps > .header .logo .logo-icon {
44635       margin: 0 16px 0 0; }
44636     #smtps > .header .logo .logo-text {
44637       font-size: 24px; }
44638     #smtps > .header md-icon {
44639       color: #FFFFFF; }
44640     #smtps > .header .search-input-wrapper {
44641       position: relative; }
44642       #smtps > .header .search-input-wrapper label {
44643         padding-right: 4px;
44644         cursor: pointer; }
44645         #smtps > .header .search-input-wrapper label md-icon {
44646           color: rgba(255, 255, 255, 0.8); }
44647       #smtps > .header .search-input-wrapper md-input-container .md-errors-spacer {
44648         display: none; }
44649       #smtps > .header .search-input-wrapper md-input-container input {
44650         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
44651         color: rgba(255, 255, 255, 0.8);
44652         width: 240px; }
44653         #smtps > .header .search-input-wrapper md-input-container input::placeholder {
44654           color: rgba(255, 255, 255, 0.8); }
44655         #smtps > .header .search-input-wrapper md-input-container input:focus {
44656           border-bottom: 1px solid white;
44657           color: white; }
44658     #smtps > .header.selected-bar {
44659       position: absolute;
44660       top: 0;
44661       left: 0;
44662       right: 0;
44663       z-index: 999;
44664       background-image: none;
44665       opacity: 1 !important; }
44666       #smtps > .header.selected-bar .close-button-wrapper {
44667         width: 244px; }
44668   #smtps > .content {
44669     position: absolute;
44670     top: 76px;
44671     bottom: 0;
44672     right: 0;
44673     left: 0; }
44674     #smtps > .content .main {
44675       padding: 16px 90px 0 4px;
44676       position: absolute;
44677       top: 0;
44678       left: 24px;
44679       right: 0;
44680       bottom: 0; }
44681       #smtps > .content .main .no-results {
44682         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
44683     #smtps > .content .smtp-detail-form-container {
44684       padding: 24px;
44685       margin-bottom: 24px; }
44686       #smtps > .content .smtp-detail-form-container .hint {
44687         font-size: 12px;
44688         line-height: 20px;
44689         transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44690         /* Set our own color */
44691         color: grey; }
44692       #smtps > .content .smtp-detail-form-container .handle {
44693         cursor: move; }
44694       #smtps > .content .smtp-detail-form-container md-input-container md-switch {
44695         margin: 0px !important; }
44696       #smtps > .content .smtp-detail-form-container #smtp-image-uploader {
44697         position: relative; }
44698         #smtps > .content .smtp-detail-form-container #smtp-image-uploader.dropping .drop-text {
44699           display: flex; }
44700         #smtps > .content .smtp-detail-form-container #smtp-image-uploader .drop-text {
44701           display: none;
44702           position: absolute;
44703           top: 0;
44704           right: 0;
44705           bottom: 0;
44706           left: 0;
44707           padding: 16px;
44708           text-align: center;
44709           border: 2px dashed rgba(0, 0, 0, 0.12);
44710           background: #FFFFFF;
44711           font-size: 20px;
44712           z-index: 100; }
44713         #smtps > .content .smtp-detail-form-container #smtp-image-uploader .upload-button {
44714           margin-bottom: 16px; }
44715         #smtps > .content .smtp-detail-form-container #smtp-image-uploader .smtp-image {
44716           position: relative;
44717           width: 200px;
44718           height: 200px;
44719           border: 1px solid rgba(0, 0, 0, 0.12);
44720           margin: 8px; }
44721           #smtps > .content .smtp-detail-form-container #smtp-image-uploader .smtp-image.uploading .overlay {
44722             position: absolute;
44723             top: 0;
44724             right: 0;
44725             bottom: 0;
44726             left: 0;
44727             background: rgba(0, 0, 0, 0.87); }
44728           #smtps > .content .smtp-detail-form-container #smtp-image-uploader .smtp-image .media {
44729             max-height: 100%; }
44730   #smtps #add-smtp-button {
44731     position: fixed;
44732     bottom: 8px;
44733     right: 8px;
44734     padding: 0; }
44735
44736 #system > .header {
44737   height: 76px;
44738   min-height: 76px;
44739   max-height: 76px; }
44740   #system > .header .logo .logo-icon {
44741     margin: 0 16px 0 0; }
44742   #system > .header .logo .logo-text {
44743     font-size: 24px; }
44744   #system > .header md-icon {
44745     color: #FFFFFF; }
44746
44747 #system .system-detail-form-container {
44748   padding: 24px;
44749   margin-bottom: 24px; }
44750   #system .system-detail-form-container .hint {
44751     font-size: 12px;
44752     line-height: 20px;
44753     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44754     /* Set our own color */
44755     color: grey; }
44756   #system .system-detail-form-container .handle {
44757     cursor: move; }
44758   #system .system-detail-form-container md-input-container md-switch {
44759     margin: 0px !important; }
44760   #system .system-detail-form-container #system-image-uploader {
44761     position: relative; }
44762     #system .system-detail-form-container #system-image-uploader.dropping .drop-text {
44763       display: flex; }
44764     #system .system-detail-form-container #system-image-uploader .drop-text {
44765       display: none;
44766       position: absolute;
44767       top: 0;
44768       right: 0;
44769       bottom: 0;
44770       left: 0;
44771       padding: 16px;
44772       text-align: center;
44773       border: 2px dashed rgba(0, 0, 0, 0.12);
44774       background: #FFFFFF;
44775       font-size: 20px;
44776       z-index: 100; }
44777     #system .system-detail-form-container #system-image-uploader .upload-button {
44778       margin-bottom: 16px; }
44779     #system .system-detail-form-container #system-image-uploader .system-image {
44780       position: relative;
44781       width: 200px;
44782       height: 200px;
44783       border: 1px solid rgba(0, 0, 0, 0.12);
44784       margin: 8px; }
44785       #system .system-detail-form-container #system-image-uploader .system-image.uploading .overlay {
44786         position: absolute;
44787         top: 0;
44788         right: 0;
44789         bottom: 0;
44790         left: 0;
44791         background: rgba(0, 0, 0, 0.87); }
44792       #system .system-detail-form-container #system-image-uploader .system-image .media {
44793         max-height: 100%; }
44794
44795 #updates {
44796   position: relative; }
44797   #updates > .header {
44798     height: 76px;
44799     min-height: 76px;
44800     max-height: 76px; }
44801     #updates > .header .logo .logo-icon {
44802       margin: 0 16px 0 0; }
44803     #updates > .header .logo .logo-text {
44804       font-size: 24px; }
44805     #updates > .header md-icon {
44806       color: #FFFFFF; }
44807   #updates > .content {
44808     position: absolute;
44809     top: 76px;
44810     bottom: 0;
44811     right: 0;
44812     left: 0; }
44813     #updates > .content .main {
44814       padding: 16px 90px 0 4px;
44815       position: absolute;
44816       top: 0;
44817       left: 24px;
44818       right: 0;
44819       bottom: 0; }
44820       #updates > .content .main .no-results {
44821         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
44822
44823 md-dialog.smsAccount-dialog {
44824   max-width: 720px;
44825   width: 720px; }
44826   md-dialog.smsAccount-dialog md-dialog-content {
44827     display: block;
44828     position: relative; }
44829   md-dialog.smsAccount-dialog md-toolbar .title {
44830     font-size: 17px; }
44831   md-dialog.smsAccount-dialog md-input-container textarea {
44832     min-height: 150px; }
44833   md-dialog.smsAccount-dialog md-input-container .hint {
44834     font-size: 12px;
44835     line-height: 20px;
44836     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44837     /* Set our own color */
44838     color: grey; }
44839   md-dialog.smsAccount-dialog md-input-container md-input-container md-switch {
44840     margin: 0px !important; }
44841   md-dialog.smsAccount-dialog .date-container {
44842     padding: 16px 0 24px 0; }
44843   md-dialog.smsAccount-dialog .error-list {
44844     font-size: 13px;
44845     padding-top: -40px; }
44846     md-dialog.smsAccount-dialog .error-list .error {
44847       background-color: rgba(244, 67, 54, 0.08);
44848       border: 1px solid rgba(244, 67, 54, 0.12);
44849       padding-left: 16px;
44850       margin-top: 8px;
44851       border-radius: 2px; }
44852       md-dialog.smsAccount-dialog .error-list .error .message {
44853         font-weight: 500; }
44854       md-dialog.smsAccount-dialog .error-list .error .md-button {
44855         margin: 0; }
44856       md-dialog.smsAccount-dialog .error-list .error:last-child {
44857         margin-bottom: 30px; }
44858   md-dialog.smsAccount-dialog md-dialog-actions {
44859     position: relative;
44860     overflow-y: hidden;
44861     overflow-x: auto;
44862     justify-content: space-between;
44863     background-color: rgba(0, 0, 0, 0.03);
44864     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44865
44866 @media screen and (max-width: 1280px) {
44867   md-dialog.task-dialog {
44868     width: 80%; } }
44869
44870 @media screen and (max-width: 960px) {
44871   md-dialog.task-dialog {
44872     width: 90%; } }
44873
44874 md-dialog.smsDisposition-dialog {
44875   max-width: 720px;
44876   width: 720px; }
44877   md-dialog.smsDisposition-dialog md-dialog-content {
44878     display: block;
44879     position: relative; }
44880   md-dialog.smsDisposition-dialog md-toolbar .title {
44881     font-size: 17px; }
44882   md-dialog.smsDisposition-dialog md-input-container textarea {
44883     min-height: 150px; }
44884   md-dialog.smsDisposition-dialog md-input-container .hint {
44885     font-size: 12px;
44886     line-height: 20px;
44887     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44888     /* Set our own color */
44889     color: grey; }
44890   md-dialog.smsDisposition-dialog md-input-container md-input-container md-switch {
44891     margin: 0px !important; }
44892   md-dialog.smsDisposition-dialog .date-container {
44893     padding: 16px 0 24px 0; }
44894   md-dialog.smsDisposition-dialog .error-list {
44895     font-size: 13px;
44896     padding-top: -40px; }
44897     md-dialog.smsDisposition-dialog .error-list .error {
44898       background-color: rgba(244, 67, 54, 0.08);
44899       border: 1px solid rgba(244, 67, 54, 0.12);
44900       padding-left: 16px;
44901       margin-top: 8px;
44902       border-radius: 2px; }
44903       md-dialog.smsDisposition-dialog .error-list .error .message {
44904         font-weight: 500; }
44905       md-dialog.smsDisposition-dialog .error-list .error .md-button {
44906         margin: 0; }
44907       md-dialog.smsDisposition-dialog .error-list .error:last-child {
44908         margin-bottom: 30px; }
44909   md-dialog.smsDisposition-dialog md-dialog-actions {
44910     position: relative;
44911     overflow-y: hidden;
44912     overflow-x: auto;
44913     justify-content: space-between;
44914     background-color: rgba(0, 0, 0, 0.03);
44915     border-top: 1px solid rgba(0, 0, 0, 0.12); }
44916
44917 @media screen and (max-width: 1280px) {
44918   md-dialog.task-dialog {
44919     width: 80%; } }
44920
44921 @media screen and (max-width: 960px) {
44922   md-dialog.task-dialog {
44923     width: 90%; } }
44924
44925 #sms-smsAccount .header {
44926   height: 120px;
44927   min-height: 120px;
44928   max-height: 120px; }
44929   #sms-smsAccount .header .goto-smsAccounts-button {
44930     margin-right: 16px; }
44931   #sms-smsAccount .header .smsAccount-image {
44932     overflow: hidden;
44933     width: 56px;
44934     height: 56px;
44935     margin-right: 16px;
44936     border: 3px solid rgba(0, 0, 0, 0.12); }
44937     #sms-smsAccount .header .smsAccount-image img {
44938       height: 100%;
44939       width: auto;
44940       max-width: none; }
44941   #sms-smsAccount .header .subtitle {
44942     margin: 6px 0 0 0; }
44943
44944 #sms-smsAccount .smsAccount-detail-form-container {
44945   padding: 24px;
44946   margin-bottom: 24px; }
44947   #sms-smsAccount .smsAccount-detail-form-container .hint {
44948     font-size: 12px;
44949     line-height: 20px;
44950     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
44951     /* Set our own color */
44952     color: grey; }
44953   #sms-smsAccount .smsAccount-detail-form-container .handle {
44954     cursor: move; }
44955   #sms-smsAccount .smsAccount-detail-form-container md-input-container md-switch {
44956     margin: 0px !important; }
44957   #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader {
44958     position: relative; }
44959     #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader.dropping .drop-text {
44960       display: flex; }
44961     #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader .drop-text {
44962       display: none;
44963       position: absolute;
44964       top: 0;
44965       right: 0;
44966       bottom: 0;
44967       left: 0;
44968       padding: 16px;
44969       text-align: center;
44970       border: 2px dashed rgba(0, 0, 0, 0.12);
44971       background: #FFFFFF;
44972       font-size: 20px;
44973       z-index: 100; }
44974     #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader .upload-button {
44975       margin-bottom: 16px; }
44976     #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader .smsAccount-image {
44977       position: relative;
44978       width: 200px;
44979       height: 200px;
44980       border: 1px solid rgba(0, 0, 0, 0.12);
44981       margin: 8px; }
44982       #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader .smsAccount-image.uploading .overlay {
44983         position: absolute;
44984         top: 0;
44985         right: 0;
44986         bottom: 0;
44987         left: 0;
44988         background: rgba(0, 0, 0, 0.87); }
44989       #sms-smsAccount .smsAccount-detail-form-container #smsAccount-image-uploader .smsAccount-image .media {
44990         max-height: 100%; }
44991
44992 #smsAccounts {
44993   position: relative; }
44994   #smsAccounts > .header {
44995     height: 76px;
44996     min-height: 76px;
44997     max-height: 76px; }
44998     #smsAccounts > .header .logo .logo-icon {
44999       margin: 0 16px 0 0; }
45000     #smsAccounts > .header .logo .logo-text {
45001       font-size: 24px; }
45002     #smsAccounts > .header md-icon {
45003       color: #FFFFFF; }
45004     #smsAccounts > .header .search-input-wrapper {
45005       position: relative; }
45006       #smsAccounts > .header .search-input-wrapper label {
45007         padding-right: 4px;
45008         cursor: pointer; }
45009         #smsAccounts > .header .search-input-wrapper label md-icon {
45010           color: rgba(255, 255, 255, 0.8); }
45011       #smsAccounts > .header .search-input-wrapper md-input-container .md-errors-spacer {
45012         display: none; }
45013       #smsAccounts > .header .search-input-wrapper md-input-container input {
45014         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45015         color: rgba(255, 255, 255, 0.8);
45016         width: 240px; }
45017         #smsAccounts > .header .search-input-wrapper md-input-container input::placeholder {
45018           color: rgba(255, 255, 255, 0.8); }
45019         #smsAccounts > .header .search-input-wrapper md-input-container input:focus {
45020           border-bottom: 1px solid white;
45021           color: white; }
45022     #smsAccounts > .header.selected-bar {
45023       position: absolute;
45024       top: 0;
45025       left: 0;
45026       right: 0;
45027       z-index: 999;
45028       background-image: none;
45029       opacity: 1 !important; }
45030       #smsAccounts > .header.selected-bar .close-button-wrapper {
45031         width: 244px; }
45032   #smsAccounts > .content {
45033     position: absolute;
45034     top: 76px;
45035     bottom: 0;
45036     right: 0;
45037     left: 0; }
45038     #smsAccounts > .content .main {
45039       padding: 16px 90px 0 4px;
45040       position: absolute;
45041       top: 0;
45042       left: 24px;
45043       right: 0;
45044       bottom: 0; }
45045       #smsAccounts > .content .main .no-results {
45046         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45047   #smsAccounts #add-smsAccount-button {
45048     position: fixed;
45049     bottom: 8px;
45050     right: 8px;
45051     padding: 0; }
45052
45053 md-dialog.smsQueue-dialog {
45054   max-width: 720px;
45055   width: 720px; }
45056   md-dialog.smsQueue-dialog md-dialog-content {
45057     display: block;
45058     position: relative; }
45059   md-dialog.smsQueue-dialog md-toolbar .title {
45060     font-size: 17px; }
45061   md-dialog.smsQueue-dialog md-input-container textarea {
45062     min-height: 150px; }
45063   md-dialog.smsQueue-dialog md-input-container .hint {
45064     font-size: 12px;
45065     line-height: 20px;
45066     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45067     /* Set our own color */
45068     color: grey; }
45069   md-dialog.smsQueue-dialog md-input-container md-input-container md-switch {
45070     margin: 0px !important; }
45071   md-dialog.smsQueue-dialog .date-container {
45072     padding: 16px 0 24px 0; }
45073   md-dialog.smsQueue-dialog .error-list {
45074     font-size: 13px;
45075     padding-top: -40px; }
45076     md-dialog.smsQueue-dialog .error-list .error {
45077       background-color: rgba(244, 67, 54, 0.08);
45078       border: 1px solid rgba(244, 67, 54, 0.12);
45079       padding-left: 16px;
45080       margin-top: 8px;
45081       border-radius: 2px; }
45082       md-dialog.smsQueue-dialog .error-list .error .message {
45083         font-weight: 500; }
45084       md-dialog.smsQueue-dialog .error-list .error .md-button {
45085         margin: 0; }
45086       md-dialog.smsQueue-dialog .error-list .error:last-child {
45087         margin-bottom: 30px; }
45088   md-dialog.smsQueue-dialog md-dialog-actions {
45089     position: relative;
45090     overflow-y: hidden;
45091     overflow-x: auto;
45092     justify-content: space-between;
45093     background-color: rgba(0, 0, 0, 0.03);
45094     border-top: 1px solid rgba(0, 0, 0, 0.12); }
45095
45096 @media screen and (max-width: 1280px) {
45097   md-dialog.task-dialog {
45098     width: 80%; } }
45099
45100 @media screen and (max-width: 960px) {
45101   md-dialog.task-dialog {
45102     width: 90%; } }
45103
45104 #sms-smsQueue .header {
45105   height: 120px;
45106   min-height: 120px;
45107   max-height: 120px; }
45108   #sms-smsQueue .header .goto-smsQueues-button {
45109     margin-right: 16px; }
45110   #sms-smsQueue .header .smsQueue-image {
45111     overflow: hidden;
45112     width: 56px;
45113     height: 56px;
45114     margin-right: 16px;
45115     border: 3px solid rgba(0, 0, 0, 0.12); }
45116     #sms-smsQueue .header .smsQueue-image img {
45117       height: 100%;
45118       width: auto;
45119       max-width: none; }
45120   #sms-smsQueue .header .subtitle {
45121     margin: 6px 0 0 0; }
45122
45123 #sms-smsQueue .smsQueue-detail-form-container {
45124   padding: 24px;
45125   margin-bottom: 24px; }
45126   #sms-smsQueue .smsQueue-detail-form-container .hint {
45127     font-size: 12px;
45128     line-height: 20px;
45129     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45130     /* Set our own color */
45131     color: grey; }
45132   #sms-smsQueue .smsQueue-detail-form-container .handle {
45133     cursor: move; }
45134   #sms-smsQueue .smsQueue-detail-form-container md-input-container md-switch {
45135     margin: 0px !important; }
45136   #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader {
45137     position: relative; }
45138     #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader.dropping .drop-text {
45139       display: flex; }
45140     #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader .drop-text {
45141       display: none;
45142       position: absolute;
45143       top: 0;
45144       right: 0;
45145       bottom: 0;
45146       left: 0;
45147       padding: 16px;
45148       text-align: center;
45149       border: 2px dashed rgba(0, 0, 0, 0.12);
45150       background: #FFFFFF;
45151       font-size: 20px;
45152       z-index: 100; }
45153     #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader .upload-button {
45154       margin-bottom: 16px; }
45155     #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader .smsQueue-image {
45156       position: relative;
45157       width: 200px;
45158       height: 200px;
45159       border: 1px solid rgba(0, 0, 0, 0.12);
45160       margin: 8px; }
45161       #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader .smsQueue-image.uploading .overlay {
45162         position: absolute;
45163         top: 0;
45164         right: 0;
45165         bottom: 0;
45166         left: 0;
45167         background: rgba(0, 0, 0, 0.87); }
45168       #sms-smsQueue .smsQueue-detail-form-container #smsQueue-image-uploader .smsQueue-image .media {
45169         max-height: 100%; }
45170
45171 #smsQueues {
45172   position: relative; }
45173   #smsQueues > .header {
45174     height: 76px;
45175     min-height: 76px;
45176     max-height: 76px; }
45177     #smsQueues > .header .logo .logo-icon {
45178       margin: 0 16px 0 0; }
45179     #smsQueues > .header .logo .logo-text {
45180       font-size: 24px; }
45181     #smsQueues > .header md-icon {
45182       color: #FFFFFF; }
45183     #smsQueues > .header .search-input-wrapper {
45184       position: relative; }
45185       #smsQueues > .header .search-input-wrapper label {
45186         padding-right: 4px;
45187         cursor: pointer; }
45188         #smsQueues > .header .search-input-wrapper label md-icon {
45189           color: rgba(255, 255, 255, 0.8); }
45190       #smsQueues > .header .search-input-wrapper md-input-container .md-errors-spacer {
45191         display: none; }
45192       #smsQueues > .header .search-input-wrapper md-input-container input {
45193         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45194         color: rgba(255, 255, 255, 0.8);
45195         width: 240px; }
45196         #smsQueues > .header .search-input-wrapper md-input-container input::placeholder {
45197           color: rgba(255, 255, 255, 0.8); }
45198         #smsQueues > .header .search-input-wrapper md-input-container input:focus {
45199           border-bottom: 1px solid white;
45200           color: white; }
45201     #smsQueues > .header.selected-bar {
45202       position: absolute;
45203       top: 0;
45204       left: 0;
45205       right: 0;
45206       z-index: 999;
45207       background-image: none;
45208       opacity: 1 !important; }
45209       #smsQueues > .header.selected-bar .close-button-wrapper {
45210         width: 244px; }
45211   #smsQueues > .content {
45212     position: absolute;
45213     top: 76px;
45214     bottom: 0;
45215     right: 0;
45216     left: 0; }
45217     #smsQueues > .content .main {
45218       padding: 16px 90px 0 4px;
45219       position: absolute;
45220       top: 0;
45221       left: 24px;
45222       right: 0;
45223       bottom: 0; }
45224       #smsQueues > .content .main .no-results {
45225         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45226   #smsQueues #add-smsQueue-button {
45227     position: fixed;
45228     bottom: 8px;
45229     right: 8px;
45230     padding: 0; }
45231
45232 #agents {
45233   position: relative; }
45234   #agents > .header {
45235     height: 76px;
45236     min-height: 76px;
45237     max-height: 76px; }
45238     #agents > .header .logo .logo-icon {
45239       margin: 0 16px 0 0; }
45240     #agents > .header .logo .logo-text {
45241       font-size: 24px; }
45242     #agents > .header md-icon {
45243       color: #FFFFFF; }
45244     #agents > .header .search-input-wrapper {
45245       position: relative; }
45246       #agents > .header .search-input-wrapper label {
45247         padding-right: 4px;
45248         cursor: pointer; }
45249         #agents > .header .search-input-wrapper label md-icon {
45250           color: rgba(255, 255, 255, 0.8); }
45251       #agents > .header .search-input-wrapper md-input-container .md-errors-spacer {
45252         display: none; }
45253       #agents > .header .search-input-wrapper md-input-container input {
45254         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45255         color: rgba(255, 255, 255, 0.8);
45256         width: 240px; }
45257         #agents > .header .search-input-wrapper md-input-container input::placeholder {
45258           color: rgba(255, 255, 255, 0.8); }
45259         #agents > .header .search-input-wrapper md-input-container input:focus {
45260           border-bottom: 1px solid white;
45261           color: white; }
45262     #agents > .header.selected-bar {
45263       position: absolute;
45264       top: 0;
45265       left: 0;
45266       right: 0;
45267       z-index: 999;
45268       background-image: none;
45269       opacity: 1 !important; }
45270       #agents > .header.selected-bar .close-button-wrapper {
45271         width: 244px; }
45272   #agents > .content {
45273     position: absolute;
45274     top: 76px;
45275     bottom: 0;
45276     right: 0;
45277     left: 0; }
45278     #agents > .content .main {
45279       padding: 16px 90px 0 4px;
45280       position: absolute;
45281       top: 0;
45282       left: 24px;
45283       right: 0;
45284       bottom: 0; }
45285       #agents > .content .main .no-results {
45286         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45287   #agents #add-agent-button {
45288     position: fixed;
45289     bottom: 8px;
45290     right: 8px;
45291     padding: 0; }
45292
45293 md-dialog.agent-dialog {
45294   max-width: 720px;
45295   width: 720px; }
45296   md-dialog.agent-dialog md-dialog-content {
45297     display: block;
45298     position: relative; }
45299   md-dialog.agent-dialog md-toolbar .title {
45300     font-size: 17px; }
45301   md-dialog.agent-dialog md-input-container textarea {
45302     min-height: 150px; }
45303   md-dialog.agent-dialog md-input-container .hint {
45304     font-size: 12px;
45305     line-height: 20px;
45306     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45307     /* Set our own color */
45308     color: grey; }
45309   md-dialog.agent-dialog md-input-container md-input-container md-switch {
45310     margin: 0px !important; }
45311   md-dialog.agent-dialog .date-container {
45312     padding: 16px 0 24px 0; }
45313   md-dialog.agent-dialog .error-list {
45314     font-size: 13px;
45315     padding-top: -40px; }
45316     md-dialog.agent-dialog .error-list .error {
45317       background-color: rgba(244, 67, 54, 0.08);
45318       border: 1px solid rgba(244, 67, 54, 0.12);
45319       padding-left: 16px;
45320       margin-top: 8px;
45321       border-radius: 2px; }
45322       md-dialog.agent-dialog .error-list .error .message {
45323         font-weight: 500; }
45324       md-dialog.agent-dialog .error-list .error .md-button {
45325         margin: 0; }
45326       md-dialog.agent-dialog .error-list .error:last-child {
45327         margin-bottom: 30px; }
45328   md-dialog.agent-dialog md-dialog-actions {
45329     position: relative;
45330     overflow-y: hidden;
45331     overflow-x: auto;
45332     justify-content: space-between;
45333     background-color: rgba(0, 0, 0, 0.03);
45334     border-top: 1px solid rgba(0, 0, 0, 0.12); }
45335
45336 @media screen and (max-width: 1280px) {
45337   md-dialog.task-dialog {
45338     width: 80%; } }
45339
45340 @media screen and (max-width: 960px) {
45341   md-dialog.task-dialog {
45342     width: 90%; } }
45343
45344 #staff-agent .header {
45345   height: 120px;
45346   min-height: 120px;
45347   max-height: 120px; }
45348   #staff-agent .header .goto-agents-button {
45349     margin-right: 16px; }
45350   #staff-agent .header .agent-image {
45351     overflow: hidden;
45352     width: 56px;
45353     height: 56px;
45354     margin-right: 16px;
45355     border: 3px solid rgba(0, 0, 0, 0.12); }
45356     #staff-agent .header .agent-image img {
45357       height: 100%;
45358       width: auto;
45359       max-width: none; }
45360   #staff-agent .header .subtitle {
45361     margin: 6px 0 0 0; }
45362
45363 #staff-agent .agent-detail-form-container {
45364   padding: 24px;
45365   margin-bottom: 24px; }
45366   #staff-agent .agent-detail-form-container .hint {
45367     font-size: 12px;
45368     line-height: 20px;
45369     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45370     /* Set our own color */
45371     color: grey; }
45372   #staff-agent .agent-detail-form-container .handle {
45373     cursor: move; }
45374   #staff-agent .agent-detail-form-container md-input-container md-switch {
45375     margin: 0px !important; }
45376   #staff-agent .agent-detail-form-container #agent-image-uploader {
45377     position: relative; }
45378     #staff-agent .agent-detail-form-container #agent-image-uploader.dropping .drop-text {
45379       display: flex; }
45380     #staff-agent .agent-detail-form-container #agent-image-uploader .drop-text {
45381       display: none;
45382       position: absolute;
45383       top: 0;
45384       right: 0;
45385       bottom: 0;
45386       left: 0;
45387       padding: 16px;
45388       text-align: center;
45389       border: 2px dashed rgba(0, 0, 0, 0.12);
45390       background: #FFFFFF;
45391       font-size: 20px;
45392       z-index: 100; }
45393     #staff-agent .agent-detail-form-container #agent-image-uploader .upload-button {
45394       margin-bottom: 16px; }
45395     #staff-agent .agent-detail-form-container #agent-image-uploader .agent-image {
45396       position: relative;
45397       width: 200px;
45398       height: 200px;
45399       border: 1px solid rgba(0, 0, 0, 0.12);
45400       margin: 8px; }
45401       #staff-agent .agent-detail-form-container #agent-image-uploader .agent-image.uploading .overlay {
45402         position: absolute;
45403         top: 0;
45404         right: 0;
45405         bottom: 0;
45406         left: 0;
45407         background: rgba(0, 0, 0, 0.87); }
45408       #staff-agent .agent-detail-form-container #agent-image-uploader .agent-image .media {
45409         max-height: 100%; }
45410
45411 md-dialog.team-dialog {
45412   max-width: 720px;
45413   width: 720px; }
45414   md-dialog.team-dialog md-dialog-content {
45415     display: block;
45416     position: relative; }
45417   md-dialog.team-dialog md-toolbar .title {
45418     font-size: 17px; }
45419   md-dialog.team-dialog md-input-container textarea {
45420     min-height: 150px; }
45421   md-dialog.team-dialog md-input-container .hint {
45422     font-size: 12px;
45423     line-height: 20px;
45424     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45425     /* Set our own color */
45426     color: grey; }
45427   md-dialog.team-dialog md-input-container md-input-container md-switch {
45428     margin: 0px !important; }
45429   md-dialog.team-dialog .date-container {
45430     padding: 16px 0 24px 0; }
45431   md-dialog.team-dialog .error-list {
45432     font-size: 13px;
45433     padding-top: -40px; }
45434     md-dialog.team-dialog .error-list .error {
45435       background-color: rgba(244, 67, 54, 0.08);
45436       border: 1px solid rgba(244, 67, 54, 0.12);
45437       padding-left: 16px;
45438       margin-top: 8px;
45439       border-radius: 2px; }
45440       md-dialog.team-dialog .error-list .error .message {
45441         font-weight: 500; }
45442       md-dialog.team-dialog .error-list .error .md-button {
45443         margin: 0; }
45444       md-dialog.team-dialog .error-list .error:last-child {
45445         margin-bottom: 30px; }
45446   md-dialog.team-dialog md-dialog-actions {
45447     position: relative;
45448     overflow-y: hidden;
45449     overflow-x: auto;
45450     justify-content: space-between;
45451     background-color: rgba(0, 0, 0, 0.03);
45452     border-top: 1px solid rgba(0, 0, 0, 0.12); }
45453
45454 @media screen and (max-width: 1280px) {
45455   md-dialog.task-dialog {
45456     width: 80%; } }
45457
45458 @media screen and (max-width: 960px) {
45459   md-dialog.task-dialog {
45460     width: 90%; } }
45461
45462 #teams {
45463   position: relative; }
45464   #teams > .header {
45465     height: 76px;
45466     min-height: 76px;
45467     max-height: 76px; }
45468     #teams > .header .logo .logo-icon {
45469       margin: 0 16px 0 0; }
45470     #teams > .header .logo .logo-text {
45471       font-size: 24px; }
45472     #teams > .header md-icon {
45473       color: #FFFFFF; }
45474     #teams > .header .search-input-wrapper {
45475       position: relative; }
45476       #teams > .header .search-input-wrapper label {
45477         padding-right: 4px;
45478         cursor: pointer; }
45479         #teams > .header .search-input-wrapper label md-icon {
45480           color: rgba(255, 255, 255, 0.8); }
45481       #teams > .header .search-input-wrapper md-input-container .md-errors-spacer {
45482         display: none; }
45483       #teams > .header .search-input-wrapper md-input-container input {
45484         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45485         color: rgba(255, 255, 255, 0.8);
45486         width: 240px; }
45487         #teams > .header .search-input-wrapper md-input-container input::placeholder {
45488           color: rgba(255, 255, 255, 0.8); }
45489         #teams > .header .search-input-wrapper md-input-container input:focus {
45490           border-bottom: 1px solid white;
45491           color: white; }
45492     #teams > .header.selected-bar {
45493       position: absolute;
45494       top: 0;
45495       left: 0;
45496       right: 0;
45497       z-index: 999;
45498       background-image: none;
45499       opacity: 1 !important; }
45500       #teams > .header.selected-bar .close-button-wrapper {
45501         width: 244px; }
45502   #teams > .content {
45503     position: absolute;
45504     top: 76px;
45505     bottom: 0;
45506     right: 0;
45507     left: 0; }
45508     #teams > .content .main {
45509       padding: 16px 90px 0 4px;
45510       position: absolute;
45511       top: 0;
45512       left: 24px;
45513       right: 0;
45514       bottom: 0; }
45515       #teams > .content .main .no-results {
45516         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45517   #teams #add-team-button {
45518     position: fixed;
45519     bottom: 8px;
45520     right: 8px;
45521     padding: 0; }
45522
45523 md-dialog.telephone-dialog {
45524   max-width: 720px;
45525   width: 720px; }
45526   md-dialog.telephone-dialog md-dialog-content {
45527     display: block;
45528     position: relative; }
45529   md-dialog.telephone-dialog md-toolbar .title {
45530     font-size: 17px; }
45531   md-dialog.telephone-dialog md-input-container textarea {
45532     min-height: 150px; }
45533   md-dialog.telephone-dialog md-input-container .hint {
45534     font-size: 12px;
45535     line-height: 20px;
45536     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45537     /* Set our own color */
45538     color: grey; }
45539   md-dialog.telephone-dialog md-input-container md-input-container md-switch {
45540     margin: 0px !important; }
45541   md-dialog.telephone-dialog .date-container {
45542     padding: 16px 0 24px 0; }
45543   md-dialog.telephone-dialog .error-list {
45544     font-size: 13px;
45545     padding-top: -40px; }
45546     md-dialog.telephone-dialog .error-list .error {
45547       background-color: rgba(244, 67, 54, 0.08);
45548       border: 1px solid rgba(244, 67, 54, 0.12);
45549       padding-left: 16px;
45550       margin-top: 8px;
45551       border-radius: 2px; }
45552       md-dialog.telephone-dialog .error-list .error .message {
45553         font-weight: 500; }
45554       md-dialog.telephone-dialog .error-list .error .md-button {
45555         margin: 0; }
45556       md-dialog.telephone-dialog .error-list .error:last-child {
45557         margin-bottom: 30px; }
45558   md-dialog.telephone-dialog md-dialog-actions {
45559     position: relative;
45560     overflow-y: hidden;
45561     overflow-x: auto;
45562     justify-content: space-between;
45563     background-color: rgba(0, 0, 0, 0.03);
45564     border-top: 1px solid rgba(0, 0, 0, 0.12); }
45565
45566 @media screen and (max-width: 1280px) {
45567   md-dialog.task-dialog {
45568     width: 80%; } }
45569
45570 @media screen and (max-width: 960px) {
45571   md-dialog.task-dialog {
45572     width: 90%; } }
45573
45574 #staff-telephone .header {
45575   height: 120px;
45576   min-height: 120px;
45577   max-height: 120px; }
45578   #staff-telephone .header .goto-telephones-button {
45579     margin-right: 16px; }
45580   #staff-telephone .header .telephone-image {
45581     overflow: hidden;
45582     width: 56px;
45583     height: 56px;
45584     margin-right: 16px;
45585     border: 3px solid rgba(0, 0, 0, 0.12); }
45586     #staff-telephone .header .telephone-image img {
45587       height: 100%;
45588       width: auto;
45589       max-width: none; }
45590   #staff-telephone .header .subtitle {
45591     margin: 6px 0 0 0; }
45592
45593 #staff-telephone .telephone-detail-form-container {
45594   padding: 24px;
45595   margin-bottom: 24px; }
45596   #staff-telephone .telephone-detail-form-container .hint {
45597     font-size: 12px;
45598     line-height: 20px;
45599     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45600     /* Set our own color */
45601     color: grey; }
45602   #staff-telephone .telephone-detail-form-container .handle {
45603     cursor: move; }
45604   #staff-telephone .telephone-detail-form-container md-input-container md-switch {
45605     margin: 0px !important; }
45606   #staff-telephone .telephone-detail-form-container #telephone-image-uploader {
45607     position: relative; }
45608     #staff-telephone .telephone-detail-form-container #telephone-image-uploader.dropping .drop-text {
45609       display: flex; }
45610     #staff-telephone .telephone-detail-form-container #telephone-image-uploader .drop-text {
45611       display: none;
45612       position: absolute;
45613       top: 0;
45614       right: 0;
45615       bottom: 0;
45616       left: 0;
45617       padding: 16px;
45618       text-align: center;
45619       border: 2px dashed rgba(0, 0, 0, 0.12);
45620       background: #FFFFFF;
45621       font-size: 20px;
45622       z-index: 100; }
45623     #staff-telephone .telephone-detail-form-container #telephone-image-uploader .upload-button {
45624       margin-bottom: 16px; }
45625     #staff-telephone .telephone-detail-form-container #telephone-image-uploader .telephone-image {
45626       position: relative;
45627       width: 200px;
45628       height: 200px;
45629       border: 1px solid rgba(0, 0, 0, 0.12);
45630       margin: 8px; }
45631       #staff-telephone .telephone-detail-form-container #telephone-image-uploader .telephone-image.uploading .overlay {
45632         position: absolute;
45633         top: 0;
45634         right: 0;
45635         bottom: 0;
45636         left: 0;
45637         background: rgba(0, 0, 0, 0.87); }
45638       #staff-telephone .telephone-detail-form-container #telephone-image-uploader .telephone-image .media {
45639         max-height: 100%; }
45640
45641 #telephones {
45642   position: relative; }
45643   #telephones > .header {
45644     height: 76px;
45645     min-height: 76px;
45646     max-height: 76px; }
45647     #telephones > .header .logo .logo-icon {
45648       margin: 0 16px 0 0; }
45649     #telephones > .header .logo .logo-text {
45650       font-size: 24px; }
45651     #telephones > .header md-icon {
45652       color: #FFFFFF; }
45653     #telephones > .header .search-input-wrapper {
45654       position: relative; }
45655       #telephones > .header .search-input-wrapper label {
45656         padding-right: 4px;
45657         cursor: pointer; }
45658         #telephones > .header .search-input-wrapper label md-icon {
45659           color: rgba(255, 255, 255, 0.8); }
45660       #telephones > .header .search-input-wrapper md-input-container .md-errors-spacer {
45661         display: none; }
45662       #telephones > .header .search-input-wrapper md-input-container input {
45663         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45664         color: rgba(255, 255, 255, 0.8);
45665         width: 240px; }
45666         #telephones > .header .search-input-wrapper md-input-container input::placeholder {
45667           color: rgba(255, 255, 255, 0.8); }
45668         #telephones > .header .search-input-wrapper md-input-container input:focus {
45669           border-bottom: 1px solid white;
45670           color: white; }
45671     #telephones > .header.selected-bar {
45672       position: absolute;
45673       top: 0;
45674       left: 0;
45675       right: 0;
45676       z-index: 999;
45677       background-image: none;
45678       opacity: 1 !important; }
45679       #telephones > .header.selected-bar .close-button-wrapper {
45680         width: 244px; }
45681   #telephones > .content {
45682     position: absolute;
45683     top: 76px;
45684     bottom: 0;
45685     right: 0;
45686     left: 0; }
45687     #telephones > .content .main {
45688       padding: 16px 90px 0 4px;
45689       position: absolute;
45690       top: 0;
45691       left: 24px;
45692       right: 0;
45693       bottom: 0; }
45694       #telephones > .content .main .no-results {
45695         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45696   #telephones #add-telephone-button {
45697     position: fixed;
45698     bottom: 8px;
45699     right: 8px;
45700     padding: 0; }
45701
45702 md-dialog.user-dialog {
45703   max-width: 720px;
45704   width: 720px; }
45705   md-dialog.user-dialog md-dialog-content {
45706     display: block;
45707     position: relative; }
45708   md-dialog.user-dialog md-toolbar .title {
45709     font-size: 17px; }
45710   md-dialog.user-dialog md-input-container textarea {
45711     min-height: 150px; }
45712   md-dialog.user-dialog md-input-container .hint {
45713     font-size: 12px;
45714     line-height: 20px;
45715     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45716     /* Set our own color */
45717     color: grey; }
45718   md-dialog.user-dialog md-input-container md-input-container md-switch {
45719     margin: 0px !important; }
45720   md-dialog.user-dialog .date-container {
45721     padding: 16px 0 24px 0; }
45722   md-dialog.user-dialog .error-list {
45723     font-size: 13px;
45724     padding-top: -40px; }
45725     md-dialog.user-dialog .error-list .error {
45726       background-color: rgba(244, 67, 54, 0.08);
45727       border: 1px solid rgba(244, 67, 54, 0.12);
45728       padding-left: 16px;
45729       margin-top: 8px;
45730       border-radius: 2px; }
45731       md-dialog.user-dialog .error-list .error .message {
45732         font-weight: 500; }
45733       md-dialog.user-dialog .error-list .error .md-button {
45734         margin: 0; }
45735       md-dialog.user-dialog .error-list .error:last-child {
45736         margin-bottom: 30px; }
45737   md-dialog.user-dialog md-dialog-actions {
45738     position: relative;
45739     overflow-y: hidden;
45740     overflow-x: auto;
45741     justify-content: space-between;
45742     background-color: rgba(0, 0, 0, 0.03);
45743     border-top: 1px solid rgba(0, 0, 0, 0.12); }
45744
45745 @media screen and (max-width: 1280px) {
45746   md-dialog.task-dialog {
45747     width: 80%; } }
45748
45749 @media screen and (max-width: 960px) {
45750   md-dialog.task-dialog {
45751     width: 90%; } }
45752
45753 #staff-user .header {
45754   height: 120px;
45755   min-height: 120px;
45756   max-height: 120px; }
45757   #staff-user .header .goto-users-button {
45758     margin-right: 16px; }
45759   #staff-user .header .user-image {
45760     overflow: hidden;
45761     width: 56px;
45762     height: 56px;
45763     margin-right: 16px;
45764     border: 3px solid rgba(0, 0, 0, 0.12); }
45765     #staff-user .header .user-image img {
45766       height: 100%;
45767       width: auto;
45768       max-width: none; }
45769   #staff-user .header .subtitle {
45770     margin: 6px 0 0 0; }
45771
45772 #staff-user .user-detail-form-container {
45773   padding: 24px;
45774   margin-bottom: 24px; }
45775   #staff-user .user-detail-form-container .hint {
45776     font-size: 12px;
45777     line-height: 20px;
45778     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45779     /* Set our own color */
45780     color: grey; }
45781   #staff-user .user-detail-form-container .handle {
45782     cursor: move; }
45783   #staff-user .user-detail-form-container md-input-container md-switch {
45784     margin: 0px !important; }
45785   #staff-user .user-detail-form-container #user-image-uploader {
45786     position: relative; }
45787     #staff-user .user-detail-form-container #user-image-uploader.dropping .drop-text {
45788       display: flex; }
45789     #staff-user .user-detail-form-container #user-image-uploader .drop-text {
45790       display: none;
45791       position: absolute;
45792       top: 0;
45793       right: 0;
45794       bottom: 0;
45795       left: 0;
45796       padding: 16px;
45797       text-align: center;
45798       border: 2px dashed rgba(0, 0, 0, 0.12);
45799       background: #FFFFFF;
45800       font-size: 20px;
45801       z-index: 100; }
45802     #staff-user .user-detail-form-container #user-image-uploader .upload-button {
45803       margin-bottom: 16px; }
45804     #staff-user .user-detail-form-container #user-image-uploader .user-image {
45805       position: relative;
45806       width: 200px;
45807       height: 200px;
45808       border: 1px solid rgba(0, 0, 0, 0.12);
45809       margin: 8px; }
45810       #staff-user .user-detail-form-container #user-image-uploader .user-image.uploading .overlay {
45811         position: absolute;
45812         top: 0;
45813         right: 0;
45814         bottom: 0;
45815         left: 0;
45816         background: rgba(0, 0, 0, 0.87); }
45817       #staff-user .user-detail-form-container #user-image-uploader .user-image .media {
45818         max-height: 100%; }
45819
45820 #users {
45821   position: relative; }
45822   #users > .header {
45823     height: 76px;
45824     min-height: 76px;
45825     max-height: 76px; }
45826     #users > .header .logo .logo-icon {
45827       margin: 0 16px 0 0; }
45828     #users > .header .logo .logo-text {
45829       font-size: 24px; }
45830     #users > .header md-icon {
45831       color: #FFFFFF; }
45832     #users > .header .search-input-wrapper {
45833       position: relative; }
45834       #users > .header .search-input-wrapper label {
45835         padding-right: 4px;
45836         cursor: pointer; }
45837         #users > .header .search-input-wrapper label md-icon {
45838           color: rgba(255, 255, 255, 0.8); }
45839       #users > .header .search-input-wrapper md-input-container .md-errors-spacer {
45840         display: none; }
45841       #users > .header .search-input-wrapper md-input-container input {
45842         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45843         color: rgba(255, 255, 255, 0.8);
45844         width: 240px; }
45845         #users > .header .search-input-wrapper md-input-container input::placeholder {
45846           color: rgba(255, 255, 255, 0.8); }
45847         #users > .header .search-input-wrapper md-input-container input:focus {
45848           border-bottom: 1px solid white;
45849           color: white; }
45850     #users > .header.selected-bar {
45851       position: absolute;
45852       top: 0;
45853       left: 0;
45854       right: 0;
45855       z-index: 999;
45856       background-image: none;
45857       opacity: 1 !important; }
45858       #users > .header.selected-bar .close-button-wrapper {
45859         width: 244px; }
45860   #users > .content {
45861     position: absolute;
45862     top: 76px;
45863     bottom: 0;
45864     right: 0;
45865     left: 0; }
45866     #users > .content .main {
45867       padding: 16px 90px 0 4px;
45868       position: absolute;
45869       top: 0;
45870       left: 24px;
45871       right: 0;
45872       bottom: 0; }
45873       #users > .content .main .no-results {
45874         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45875   #users #add-user-button {
45876     position: fixed;
45877     bottom: 8px;
45878     right: 8px;
45879     padding: 0; }
45880
45881 #cannedAnswers {
45882   position: relative; }
45883   #cannedAnswers > .header {
45884     height: 76px;
45885     min-height: 76px;
45886     max-height: 76px; }
45887     #cannedAnswers > .header .logo .logo-icon {
45888       margin: 0 16px 0 0; }
45889     #cannedAnswers > .header .logo .logo-text {
45890       font-size: 24px; }
45891     #cannedAnswers > .header md-icon {
45892       color: #FFFFFF; }
45893     #cannedAnswers > .header .search-input-wrapper {
45894       position: relative; }
45895       #cannedAnswers > .header .search-input-wrapper label {
45896         padding-right: 4px;
45897         cursor: pointer; }
45898         #cannedAnswers > .header .search-input-wrapper label md-icon {
45899           color: rgba(255, 255, 255, 0.8); }
45900       #cannedAnswers > .header .search-input-wrapper md-input-container .md-errors-spacer {
45901         display: none; }
45902       #cannedAnswers > .header .search-input-wrapper md-input-container input {
45903         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
45904         color: rgba(255, 255, 255, 0.8);
45905         width: 240px; }
45906         #cannedAnswers > .header .search-input-wrapper md-input-container input::placeholder {
45907           color: rgba(255, 255, 255, 0.8); }
45908         #cannedAnswers > .header .search-input-wrapper md-input-container input:focus {
45909           border-bottom: 1px solid white;
45910           color: white; }
45911     #cannedAnswers > .header.selected-bar {
45912       position: absolute;
45913       top: 0;
45914       left: 0;
45915       right: 0;
45916       z-index: 999;
45917       background-image: none;
45918       opacity: 1 !important; }
45919       #cannedAnswers > .header.selected-bar .close-button-wrapper {
45920         width: 244px; }
45921   #cannedAnswers > .content {
45922     position: absolute;
45923     top: 76px;
45924     bottom: 0;
45925     right: 0;
45926     left: 0; }
45927     #cannedAnswers > .content .main {
45928       padding: 16px 90px 0 4px;
45929       position: absolute;
45930       top: 0;
45931       left: 24px;
45932       right: 0;
45933       bottom: 0; }
45934       #cannedAnswers > .content .main .no-results {
45935         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
45936   #cannedAnswers #add-cannedAnswer-button {
45937     position: fixed;
45938     bottom: 8px;
45939     right: 8px;
45940     padding: 0; }
45941
45942 md-dialog.cannedAnswer-dialog {
45943   max-width: 720px;
45944   width: 720px; }
45945   md-dialog.cannedAnswer-dialog md-dialog-content {
45946     display: block;
45947     position: relative; }
45948   md-dialog.cannedAnswer-dialog md-toolbar .title {
45949     font-size: 17px; }
45950   md-dialog.cannedAnswer-dialog md-input-container textarea {
45951     min-height: 150px; }
45952   md-dialog.cannedAnswer-dialog md-input-container .hint {
45953     font-size: 12px;
45954     line-height: 20px;
45955     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
45956     /* Set our own color */
45957     color: grey; }
45958   md-dialog.cannedAnswer-dialog md-input-container md-input-container md-switch {
45959     margin: 0px !important; }
45960   md-dialog.cannedAnswer-dialog .date-container {
45961     padding: 16px 0 24px 0; }
45962   md-dialog.cannedAnswer-dialog .error-list {
45963     font-size: 13px;
45964     padding-top: -40px; }
45965     md-dialog.cannedAnswer-dialog .error-list .error {
45966       background-color: rgba(244, 67, 54, 0.08);
45967       border: 1px solid rgba(244, 67, 54, 0.12);
45968       padding-left: 16px;
45969       margin-top: 8px;
45970       border-radius: 2px; }
45971       md-dialog.cannedAnswer-dialog .error-list .error .message {
45972         font-weight: 500; }
45973       md-dialog.cannedAnswer-dialog .error-list .error .md-button {
45974         margin: 0; }
45975       md-dialog.cannedAnswer-dialog .error-list .error:last-child {
45976         margin-bottom: 30px; }
45977   md-dialog.cannedAnswer-dialog md-dialog-actions {
45978     position: relative;
45979     overflow-y: hidden;
45980     overflow-x: auto;
45981     justify-content: space-between;
45982     background-color: rgba(0, 0, 0, 0.03);
45983     border-top: 1px solid rgba(0, 0, 0, 0.12); }
45984
45985 @media screen and (max-width: 1280px) {
45986   md-dialog.task-dialog {
45987     width: 80%; } }
45988
45989 @media screen and (max-width: 960px) {
45990   md-dialog.task-dialog {
45991     width: 90%; } }
45992
45993 md-dialog.customDashboard-dialog {
45994   max-width: 720px;
45995   width: 720px; }
45996   md-dialog.customDashboard-dialog md-dialog-content {
45997     display: block;
45998     position: relative; }
45999   md-dialog.customDashboard-dialog md-toolbar .title {
46000     font-size: 17px; }
46001   md-dialog.customDashboard-dialog md-input-container textarea {
46002     min-height: 150px; }
46003   md-dialog.customDashboard-dialog md-input-container .hint {
46004     font-size: 12px;
46005     line-height: 20px;
46006     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46007     /* Set our own color */
46008     color: grey; }
46009   md-dialog.customDashboard-dialog md-input-container md-input-container md-switch {
46010     margin: 0px !important; }
46011   md-dialog.customDashboard-dialog .date-container {
46012     padding: 16px 0 24px 0; }
46013   md-dialog.customDashboard-dialog .error-list {
46014     font-size: 13px;
46015     padding-top: -40px; }
46016     md-dialog.customDashboard-dialog .error-list .error {
46017       background-color: rgba(244, 67, 54, 0.08);
46018       border: 1px solid rgba(244, 67, 54, 0.12);
46019       padding-left: 16px;
46020       margin-top: 8px;
46021       border-radius: 2px; }
46022       md-dialog.customDashboard-dialog .error-list .error .message {
46023         font-weight: 500; }
46024       md-dialog.customDashboard-dialog .error-list .error .md-button {
46025         margin: 0; }
46026       md-dialog.customDashboard-dialog .error-list .error:last-child {
46027         margin-bottom: 30px; }
46028   md-dialog.customDashboard-dialog md-dialog-actions {
46029     position: relative;
46030     overflow-y: hidden;
46031     overflow-x: auto;
46032     justify-content: space-between;
46033     background-color: rgba(0, 0, 0, 0.03);
46034     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46035
46036 @media screen and (max-width: 1280px) {
46037   md-dialog.task-dialog {
46038     width: 80%; } }
46039
46040 @media screen and (max-width: 960px) {
46041   md-dialog.task-dialog {
46042     width: 90%; } }
46043
46044 #customDashboards {
46045   position: relative; }
46046   #customDashboards > .header {
46047     height: 76px;
46048     min-height: 76px;
46049     max-height: 76px; }
46050     #customDashboards > .header .logo .logo-icon {
46051       margin: 0 16px 0 0; }
46052     #customDashboards > .header .logo .logo-text {
46053       font-size: 24px; }
46054     #customDashboards > .header md-icon {
46055       color: #FFFFFF; }
46056     #customDashboards > .header .search-input-wrapper {
46057       position: relative; }
46058       #customDashboards > .header .search-input-wrapper label {
46059         padding-right: 4px;
46060         cursor: pointer; }
46061         #customDashboards > .header .search-input-wrapper label md-icon {
46062           color: rgba(255, 255, 255, 0.8); }
46063       #customDashboards > .header .search-input-wrapper md-input-container .md-errors-spacer {
46064         display: none; }
46065       #customDashboards > .header .search-input-wrapper md-input-container input {
46066         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
46067         color: rgba(255, 255, 255, 0.8);
46068         width: 240px; }
46069         #customDashboards > .header .search-input-wrapper md-input-container input::placeholder {
46070           color: rgba(255, 255, 255, 0.8); }
46071         #customDashboards > .header .search-input-wrapper md-input-container input:focus {
46072           border-bottom: 1px solid white;
46073           color: white; }
46074     #customDashboards > .header.selected-bar {
46075       position: absolute;
46076       top: 0;
46077       left: 0;
46078       right: 0;
46079       z-index: 999;
46080       background-image: none;
46081       opacity: 1 !important; }
46082       #customDashboards > .header.selected-bar .close-button-wrapper {
46083         width: 244px; }
46084   #customDashboards > .content {
46085     position: absolute;
46086     top: 76px;
46087     bottom: 0;
46088     right: 0;
46089     left: 0; }
46090     #customDashboards > .content .main {
46091       padding: 16px 90px 0 4px;
46092       position: absolute;
46093       top: 0;
46094       left: 24px;
46095       right: 0;
46096       bottom: 0; }
46097       #customDashboards > .content .main .no-results {
46098         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
46099   #customDashboards #add-customDashboard-button {
46100     position: fixed;
46101     bottom: 8px;
46102     right: 8px;
46103     padding: 0; }
46104
46105 md-dialog.dashboarditem-dialog {
46106   max-width: 720px;
46107   width: 720px; }
46108   md-dialog.dashboarditem-dialog md-dialog-content {
46109     display: block;
46110     position: relative; }
46111   md-dialog.dashboarditem-dialog md-toolbar .title {
46112     font-size: 17px; }
46113   md-dialog.dashboarditem-dialog md-input-container textarea {
46114     min-height: 150px; }
46115   md-dialog.dashboarditem-dialog md-input-container .hint {
46116     font-size: 12px;
46117     line-height: 20px;
46118     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46119     /* Set our own color */
46120     color: grey; }
46121   md-dialog.dashboarditem-dialog md-input-container md-input-container md-switch {
46122     margin: 0px !important; }
46123   md-dialog.dashboarditem-dialog .date-container {
46124     padding: 16px 0 24px 0; }
46125   md-dialog.dashboarditem-dialog .error-list {
46126     font-size: 13px;
46127     padding-top: -40px; }
46128     md-dialog.dashboarditem-dialog .error-list .error {
46129       background-color: rgba(244, 67, 54, 0.08);
46130       border: 1px solid rgba(244, 67, 54, 0.12);
46131       padding-left: 16px;
46132       margin-top: 8px;
46133       border-radius: 2px; }
46134       md-dialog.dashboarditem-dialog .error-list .error .message {
46135         font-weight: 500; }
46136       md-dialog.dashboarditem-dialog .error-list .error .md-button {
46137         margin: 0; }
46138       md-dialog.dashboarditem-dialog .error-list .error:last-child {
46139         margin-bottom: 30px; }
46140   md-dialog.dashboarditem-dialog md-dialog-actions {
46141     position: relative;
46142     overflow-y: hidden;
46143     overflow-x: auto;
46144     justify-content: space-between;
46145     background-color: rgba(0, 0, 0, 0.03);
46146     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46147
46148 @media screen and (max-width: 1280px) {
46149   md-dialog.task-dialog {
46150     width: 80%; } }
46151
46152 @media screen and (max-width: 960px) {
46153   md-dialog.task-dialog {
46154     width: 90%; } }
46155
46156 #tools-customDashboard .header {
46157   height: 120px;
46158   min-height: 120px;
46159   max-height: 120px; }
46160   #tools-customDashboard .header .goto-customDashboards-button {
46161     margin-right: 16px; }
46162   #tools-customDashboard .header .customDashboard-image {
46163     overflow: hidden;
46164     width: 56px;
46165     height: 56px;
46166     margin-right: 16px;
46167     border: 3px solid rgba(0, 0, 0, 0.12); }
46168     #tools-customDashboard .header .customDashboard-image img {
46169       height: 100%;
46170       width: auto;
46171       max-width: none; }
46172   #tools-customDashboard .header .subtitle {
46173     margin: 6px 0 0 0; }
46174
46175 #tools-customDashboard .customDashboard-detail-form-container {
46176   padding: 24px;
46177   margin-bottom: 24px; }
46178   #tools-customDashboard .customDashboard-detail-form-container .hint {
46179     font-size: 12px;
46180     line-height: 20px;
46181     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46182     /* Set our own color */
46183     color: grey; }
46184   #tools-customDashboard .customDashboard-detail-form-container .handle {
46185     cursor: move; }
46186   #tools-customDashboard .customDashboard-detail-form-container md-input-container md-switch {
46187     margin: 0px !important; }
46188   #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader {
46189     position: relative; }
46190     #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader.dropping .drop-text {
46191       display: flex; }
46192     #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader .drop-text {
46193       display: none;
46194       position: absolute;
46195       top: 0;
46196       right: 0;
46197       bottom: 0;
46198       left: 0;
46199       padding: 16px;
46200       text-align: center;
46201       border: 2px dashed rgba(0, 0, 0, 0.12);
46202       background: #FFFFFF;
46203       font-size: 20px;
46204       z-index: 100; }
46205     #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader .upload-button {
46206       margin-bottom: 16px; }
46207     #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader .customDashboard-image {
46208       position: relative;
46209       width: 200px;
46210       height: 200px;
46211       border: 1px solid rgba(0, 0, 0, 0.12);
46212       margin: 8px; }
46213       #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader .customDashboard-image.uploading .overlay {
46214         position: absolute;
46215         top: 0;
46216         right: 0;
46217         bottom: 0;
46218         left: 0;
46219         background: rgba(0, 0, 0, 0.87); }
46220       #tools-customDashboard .customDashboard-detail-form-container #customDashboard-image-uploader .customDashboard-image .media {
46221         max-height: 100%; }
46222
46223 md-dialog.interval-dialog {
46224   max-width: 720px;
46225   width: 720px; }
46226   md-dialog.interval-dialog md-dialog-content {
46227     display: block;
46228     position: relative; }
46229   md-dialog.interval-dialog md-toolbar .title {
46230     font-size: 17px; }
46231   md-dialog.interval-dialog md-input-container textarea {
46232     min-height: 150px; }
46233   md-dialog.interval-dialog md-input-container .hint {
46234     font-size: 12px;
46235     line-height: 20px;
46236     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46237     /* Set our own color */
46238     color: grey; }
46239   md-dialog.interval-dialog md-input-container md-input-container md-switch {
46240     margin: 0px !important; }
46241   md-dialog.interval-dialog .date-container {
46242     padding: 16px 0 24px 0; }
46243   md-dialog.interval-dialog .error-list {
46244     font-size: 13px;
46245     padding-top: -40px; }
46246     md-dialog.interval-dialog .error-list .error {
46247       background-color: rgba(244, 67, 54, 0.08);
46248       border: 1px solid rgba(244, 67, 54, 0.12);
46249       padding-left: 16px;
46250       margin-top: 8px;
46251       border-radius: 2px; }
46252       md-dialog.interval-dialog .error-list .error .message {
46253         font-weight: 500; }
46254       md-dialog.interval-dialog .error-list .error .md-button {
46255         margin: 0; }
46256       md-dialog.interval-dialog .error-list .error:last-child {
46257         margin-bottom: 30px; }
46258   md-dialog.interval-dialog md-dialog-actions {
46259     position: relative;
46260     overflow-y: hidden;
46261     overflow-x: auto;
46262     justify-content: space-between;
46263     background-color: rgba(0, 0, 0, 0.03);
46264     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46265
46266 @media screen and (max-width: 1280px) {
46267   md-dialog.task-dialog {
46268     width: 80%; } }
46269
46270 @media screen and (max-width: 960px) {
46271   md-dialog.task-dialog {
46272     width: 90%; } }
46273
46274 md-dialog.interval-dialog {
46275   max-width: 720px;
46276   width: 720px; }
46277   md-dialog.interval-dialog md-dialog-content {
46278     display: block;
46279     position: relative; }
46280   md-dialog.interval-dialog md-toolbar .title {
46281     font-size: 17px; }
46282   md-dialog.interval-dialog md-input-container textarea {
46283     min-height: 150px; }
46284   md-dialog.interval-dialog .date-container {
46285     padding: 16px 0 24px 0; }
46286   md-dialog.interval-dialog .error-list {
46287     font-size: 13px;
46288     padding-top: -40px; }
46289     md-dialog.interval-dialog .error-list .error {
46290       background-color: rgba(244, 67, 54, 0.08);
46291       border: 1px solid rgba(244, 67, 54, 0.12);
46292       padding-left: 16px;
46293       margin-top: 8px;
46294       border-radius: 2px; }
46295       md-dialog.interval-dialog .error-list .error .message {
46296         font-weight: 500; }
46297       md-dialog.interval-dialog .error-list .error .md-button {
46298         margin: 0; }
46299       md-dialog.interval-dialog .error-list .error:last-child {
46300         margin-bottom: 30px; }
46301   md-dialog.interval-dialog md-dialog-actions {
46302     position: relative;
46303     overflow-y: hidden;
46304     overflow-x: auto;
46305     justify-content: space-between;
46306     background-color: rgba(0, 0, 0, 0.03);
46307     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46308
46309 @media screen and (max-width: 1280px) {
46310   md-dialog.task-dialog {
46311     width: 80%; } }
46312
46313 @media screen and (max-width: 960px) {
46314   md-dialog.task-dialog {
46315     width: 90%; } }
46316
46317 md-dialog.interval-dialog {
46318   max-width: 720px;
46319   width: 720px; }
46320   md-dialog.interval-dialog md-dialog-content {
46321     display: block;
46322     position: relative; }
46323   md-dialog.interval-dialog md-toolbar .title {
46324     font-size: 17px; }
46325   md-dialog.interval-dialog md-input-container textarea {
46326     min-height: 150px; }
46327   md-dialog.interval-dialog md-input-container .hint {
46328     font-size: 12px;
46329     line-height: 20px;
46330     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46331     /* Set our own color */
46332     color: grey; }
46333   md-dialog.interval-dialog md-input-container md-input-container md-switch {
46334     margin: 0px !important; }
46335   md-dialog.interval-dialog .date-container {
46336     padding: 16px 0 24px 0; }
46337   md-dialog.interval-dialog .error-list {
46338     font-size: 13px;
46339     padding-top: -40px; }
46340     md-dialog.interval-dialog .error-list .error {
46341       background-color: rgba(244, 67, 54, 0.08);
46342       border: 1px solid rgba(244, 67, 54, 0.12);
46343       padding-left: 16px;
46344       margin-top: 8px;
46345       border-radius: 2px; }
46346       md-dialog.interval-dialog .error-list .error .message {
46347         font-weight: 500; }
46348       md-dialog.interval-dialog .error-list .error .md-button {
46349         margin: 0; }
46350       md-dialog.interval-dialog .error-list .error:last-child {
46351         margin-bottom: 30px; }
46352   md-dialog.interval-dialog md-dialog-actions {
46353     position: relative;
46354     overflow-y: hidden;
46355     overflow-x: auto;
46356     justify-content: space-between;
46357     background-color: rgba(0, 0, 0, 0.03);
46358     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46359
46360 @media screen and (max-width: 1280px) {
46361   md-dialog.task-dialog {
46362     width: 80%; } }
46363
46364 @media screen and (max-width: 960px) {
46365   md-dialog.task-dialog {
46366     width: 90%; } }
46367
46368 #tools-interval .header {
46369   height: 120px;
46370   min-height: 120px;
46371   max-height: 120px; }
46372   #tools-interval .header .goto-intervals-button {
46373     margin-right: 16px; }
46374   #tools-interval .header .interval-image {
46375     overflow: hidden;
46376     width: 56px;
46377     height: 56px;
46378     margin-right: 16px;
46379     border: 3px solid rgba(0, 0, 0, 0.12); }
46380     #tools-interval .header .interval-image img {
46381       height: 100%;
46382       width: auto;
46383       max-width: none; }
46384   #tools-interval .header .subtitle {
46385     margin: 6px 0 0 0; }
46386
46387 #tools-interval .interval-detail-form-container {
46388   padding: 24px;
46389   margin-bottom: 24px; }
46390   #tools-interval .interval-detail-form-container .hint {
46391     font-size: 12px;
46392     line-height: 20px;
46393     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46394     /* Set our own color */
46395     color: grey; }
46396   #tools-interval .interval-detail-form-container .handle {
46397     cursor: move; }
46398   #tools-interval .interval-detail-form-container md-input-container md-switch {
46399     margin: 0px !important; }
46400   #tools-interval .interval-detail-form-container #interval-image-uploader {
46401     position: relative; }
46402     #tools-interval .interval-detail-form-container #interval-image-uploader.dropping .drop-text {
46403       display: flex; }
46404     #tools-interval .interval-detail-form-container #interval-image-uploader .drop-text {
46405       display: none;
46406       position: absolute;
46407       top: 0;
46408       right: 0;
46409       bottom: 0;
46410       left: 0;
46411       padding: 16px;
46412       text-align: center;
46413       border: 2px dashed rgba(0, 0, 0, 0.12);
46414       background: #FFFFFF;
46415       font-size: 20px;
46416       z-index: 100; }
46417     #tools-interval .interval-detail-form-container #interval-image-uploader .upload-button {
46418       margin-bottom: 16px; }
46419     #tools-interval .interval-detail-form-container #interval-image-uploader .interval-image {
46420       position: relative;
46421       width: 200px;
46422       height: 200px;
46423       border: 1px solid rgba(0, 0, 0, 0.12);
46424       margin: 8px; }
46425       #tools-interval .interval-detail-form-container #interval-image-uploader .interval-image.uploading .overlay {
46426         position: absolute;
46427         top: 0;
46428         right: 0;
46429         bottom: 0;
46430         left: 0;
46431         background: rgba(0, 0, 0, 0.87); }
46432       #tools-interval .interval-detail-form-container #interval-image-uploader .interval-image .media {
46433         max-height: 100%; }
46434
46435 #intervals {
46436   position: relative; }
46437   #intervals > .header {
46438     height: 76px;
46439     min-height: 76px;
46440     max-height: 76px; }
46441     #intervals > .header .logo .logo-icon {
46442       margin: 0 16px 0 0; }
46443     #intervals > .header .logo .logo-text {
46444       font-size: 24px; }
46445     #intervals > .header md-icon {
46446       color: #FFFFFF; }
46447     #intervals > .header .search-input-wrapper {
46448       position: relative; }
46449       #intervals > .header .search-input-wrapper label {
46450         padding-right: 4px;
46451         cursor: pointer; }
46452         #intervals > .header .search-input-wrapper label md-icon {
46453           color: rgba(255, 255, 255, 0.8); }
46454       #intervals > .header .search-input-wrapper md-input-container .md-errors-spacer {
46455         display: none; }
46456       #intervals > .header .search-input-wrapper md-input-container input {
46457         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
46458         color: rgba(255, 255, 255, 0.8);
46459         width: 240px; }
46460         #intervals > .header .search-input-wrapper md-input-container input::placeholder {
46461           color: rgba(255, 255, 255, 0.8); }
46462         #intervals > .header .search-input-wrapper md-input-container input:focus {
46463           border-bottom: 1px solid white;
46464           color: white; }
46465     #intervals > .header.selected-bar {
46466       position: absolute;
46467       top: 0;
46468       left: 0;
46469       right: 0;
46470       z-index: 999;
46471       background-image: none;
46472       opacity: 1 !important; }
46473       #intervals > .header.selected-bar .close-button-wrapper {
46474         width: 244px; }
46475   #intervals > .content {
46476     position: absolute;
46477     top: 76px;
46478     bottom: 0;
46479     right: 0;
46480     left: 0; }
46481     #intervals > .content .main {
46482       padding: 16px 90px 0 4px;
46483       position: absolute;
46484       top: 0;
46485       left: 24px;
46486       right: 0;
46487       bottom: 0; }
46488       #intervals > .content .main .no-results {
46489         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
46490   #intervals #add-interval-button {
46491     position: fixed;
46492     bottom: 8px;
46493     right: 8px;
46494     padding: 0; }
46495
46496 md-dialog.pause-dialog {
46497   max-width: 720px;
46498   width: 720px; }
46499   md-dialog.pause-dialog md-dialog-content {
46500     display: block;
46501     position: relative; }
46502   md-dialog.pause-dialog md-toolbar .title {
46503     font-size: 17px; }
46504   md-dialog.pause-dialog md-input-container textarea {
46505     min-height: 150px; }
46506   md-dialog.pause-dialog md-input-container .hint {
46507     font-size: 12px;
46508     line-height: 20px;
46509     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46510     /* Set our own color */
46511     color: grey; }
46512   md-dialog.pause-dialog md-input-container md-input-container md-switch {
46513     margin: 0px !important; }
46514   md-dialog.pause-dialog .date-container {
46515     padding: 16px 0 24px 0; }
46516   md-dialog.pause-dialog .error-list {
46517     font-size: 13px;
46518     padding-top: -40px; }
46519     md-dialog.pause-dialog .error-list .error {
46520       background-color: rgba(244, 67, 54, 0.08);
46521       border: 1px solid rgba(244, 67, 54, 0.12);
46522       padding-left: 16px;
46523       margin-top: 8px;
46524       border-radius: 2px; }
46525       md-dialog.pause-dialog .error-list .error .message {
46526         font-weight: 500; }
46527       md-dialog.pause-dialog .error-list .error .md-button {
46528         margin: 0; }
46529       md-dialog.pause-dialog .error-list .error:last-child {
46530         margin-bottom: 30px; }
46531   md-dialog.pause-dialog md-dialog-actions {
46532     position: relative;
46533     overflow-y: hidden;
46534     overflow-x: auto;
46535     justify-content: space-between;
46536     background-color: rgba(0, 0, 0, 0.03);
46537     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46538
46539 @media screen and (max-width: 1280px) {
46540   md-dialog.task-dialog {
46541     width: 80%; } }
46542
46543 @media screen and (max-width: 960px) {
46544   md-dialog.task-dialog {
46545     width: 90%; } }
46546
46547 #pauses {
46548   position: relative; }
46549   #pauses > .header {
46550     height: 76px;
46551     min-height: 76px;
46552     max-height: 76px; }
46553     #pauses > .header .logo .logo-icon {
46554       margin: 0 16px 0 0; }
46555     #pauses > .header .logo .logo-text {
46556       font-size: 24px; }
46557     #pauses > .header md-icon {
46558       color: #FFFFFF; }
46559     #pauses > .header .search-input-wrapper {
46560       position: relative; }
46561       #pauses > .header .search-input-wrapper label {
46562         padding-right: 4px;
46563         cursor: pointer; }
46564         #pauses > .header .search-input-wrapper label md-icon {
46565           color: rgba(255, 255, 255, 0.8); }
46566       #pauses > .header .search-input-wrapper md-input-container .md-errors-spacer {
46567         display: none; }
46568       #pauses > .header .search-input-wrapper md-input-container input {
46569         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
46570         color: rgba(255, 255, 255, 0.8);
46571         width: 240px; }
46572         #pauses > .header .search-input-wrapper md-input-container input::placeholder {
46573           color: rgba(255, 255, 255, 0.8); }
46574         #pauses > .header .search-input-wrapper md-input-container input:focus {
46575           border-bottom: 1px solid white;
46576           color: white; }
46577     #pauses > .header.selected-bar {
46578       position: absolute;
46579       top: 0;
46580       left: 0;
46581       right: 0;
46582       z-index: 999;
46583       background-image: none;
46584       opacity: 1 !important; }
46585       #pauses > .header.selected-bar .close-button-wrapper {
46586         width: 244px; }
46587   #pauses > .content {
46588     position: absolute;
46589     top: 76px;
46590     bottom: 0;
46591     right: 0;
46592     left: 0; }
46593     #pauses > .content .main {
46594       padding: 16px 90px 0 4px;
46595       position: absolute;
46596       top: 0;
46597       left: 24px;
46598       right: 0;
46599       bottom: 0; }
46600       #pauses > .content .main .no-results {
46601         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
46602   #pauses #add-pause-button {
46603     position: fixed;
46604     bottom: 8px;
46605     right: 8px;
46606     padding: 0; }
46607
46608 md-dialog.schedule-dialog {
46609   max-width: 720px;
46610   width: 720px; }
46611   md-dialog.schedule-dialog md-dialog-content {
46612     display: block;
46613     position: relative; }
46614   md-dialog.schedule-dialog md-toolbar .title {
46615     font-size: 17px; }
46616   md-dialog.schedule-dialog md-input-container textarea {
46617     min-height: 150px; }
46618   md-dialog.schedule-dialog md-input-container .hint {
46619     font-size: 12px;
46620     line-height: 20px;
46621     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46622     /* Set our own color */
46623     color: grey; }
46624   md-dialog.schedule-dialog md-input-container md-input-container md-switch {
46625     margin: 0px !important; }
46626   md-dialog.schedule-dialog .date-container {
46627     padding: 16px 0 24px 0; }
46628   md-dialog.schedule-dialog .error-list {
46629     font-size: 13px;
46630     padding-top: -40px; }
46631     md-dialog.schedule-dialog .error-list .error {
46632       background-color: rgba(244, 67, 54, 0.08);
46633       border: 1px solid rgba(244, 67, 54, 0.12);
46634       padding-left: 16px;
46635       margin-top: 8px;
46636       border-radius: 2px; }
46637       md-dialog.schedule-dialog .error-list .error .message {
46638         font-weight: 500; }
46639       md-dialog.schedule-dialog .error-list .error .md-button {
46640         margin: 0; }
46641       md-dialog.schedule-dialog .error-list .error:last-child {
46642         margin-bottom: 30px; }
46643   md-dialog.schedule-dialog md-dialog-actions {
46644     position: relative;
46645     overflow-y: hidden;
46646     overflow-x: auto;
46647     justify-content: space-between;
46648     background-color: rgba(0, 0, 0, 0.03);
46649     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46650
46651 @media screen and (max-width: 1280px) {
46652   md-dialog.task-dialog {
46653     width: 80%; } }
46654
46655 @media screen and (max-width: 960px) {
46656   md-dialog.task-dialog {
46657     width: 90%; } }
46658
46659 #tools-schedule .header {
46660   height: 120px;
46661   min-height: 120px;
46662   max-height: 120px; }
46663   #tools-schedule .header .goto-schedules-button {
46664     margin-right: 16px; }
46665   #tools-schedule .header .schedule-image {
46666     overflow: hidden;
46667     width: 56px;
46668     height: 56px;
46669     margin-right: 16px;
46670     border: 3px solid rgba(0, 0, 0, 0.12); }
46671     #tools-schedule .header .schedule-image img {
46672       height: 100%;
46673       width: auto;
46674       max-width: none; }
46675   #tools-schedule .header .subtitle {
46676     margin: 6px 0 0 0; }
46677
46678 #tools-schedule .schedule-detail-form-container {
46679   padding: 24px;
46680   margin-bottom: 24px; }
46681   #tools-schedule .schedule-detail-form-container .hint {
46682     font-size: 12px;
46683     line-height: 20px;
46684     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46685     /* Set our own color */
46686     color: grey; }
46687   #tools-schedule .schedule-detail-form-container .handle {
46688     cursor: move; }
46689   #tools-schedule .schedule-detail-form-container md-input-container md-switch {
46690     margin: 0px !important; }
46691   #tools-schedule .schedule-detail-form-container #schedule-image-uploader {
46692     position: relative; }
46693     #tools-schedule .schedule-detail-form-container #schedule-image-uploader.dropping .drop-text {
46694       display: flex; }
46695     #tools-schedule .schedule-detail-form-container #schedule-image-uploader .drop-text {
46696       display: none;
46697       position: absolute;
46698       top: 0;
46699       right: 0;
46700       bottom: 0;
46701       left: 0;
46702       padding: 16px;
46703       text-align: center;
46704       border: 2px dashed rgba(0, 0, 0, 0.12);
46705       background: #FFFFFF;
46706       font-size: 20px;
46707       z-index: 100; }
46708     #tools-schedule .schedule-detail-form-container #schedule-image-uploader .upload-button {
46709       margin-bottom: 16px; }
46710     #tools-schedule .schedule-detail-form-container #schedule-image-uploader .schedule-image {
46711       position: relative;
46712       width: 200px;
46713       height: 200px;
46714       border: 1px solid rgba(0, 0, 0, 0.12);
46715       margin: 8px; }
46716       #tools-schedule .schedule-detail-form-container #schedule-image-uploader .schedule-image.uploading .overlay {
46717         position: absolute;
46718         top: 0;
46719         right: 0;
46720         bottom: 0;
46721         left: 0;
46722         background: rgba(0, 0, 0, 0.87); }
46723       #tools-schedule .schedule-detail-form-container #schedule-image-uploader .schedule-image .media {
46724         max-height: 100%; }
46725
46726 #schedules {
46727   position: relative; }
46728   #schedules > .header {
46729     height: 76px;
46730     min-height: 76px;
46731     max-height: 76px; }
46732     #schedules > .header .logo .logo-icon {
46733       margin: 0 16px 0 0; }
46734     #schedules > .header .logo .logo-text {
46735       font-size: 24px; }
46736     #schedules > .header md-icon {
46737       color: #FFFFFF; }
46738     #schedules > .header .search-input-wrapper {
46739       position: relative; }
46740       #schedules > .header .search-input-wrapper label {
46741         padding-right: 4px;
46742         cursor: pointer; }
46743         #schedules > .header .search-input-wrapper label md-icon {
46744           color: rgba(255, 255, 255, 0.8); }
46745       #schedules > .header .search-input-wrapper md-input-container .md-errors-spacer {
46746         display: none; }
46747       #schedules > .header .search-input-wrapper md-input-container input {
46748         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
46749         color: rgba(255, 255, 255, 0.8);
46750         width: 240px; }
46751         #schedules > .header .search-input-wrapper md-input-container input::placeholder {
46752           color: rgba(255, 255, 255, 0.8); }
46753         #schedules > .header .search-input-wrapper md-input-container input:focus {
46754           border-bottom: 1px solid white;
46755           color: white; }
46756     #schedules > .header.selected-bar {
46757       position: absolute;
46758       top: 0;
46759       left: 0;
46760       right: 0;
46761       z-index: 999;
46762       background-image: none;
46763       opacity: 1 !important; }
46764       #schedules > .header.selected-bar .close-button-wrapper {
46765         width: 244px; }
46766   #schedules > .content {
46767     position: absolute;
46768     top: 76px;
46769     bottom: 0;
46770     right: 0;
46771     left: 0; }
46772     #schedules > .content .main {
46773       padding: 16px 90px 0 4px;
46774       position: absolute;
46775       top: 0;
46776       left: 24px;
46777       right: 0;
46778       bottom: 0; }
46779       #schedules > .content .main .no-results {
46780         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
46781   #schedules #add-schedule-button {
46782     position: fixed;
46783     bottom: 8px;
46784     right: 8px;
46785     padding: 0; }
46786
46787 md-dialog.sound-dialog {
46788   max-width: 720px;
46789   width: 720px; }
46790   md-dialog.sound-dialog md-dialog-content {
46791     display: block;
46792     position: relative; }
46793   md-dialog.sound-dialog md-toolbar .title {
46794     font-size: 17px; }
46795   md-dialog.sound-dialog md-input-container textarea {
46796     min-height: 150px; }
46797   md-dialog.sound-dialog md-input-container .hint {
46798     font-size: 12px;
46799     line-height: 20px;
46800     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46801     /* Set our own color */
46802     color: grey; }
46803   md-dialog.sound-dialog md-input-container md-input-container md-switch {
46804     margin: 0px !important; }
46805   md-dialog.sound-dialog .date-container {
46806     padding: 16px 0 24px 0; }
46807   md-dialog.sound-dialog .error-list {
46808     font-size: 13px;
46809     padding-top: -40px; }
46810     md-dialog.sound-dialog .error-list .error {
46811       background-color: rgba(244, 67, 54, 0.08);
46812       border: 1px solid rgba(244, 67, 54, 0.12);
46813       padding-left: 16px;
46814       margin-top: 8px;
46815       border-radius: 2px; }
46816       md-dialog.sound-dialog .error-list .error .message {
46817         font-weight: 500; }
46818       md-dialog.sound-dialog .error-list .error .md-button {
46819         margin: 0; }
46820       md-dialog.sound-dialog .error-list .error:last-child {
46821         margin-bottom: 30px; }
46822   md-dialog.sound-dialog md-dialog-actions {
46823     position: relative;
46824     overflow-y: hidden;
46825     overflow-x: auto;
46826     justify-content: space-between;
46827     background-color: rgba(0, 0, 0, 0.03);
46828     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46829
46830 @media screen and (max-width: 1280px) {
46831   md-dialog.task-dialog {
46832     width: 80%; } }
46833
46834 @media screen and (max-width: 960px) {
46835   md-dialog.task-dialog {
46836     width: 90%; } }
46837
46838 #sounds {
46839   position: relative; }
46840   #sounds > .header {
46841     height: 76px;
46842     min-height: 76px;
46843     max-height: 76px; }
46844     #sounds > .header .logo .logo-icon {
46845       margin: 0 16px 0 0; }
46846     #sounds > .header .logo .logo-text {
46847       font-size: 24px; }
46848     #sounds > .header md-icon {
46849       color: #FFFFFF; }
46850     #sounds > .header .search-input-wrapper {
46851       position: relative; }
46852       #sounds > .header .search-input-wrapper label {
46853         padding-right: 4px;
46854         cursor: pointer; }
46855         #sounds > .header .search-input-wrapper label md-icon {
46856           color: rgba(255, 255, 255, 0.8); }
46857       #sounds > .header .search-input-wrapper md-input-container .md-errors-spacer {
46858         display: none; }
46859       #sounds > .header .search-input-wrapper md-input-container input {
46860         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
46861         color: rgba(255, 255, 255, 0.8);
46862         width: 240px; }
46863         #sounds > .header .search-input-wrapper md-input-container input::placeholder {
46864           color: rgba(255, 255, 255, 0.8); }
46865         #sounds > .header .search-input-wrapper md-input-container input:focus {
46866           border-bottom: 1px solid white;
46867           color: white; }
46868     #sounds > .header.selected-bar {
46869       position: absolute;
46870       top: 0;
46871       left: 0;
46872       right: 0;
46873       z-index: 999;
46874       background-image: none;
46875       opacity: 1 !important; }
46876       #sounds > .header.selected-bar .close-button-wrapper {
46877         width: 244px; }
46878   #sounds > .content {
46879     position: absolute;
46880     top: 76px;
46881     bottom: 0;
46882     right: 0;
46883     left: 0; }
46884     #sounds > .content .main {
46885       padding: 16px 90px 0 4px;
46886       position: absolute;
46887       top: 0;
46888       left: 24px;
46889       right: 0;
46890       bottom: 0; }
46891       #sounds > .content .main .no-results {
46892         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
46893   #sounds #add-sound-button {
46894     position: fixed;
46895     bottom: 8px;
46896     right: 8px;
46897     padding: 0; }
46898
46899 md-dialog.upload-dialog {
46900   max-width: 720px;
46901   width: 720px; }
46902   md-dialog.upload-dialog md-dialog-content {
46903     display: block;
46904     position: relative; }
46905   md-dialog.upload-dialog md-toolbar .title {
46906     font-size: 17px; }
46907   md-dialog.upload-dialog md-input-container textarea {
46908     min-height: 150px; }
46909   md-dialog.upload-dialog .date-container {
46910     padding: 16px 0 24px 0; }
46911   md-dialog.upload-dialog .error-list {
46912     font-size: 13px;
46913     padding-top: -40px; }
46914     md-dialog.upload-dialog .error-list .error {
46915       background-color: rgba(244, 67, 54, 0.08);
46916       border: 1px solid rgba(244, 67, 54, 0.12);
46917       padding-left: 16px;
46918       margin-top: 8px;
46919       border-radius: 2px; }
46920       md-dialog.upload-dialog .error-list .error .message {
46921         font-weight: 500; }
46922       md-dialog.upload-dialog .error-list .error .md-button {
46923         margin: 0; }
46924       md-dialog.upload-dialog .error-list .error:last-child {
46925         margin-bottom: 30px; }
46926   md-dialog.upload-dialog .sound-image {
46927     overflow: hidden;
46928     max-width: 148px;
46929     margin-right: 16px;
46930     border: 3px solid rgba(0, 0, 0, 0.12);
46931     padding: 10px; }
46932     md-dialog.upload-dialog .sound-image img {
46933       width: auto;
46934       max-width: none; }
46935   md-dialog.upload-dialog md-dialog-actions {
46936     position: relative;
46937     overflow-y: hidden;
46938     overflow-x: auto;
46939     justify-content: space-between;
46940     background-color: rgba(0, 0, 0, 0.03);
46941     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46942
46943 @media screen and (max-width: 1280px) {
46944   md-dialog.task-dialog {
46945     width: 80%; } }
46946
46947 @media screen and (max-width: 960px) {
46948   md-dialog.task-dialog {
46949     width: 90%; } }
46950
46951 md-dialog.tag-dialog {
46952   max-width: 720px;
46953   width: 720px; }
46954   md-dialog.tag-dialog md-dialog-content {
46955     display: block;
46956     position: relative; }
46957   md-dialog.tag-dialog md-toolbar .title {
46958     font-size: 17px; }
46959   md-dialog.tag-dialog md-input-container textarea {
46960     min-height: 150px; }
46961   md-dialog.tag-dialog md-input-container .hint {
46962     font-size: 12px;
46963     line-height: 20px;
46964     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
46965     /* Set our own color */
46966     color: grey; }
46967   md-dialog.tag-dialog md-input-container md-input-container md-switch {
46968     margin: 0px !important; }
46969   md-dialog.tag-dialog .date-container {
46970     padding: 16px 0 24px 0; }
46971   md-dialog.tag-dialog .error-list {
46972     font-size: 13px;
46973     padding-top: -40px; }
46974     md-dialog.tag-dialog .error-list .error {
46975       background-color: rgba(244, 67, 54, 0.08);
46976       border: 1px solid rgba(244, 67, 54, 0.12);
46977       padding-left: 16px;
46978       margin-top: 8px;
46979       border-radius: 2px; }
46980       md-dialog.tag-dialog .error-list .error .message {
46981         font-weight: 500; }
46982       md-dialog.tag-dialog .error-list .error .md-button {
46983         margin: 0; }
46984       md-dialog.tag-dialog .error-list .error:last-child {
46985         margin-bottom: 30px; }
46986   md-dialog.tag-dialog md-dialog-actions {
46987     position: relative;
46988     overflow-y: hidden;
46989     overflow-x: auto;
46990     justify-content: space-between;
46991     background-color: rgba(0, 0, 0, 0.03);
46992     border-top: 1px solid rgba(0, 0, 0, 0.12); }
46993
46994 @media screen and (max-width: 1280px) {
46995   md-dialog.task-dialog {
46996     width: 80%; } }
46997
46998 @media screen and (max-width: 960px) {
46999   md-dialog.task-dialog {
47000     width: 90%; } }
47001
47002 #tags {
47003   position: relative; }
47004   #tags > .header {
47005     height: 76px;
47006     min-height: 76px;
47007     max-height: 76px; }
47008     #tags > .header .logo .logo-icon {
47009       margin: 0 16px 0 0; }
47010     #tags > .header .logo .logo-text {
47011       font-size: 24px; }
47012     #tags > .header md-icon {
47013       color: #FFFFFF; }
47014     #tags > .header .search-input-wrapper {
47015       position: relative; }
47016       #tags > .header .search-input-wrapper label {
47017         padding-right: 4px;
47018         cursor: pointer; }
47019         #tags > .header .search-input-wrapper label md-icon {
47020           color: rgba(255, 255, 255, 0.8); }
47021       #tags > .header .search-input-wrapper md-input-container .md-errors-spacer {
47022         display: none; }
47023       #tags > .header .search-input-wrapper md-input-container input {
47024         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
47025         color: rgba(255, 255, 255, 0.8);
47026         width: 240px; }
47027         #tags > .header .search-input-wrapper md-input-container input::placeholder {
47028           color: rgba(255, 255, 255, 0.8); }
47029         #tags > .header .search-input-wrapper md-input-container input:focus {
47030           border-bottom: 1px solid white;
47031           color: white; }
47032     #tags > .header.selected-bar {
47033       position: absolute;
47034       top: 0;
47035       left: 0;
47036       right: 0;
47037       z-index: 999;
47038       background-image: none;
47039       opacity: 1 !important; }
47040       #tags > .header.selected-bar .close-button-wrapper {
47041         width: 244px; }
47042   #tags > .content {
47043     position: absolute;
47044     top: 76px;
47045     bottom: 0;
47046     right: 0;
47047     left: 0; }
47048     #tags > .content .main {
47049       padding: 16px 90px 0 4px;
47050       position: absolute;
47051       top: 0;
47052       left: 24px;
47053       right: 0;
47054       bottom: 0; }
47055       #tags > .content .main .no-results {
47056         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
47057   #tags #add-tag-button {
47058     position: fixed;
47059     bottom: 8px;
47060     right: 8px;
47061     padding: 0; }
47062
47063 md-dialog.template-dialog {
47064   max-width: 720px;
47065   width: 720px; }
47066   md-dialog.template-dialog md-dialog-content {
47067     display: block;
47068     position: relative; }
47069   md-dialog.template-dialog md-toolbar .title {
47070     font-size: 17px; }
47071   md-dialog.template-dialog md-input-container textarea {
47072     min-height: 150px; }
47073   md-dialog.template-dialog md-input-container .hint {
47074     font-size: 12px;
47075     line-height: 20px;
47076     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47077     /* Set our own color */
47078     color: grey; }
47079   md-dialog.template-dialog md-input-container md-input-container md-switch {
47080     margin: 0px !important; }
47081   md-dialog.template-dialog .date-container {
47082     padding: 16px 0 24px 0; }
47083   md-dialog.template-dialog .error-list {
47084     font-size: 13px;
47085     padding-top: -40px; }
47086     md-dialog.template-dialog .error-list .error {
47087       background-color: rgba(244, 67, 54, 0.08);
47088       border: 1px solid rgba(244, 67, 54, 0.12);
47089       padding-left: 16px;
47090       margin-top: 8px;
47091       border-radius: 2px; }
47092       md-dialog.template-dialog .error-list .error .message {
47093         font-weight: 500; }
47094       md-dialog.template-dialog .error-list .error .md-button {
47095         margin: 0; }
47096       md-dialog.template-dialog .error-list .error:last-child {
47097         margin-bottom: 30px; }
47098   md-dialog.template-dialog md-dialog-actions {
47099     position: relative;
47100     overflow-y: hidden;
47101     overflow-x: auto;
47102     justify-content: space-between;
47103     background-color: rgba(0, 0, 0, 0.03);
47104     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47105
47106 @media screen and (max-width: 1280px) {
47107   md-dialog.task-dialog {
47108     width: 80%; } }
47109
47110 @media screen and (max-width: 960px) {
47111   md-dialog.task-dialog {
47112     width: 90%; } }
47113
47114 #templates {
47115   position: relative; }
47116   #templates > .header {
47117     height: 76px;
47118     min-height: 76px;
47119     max-height: 76px; }
47120     #templates > .header .logo .logo-icon {
47121       margin: 0 16px 0 0; }
47122     #templates > .header .logo .logo-text {
47123       font-size: 24px; }
47124     #templates > .header md-icon {
47125       color: #FFFFFF; }
47126     #templates > .header .search-input-wrapper {
47127       position: relative; }
47128       #templates > .header .search-input-wrapper label {
47129         padding-right: 4px;
47130         cursor: pointer; }
47131         #templates > .header .search-input-wrapper label md-icon {
47132           color: rgba(255, 255, 255, 0.8); }
47133       #templates > .header .search-input-wrapper md-input-container .md-errors-spacer {
47134         display: none; }
47135       #templates > .header .search-input-wrapper md-input-container input {
47136         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
47137         color: rgba(255, 255, 255, 0.8);
47138         width: 240px; }
47139         #templates > .header .search-input-wrapper md-input-container input::placeholder {
47140           color: rgba(255, 255, 255, 0.8); }
47141         #templates > .header .search-input-wrapper md-input-container input:focus {
47142           border-bottom: 1px solid white;
47143           color: white; }
47144     #templates > .header.selected-bar {
47145       position: absolute;
47146       top: 0;
47147       left: 0;
47148       right: 0;
47149       z-index: 999;
47150       background-image: none;
47151       opacity: 1 !important; }
47152       #templates > .header.selected-bar .close-button-wrapper {
47153         width: 244px; }
47154   #templates > .content {
47155     position: absolute;
47156     top: 76px;
47157     bottom: 0;
47158     right: 0;
47159     left: 0; }
47160     #templates > .content .main {
47161       padding: 16px 90px 0 4px;
47162       position: absolute;
47163       top: 0;
47164       left: 24px;
47165       right: 0;
47166       bottom: 0; }
47167       #templates > .content .main .no-results {
47168         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
47169   #templates #add-template-button {
47170     position: fixed;
47171     bottom: 8px;
47172     right: 8px;
47173     padding: 0; }
47174
47175 md-dialog.trigger-dialog {
47176   max-width: 720px;
47177   width: 720px; }
47178   md-dialog.trigger-dialog md-dialog-content {
47179     display: block;
47180     position: relative; }
47181   md-dialog.trigger-dialog md-toolbar .title {
47182     font-size: 17px; }
47183   md-dialog.trigger-dialog md-input-container textarea {
47184     min-height: 150px; }
47185   md-dialog.trigger-dialog md-input-container .hint {
47186     font-size: 12px;
47187     line-height: 20px;
47188     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47189     /* Set our own color */
47190     color: grey; }
47191   md-dialog.trigger-dialog md-input-container md-input-container md-switch {
47192     margin: 0px !important; }
47193   md-dialog.trigger-dialog .date-container {
47194     padding: 16px 0 24px 0; }
47195   md-dialog.trigger-dialog .error-list {
47196     font-size: 13px;
47197     padding-top: -40px; }
47198     md-dialog.trigger-dialog .error-list .error {
47199       background-color: rgba(244, 67, 54, 0.08);
47200       border: 1px solid rgba(244, 67, 54, 0.12);
47201       padding-left: 16px;
47202       margin-top: 8px;
47203       border-radius: 2px; }
47204       md-dialog.trigger-dialog .error-list .error .message {
47205         font-weight: 500; }
47206       md-dialog.trigger-dialog .error-list .error .md-button {
47207         margin: 0; }
47208       md-dialog.trigger-dialog .error-list .error:last-child {
47209         margin-bottom: 30px; }
47210   md-dialog.trigger-dialog md-dialog-actions {
47211     position: relative;
47212     overflow-y: hidden;
47213     overflow-x: auto;
47214     justify-content: space-between;
47215     background-color: rgba(0, 0, 0, 0.03);
47216     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47217
47218 @media screen and (max-width: 1280px) {
47219   md-dialog.task-dialog {
47220     width: 80%; } }
47221
47222 @media screen and (max-width: 960px) {
47223   md-dialog.task-dialog {
47224     width: 90%; } }
47225
47226 md-dialog.action-dialog {
47227   max-width: 720px;
47228   width: 720px; }
47229   md-dialog.action-dialog md-dialog-content {
47230     display: block;
47231     position: relative; }
47232   md-dialog.action-dialog md-toolbar .title {
47233     font-size: 17px; }
47234   md-dialog.action-dialog md-input-container textarea {
47235     min-height: 150px; }
47236   md-dialog.action-dialog md-input-container .hint {
47237     font-size: 12px;
47238     line-height: 20px;
47239     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47240     /* Set our own color */
47241     color: grey; }
47242   md-dialog.action-dialog md-input-container md-input-container md-switch {
47243     margin: 0px !important; }
47244   md-dialog.action-dialog .date-container {
47245     padding: 16px 0 24px 0; }
47246   md-dialog.action-dialog .error-list {
47247     font-size: 13px;
47248     padding-top: -40px; }
47249     md-dialog.action-dialog .error-list .error {
47250       background-color: rgba(244, 67, 54, 0.08);
47251       border: 1px solid rgba(244, 67, 54, 0.12);
47252       padding-left: 16px;
47253       margin-top: 8px;
47254       border-radius: 2px; }
47255       md-dialog.action-dialog .error-list .error .message {
47256         font-weight: 500; }
47257       md-dialog.action-dialog .error-list .error .md-button {
47258         margin: 0; }
47259       md-dialog.action-dialog .error-list .error:last-child {
47260         margin-bottom: 30px; }
47261   md-dialog.action-dialog md-dialog-actions {
47262     position: relative;
47263     overflow-y: hidden;
47264     overflow-x: auto;
47265     justify-content: space-between;
47266     background-color: rgba(0, 0, 0, 0.03);
47267     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47268
47269 @media screen and (max-width: 1280px) {
47270   md-dialog.task-dialog {
47271     width: 80%; } }
47272
47273 @media screen and (max-width: 960px) {
47274   md-dialog.task-dialog {
47275     width: 90%; } }
47276
47277 md-dialog.allCondition-dialog {
47278   max-width: 720px;
47279   width: 720px; }
47280   md-dialog.allCondition-dialog md-dialog-content {
47281     display: block;
47282     position: relative; }
47283   md-dialog.allCondition-dialog md-toolbar .title {
47284     font-size: 17px; }
47285   md-dialog.allCondition-dialog md-input-container textarea {
47286     min-height: 150px; }
47287   md-dialog.allCondition-dialog md-input-container .hint {
47288     font-size: 12px;
47289     line-height: 20px;
47290     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47291     /* Set our own color */
47292     color: grey; }
47293   md-dialog.allCondition-dialog md-input-container md-input-container md-switch {
47294     margin: 0px !important; }
47295   md-dialog.allCondition-dialog .date-container {
47296     padding: 16px 0 24px 0; }
47297   md-dialog.allCondition-dialog .error-list {
47298     font-size: 13px;
47299     padding-top: -40px; }
47300     md-dialog.allCondition-dialog .error-list .error {
47301       background-color: rgba(244, 67, 54, 0.08);
47302       border: 1px solid rgba(244, 67, 54, 0.12);
47303       padding-left: 16px;
47304       margin-top: 8px;
47305       border-radius: 2px; }
47306       md-dialog.allCondition-dialog .error-list .error .message {
47307         font-weight: 500; }
47308       md-dialog.allCondition-dialog .error-list .error .md-button {
47309         margin: 0; }
47310       md-dialog.allCondition-dialog .error-list .error:last-child {
47311         margin-bottom: 30px; }
47312   md-dialog.allCondition-dialog md-dialog-actions {
47313     position: relative;
47314     overflow-y: hidden;
47315     overflow-x: auto;
47316     justify-content: space-between;
47317     background-color: rgba(0, 0, 0, 0.03);
47318     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47319
47320 @media screen and (max-width: 1280px) {
47321   md-dialog.task-dialog {
47322     width: 80%; } }
47323
47324 @media screen and (max-width: 960px) {
47325   md-dialog.task-dialog {
47326     width: 90%; } }
47327
47328 md-dialog.anyCondition-dialog {
47329   max-width: 720px;
47330   width: 720px; }
47331   md-dialog.anyCondition-dialog md-dialog-content {
47332     display: block;
47333     position: relative; }
47334   md-dialog.anyCondition-dialog md-toolbar .title {
47335     font-size: 17px; }
47336   md-dialog.anyCondition-dialog md-input-container textarea {
47337     min-height: 150px; }
47338   md-dialog.anyCondition-dialog md-input-container .hint {
47339     font-size: 12px;
47340     line-height: 20px;
47341     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47342     /* Set our own color */
47343     color: grey; }
47344   md-dialog.anyCondition-dialog md-input-container md-input-container md-switch {
47345     margin: 0px !important; }
47346   md-dialog.anyCondition-dialog .date-container {
47347     padding: 16px 0 24px 0; }
47348   md-dialog.anyCondition-dialog .error-list {
47349     font-size: 13px;
47350     padding-top: -40px; }
47351     md-dialog.anyCondition-dialog .error-list .error {
47352       background-color: rgba(244, 67, 54, 0.08);
47353       border: 1px solid rgba(244, 67, 54, 0.12);
47354       padding-left: 16px;
47355       margin-top: 8px;
47356       border-radius: 2px; }
47357       md-dialog.anyCondition-dialog .error-list .error .message {
47358         font-weight: 500; }
47359       md-dialog.anyCondition-dialog .error-list .error .md-button {
47360         margin: 0; }
47361       md-dialog.anyCondition-dialog .error-list .error:last-child {
47362         margin-bottom: 30px; }
47363   md-dialog.anyCondition-dialog md-dialog-actions {
47364     position: relative;
47365     overflow-y: hidden;
47366     overflow-x: auto;
47367     justify-content: space-between;
47368     background-color: rgba(0, 0, 0, 0.03);
47369     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47370
47371 @media screen and (max-width: 1280px) {
47372   md-dialog.task-dialog {
47373     width: 80%; } }
47374
47375 @media screen and (max-width: 960px) {
47376   md-dialog.task-dialog {
47377     width: 90%; } }
47378
47379 #tools-trigger .header {
47380   height: 120px;
47381   min-height: 120px;
47382   max-height: 120px; }
47383   #tools-trigger .header .goto-triggers-button {
47384     margin-right: 16px; }
47385   #tools-trigger .header .trigger-image {
47386     overflow: hidden;
47387     width: 56px;
47388     height: 56px;
47389     margin-right: 16px;
47390     border: 3px solid rgba(0, 0, 0, 0.12); }
47391     #tools-trigger .header .trigger-image img {
47392       height: 100%;
47393       width: auto;
47394       max-width: none; }
47395   #tools-trigger .header .subtitle {
47396     margin: 6px 0 0 0; }
47397
47398 #tools-trigger .trigger-detail-form-container {
47399   padding: 24px;
47400   margin-bottom: 24px; }
47401   #tools-trigger .trigger-detail-form-container .hint {
47402     font-size: 12px;
47403     line-height: 20px;
47404     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47405     /* Set our own color */
47406     color: grey; }
47407   #tools-trigger .trigger-detail-form-container .handle {
47408     cursor: move; }
47409   #tools-trigger .trigger-detail-form-container md-input-container md-switch {
47410     margin: 0px !important; }
47411   #tools-trigger .trigger-detail-form-container #trigger-image-uploader {
47412     position: relative; }
47413     #tools-trigger .trigger-detail-form-container #trigger-image-uploader.dropping .drop-text {
47414       display: flex; }
47415     #tools-trigger .trigger-detail-form-container #trigger-image-uploader .drop-text {
47416       display: none;
47417       position: absolute;
47418       top: 0;
47419       right: 0;
47420       bottom: 0;
47421       left: 0;
47422       padding: 16px;
47423       text-align: center;
47424       border: 2px dashed rgba(0, 0, 0, 0.12);
47425       background: #FFFFFF;
47426       font-size: 20px;
47427       z-index: 100; }
47428     #tools-trigger .trigger-detail-form-container #trigger-image-uploader .upload-button {
47429       margin-bottom: 16px; }
47430     #tools-trigger .trigger-detail-form-container #trigger-image-uploader .trigger-image {
47431       position: relative;
47432       width: 200px;
47433       height: 200px;
47434       border: 1px solid rgba(0, 0, 0, 0.12);
47435       margin: 8px; }
47436       #tools-trigger .trigger-detail-form-container #trigger-image-uploader .trigger-image.uploading .overlay {
47437         position: absolute;
47438         top: 0;
47439         right: 0;
47440         bottom: 0;
47441         left: 0;
47442         background: rgba(0, 0, 0, 0.87); }
47443       #tools-trigger .trigger-detail-form-container #trigger-image-uploader .trigger-image .media {
47444         max-height: 100%; }
47445
47446 #triggers {
47447   position: relative; }
47448   #triggers > .header {
47449     height: 76px;
47450     min-height: 76px;
47451     max-height: 76px; }
47452     #triggers > .header .logo .logo-icon {
47453       margin: 0 16px 0 0; }
47454     #triggers > .header .logo .logo-text {
47455       font-size: 24px; }
47456     #triggers > .header md-icon {
47457       color: #FFFFFF; }
47458     #triggers > .header .search-input-wrapper {
47459       position: relative; }
47460       #triggers > .header .search-input-wrapper label {
47461         padding-right: 4px;
47462         cursor: pointer; }
47463         #triggers > .header .search-input-wrapper label md-icon {
47464           color: rgba(255, 255, 255, 0.8); }
47465       #triggers > .header .search-input-wrapper md-input-container .md-errors-spacer {
47466         display: none; }
47467       #triggers > .header .search-input-wrapper md-input-container input {
47468         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
47469         color: rgba(255, 255, 255, 0.8);
47470         width: 240px; }
47471         #triggers > .header .search-input-wrapper md-input-container input::placeholder {
47472           color: rgba(255, 255, 255, 0.8); }
47473         #triggers > .header .search-input-wrapper md-input-container input:focus {
47474           border-bottom: 1px solid white;
47475           color: white; }
47476     #triggers > .header.selected-bar {
47477       position: absolute;
47478       top: 0;
47479       left: 0;
47480       right: 0;
47481       z-index: 999;
47482       background-image: none;
47483       opacity: 1 !important; }
47484       #triggers > .header.selected-bar .close-button-wrapper {
47485         width: 244px; }
47486   #triggers > .content {
47487     position: absolute;
47488     top: 76px;
47489     bottom: 0;
47490     right: 0;
47491     left: 0; }
47492     #triggers > .content .main {
47493       padding: 16px 90px 0 4px;
47494       position: absolute;
47495       top: 0;
47496       left: 24px;
47497       right: 0;
47498       bottom: 0; }
47499       #triggers > .content .main .no-results {
47500         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
47501   #triggers #add-trigger-button {
47502     position: fixed;
47503     bottom: 8px;
47504     right: 8px;
47505     padding: 0; }
47506
47507 md-dialog.trunk-dialog {
47508   max-width: 720px;
47509   width: 720px; }
47510   md-dialog.trunk-dialog md-dialog-content {
47511     display: block;
47512     position: relative; }
47513   md-dialog.trunk-dialog md-toolbar .title {
47514     font-size: 17px; }
47515   md-dialog.trunk-dialog md-input-container textarea {
47516     min-height: 150px; }
47517   md-dialog.trunk-dialog md-input-container .hint {
47518     font-size: 12px;
47519     line-height: 20px;
47520     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47521     /* Set our own color */
47522     color: grey; }
47523   md-dialog.trunk-dialog md-input-container md-input-container md-switch {
47524     margin: 0px !important; }
47525   md-dialog.trunk-dialog .date-container {
47526     padding: 16px 0 24px 0; }
47527   md-dialog.trunk-dialog .error-list {
47528     font-size: 13px;
47529     padding-top: -40px; }
47530     md-dialog.trunk-dialog .error-list .error {
47531       background-color: rgba(244, 67, 54, 0.08);
47532       border: 1px solid rgba(244, 67, 54, 0.12);
47533       padding-left: 16px;
47534       margin-top: 8px;
47535       border-radius: 2px; }
47536       md-dialog.trunk-dialog .error-list .error .message {
47537         font-weight: 500; }
47538       md-dialog.trunk-dialog .error-list .error .md-button {
47539         margin: 0; }
47540       md-dialog.trunk-dialog .error-list .error:last-child {
47541         margin-bottom: 30px; }
47542   md-dialog.trunk-dialog md-dialog-actions {
47543     position: relative;
47544     overflow-y: hidden;
47545     overflow-x: auto;
47546     justify-content: space-between;
47547     background-color: rgba(0, 0, 0, 0.03);
47548     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47549
47550 @media screen and (max-width: 1280px) {
47551   md-dialog.task-dialog {
47552     width: 80%; } }
47553
47554 @media screen and (max-width: 960px) {
47555   md-dialog.task-dialog {
47556     width: 90%; } }
47557
47558 #tools-trunk .header {
47559   height: 120px;
47560   min-height: 120px;
47561   max-height: 120px; }
47562   #tools-trunk .header .goto-trunks-button {
47563     margin-right: 16px; }
47564   #tools-trunk .header .trunk-image {
47565     overflow: hidden;
47566     width: 56px;
47567     height: 56px;
47568     margin-right: 16px;
47569     border: 3px solid rgba(0, 0, 0, 0.12); }
47570     #tools-trunk .header .trunk-image img {
47571       height: 100%;
47572       width: auto;
47573       max-width: none; }
47574   #tools-trunk .header .subtitle {
47575     margin: 6px 0 0 0; }
47576
47577 #tools-trunk .trunk-detail-form-container {
47578   padding: 24px;
47579   margin-bottom: 24px; }
47580   #tools-trunk .trunk-detail-form-container .hint {
47581     font-size: 12px;
47582     line-height: 20px;
47583     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47584     /* Set our own color */
47585     color: grey; }
47586   #tools-trunk .trunk-detail-form-container .handle {
47587     cursor: move; }
47588   #tools-trunk .trunk-detail-form-container md-input-container md-switch {
47589     margin: 0px !important; }
47590   #tools-trunk .trunk-detail-form-container #trunk-image-uploader {
47591     position: relative; }
47592     #tools-trunk .trunk-detail-form-container #trunk-image-uploader.dropping .drop-text {
47593       display: flex; }
47594     #tools-trunk .trunk-detail-form-container #trunk-image-uploader .drop-text {
47595       display: none;
47596       position: absolute;
47597       top: 0;
47598       right: 0;
47599       bottom: 0;
47600       left: 0;
47601       padding: 16px;
47602       text-align: center;
47603       border: 2px dashed rgba(0, 0, 0, 0.12);
47604       background: #FFFFFF;
47605       font-size: 20px;
47606       z-index: 100; }
47607     #tools-trunk .trunk-detail-form-container #trunk-image-uploader .upload-button {
47608       margin-bottom: 16px; }
47609     #tools-trunk .trunk-detail-form-container #trunk-image-uploader .trunk-image {
47610       position: relative;
47611       width: 200px;
47612       height: 200px;
47613       border: 1px solid rgba(0, 0, 0, 0.12);
47614       margin: 8px; }
47615       #tools-trunk .trunk-detail-form-container #trunk-image-uploader .trunk-image.uploading .overlay {
47616         position: absolute;
47617         top: 0;
47618         right: 0;
47619         bottom: 0;
47620         left: 0;
47621         background: rgba(0, 0, 0, 0.87); }
47622       #tools-trunk .trunk-detail-form-container #trunk-image-uploader .trunk-image .media {
47623         max-height: 100%; }
47624
47625 #trunks {
47626   position: relative; }
47627   #trunks > .header {
47628     height: 76px;
47629     min-height: 76px;
47630     max-height: 76px; }
47631     #trunks > .header .logo .logo-icon {
47632       margin: 0 16px 0 0; }
47633     #trunks > .header .logo .logo-text {
47634       font-size: 24px; }
47635     #trunks > .header md-icon {
47636       color: #FFFFFF; }
47637     #trunks > .header .search-input-wrapper {
47638       position: relative; }
47639       #trunks > .header .search-input-wrapper label {
47640         padding-right: 4px;
47641         cursor: pointer; }
47642         #trunks > .header .search-input-wrapper label md-icon {
47643           color: rgba(255, 255, 255, 0.8); }
47644       #trunks > .header .search-input-wrapper md-input-container .md-errors-spacer {
47645         display: none; }
47646       #trunks > .header .search-input-wrapper md-input-container input {
47647         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
47648         color: rgba(255, 255, 255, 0.8);
47649         width: 240px; }
47650         #trunks > .header .search-input-wrapper md-input-container input::placeholder {
47651           color: rgba(255, 255, 255, 0.8); }
47652         #trunks > .header .search-input-wrapper md-input-container input:focus {
47653           border-bottom: 1px solid white;
47654           color: white; }
47655     #trunks > .header.selected-bar {
47656       position: absolute;
47657       top: 0;
47658       left: 0;
47659       right: 0;
47660       z-index: 999;
47661       background-image: none;
47662       opacity: 1 !important; }
47663       #trunks > .header.selected-bar .close-button-wrapper {
47664         width: 244px; }
47665   #trunks > .content {
47666     position: absolute;
47667     top: 76px;
47668     bottom: 0;
47669     right: 0;
47670     left: 0; }
47671     #trunks > .content .main {
47672       padding: 16px 90px 0 4px;
47673       position: absolute;
47674       top: 0;
47675       left: 24px;
47676       right: 0;
47677       bottom: 0; }
47678       #trunks > .content .main .no-results {
47679         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
47680   #trunks #add-trunk-button {
47681     position: fixed;
47682     bottom: 8px;
47683     right: 8px;
47684     padding: 0; }
47685
47686 md-dialog.variable-dialog {
47687   max-width: 720px;
47688   width: 720px; }
47689   md-dialog.variable-dialog md-dialog-content {
47690     display: block;
47691     position: relative; }
47692   md-dialog.variable-dialog md-toolbar .title {
47693     font-size: 17px; }
47694   md-dialog.variable-dialog md-input-container textarea {
47695     min-height: 150px; }
47696   md-dialog.variable-dialog md-input-container .hint {
47697     font-size: 12px;
47698     line-height: 20px;
47699     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47700     /* Set our own color */
47701     color: grey; }
47702   md-dialog.variable-dialog md-input-container md-input-container md-switch {
47703     margin: 0px !important; }
47704   md-dialog.variable-dialog .date-container {
47705     padding: 16px 0 24px 0; }
47706   md-dialog.variable-dialog .error-list {
47707     font-size: 13px;
47708     padding-top: -40px; }
47709     md-dialog.variable-dialog .error-list .error {
47710       background-color: rgba(244, 67, 54, 0.08);
47711       border: 1px solid rgba(244, 67, 54, 0.12);
47712       padding-left: 16px;
47713       margin-top: 8px;
47714       border-radius: 2px; }
47715       md-dialog.variable-dialog .error-list .error .message {
47716         font-weight: 500; }
47717       md-dialog.variable-dialog .error-list .error .md-button {
47718         margin: 0; }
47719       md-dialog.variable-dialog .error-list .error:last-child {
47720         margin-bottom: 30px; }
47721   md-dialog.variable-dialog md-dialog-actions {
47722     position: relative;
47723     overflow-y: hidden;
47724     overflow-x: auto;
47725     justify-content: space-between;
47726     background-color: rgba(0, 0, 0, 0.03);
47727     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47728
47729 @media screen and (max-width: 1280px) {
47730   md-dialog.task-dialog {
47731     width: 80%; } }
47732
47733 @media screen and (max-width: 960px) {
47734   md-dialog.task-dialog {
47735     width: 90%; } }
47736
47737 #variables {
47738   position: relative; }
47739   #variables > .header {
47740     height: 76px;
47741     min-height: 76px;
47742     max-height: 76px; }
47743     #variables > .header .logo .logo-icon {
47744       margin: 0 16px 0 0; }
47745     #variables > .header .logo .logo-text {
47746       font-size: 24px; }
47747     #variables > .header md-icon {
47748       color: #FFFFFF; }
47749     #variables > .header .search-input-wrapper {
47750       position: relative; }
47751       #variables > .header .search-input-wrapper label {
47752         padding-right: 4px;
47753         cursor: pointer; }
47754         #variables > .header .search-input-wrapper label md-icon {
47755           color: rgba(255, 255, 255, 0.8); }
47756       #variables > .header .search-input-wrapper md-input-container .md-errors-spacer {
47757         display: none; }
47758       #variables > .header .search-input-wrapper md-input-container input {
47759         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
47760         color: rgba(255, 255, 255, 0.8);
47761         width: 240px; }
47762         #variables > .header .search-input-wrapper md-input-container input::placeholder {
47763           color: rgba(255, 255, 255, 0.8); }
47764         #variables > .header .search-input-wrapper md-input-container input:focus {
47765           border-bottom: 1px solid white;
47766           color: white; }
47767     #variables > .header.selected-bar {
47768       position: absolute;
47769       top: 0;
47770       left: 0;
47771       right: 0;
47772       z-index: 999;
47773       background-image: none;
47774       opacity: 1 !important; }
47775       #variables > .header.selected-bar .close-button-wrapper {
47776         width: 244px; }
47777   #variables > .content {
47778     position: absolute;
47779     top: 76px;
47780     bottom: 0;
47781     right: 0;
47782     left: 0; }
47783     #variables > .content .main {
47784       padding: 16px 90px 0 4px;
47785       position: absolute;
47786       top: 0;
47787       left: 24px;
47788       right: 0;
47789       bottom: 0; }
47790       #variables > .content .main .no-results {
47791         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
47792   #variables #add-variable-button {
47793     position: fixed;
47794     bottom: 8px;
47795     right: 8px;
47796     padding: 0; }
47797
47798 #chanSpies {
47799   position: relative; }
47800   #chanSpies > .header {
47801     height: 76px;
47802     min-height: 76px;
47803     max-height: 76px; }
47804     #chanSpies > .header .logo .logo-icon {
47805       margin: 0 16px 0 0; }
47806     #chanSpies > .header .logo .logo-text {
47807       font-size: 24px; }
47808     #chanSpies > .header md-icon {
47809       color: #FFFFFF; }
47810     #chanSpies > .header .search-input-wrapper {
47811       position: relative; }
47812       #chanSpies > .header .search-input-wrapper label {
47813         padding-right: 4px;
47814         cursor: pointer; }
47815         #chanSpies > .header .search-input-wrapper label md-icon {
47816           color: rgba(255, 255, 255, 0.8); }
47817       #chanSpies > .header .search-input-wrapper md-input-container .md-errors-spacer {
47818         display: none; }
47819       #chanSpies > .header .search-input-wrapper md-input-container input {
47820         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
47821         color: rgba(255, 255, 255, 0.8);
47822         width: 240px; }
47823         #chanSpies > .header .search-input-wrapper md-input-container input::placeholder {
47824           color: rgba(255, 255, 255, 0.8); }
47825         #chanSpies > .header .search-input-wrapper md-input-container input:focus {
47826           border-bottom: 1px solid white;
47827           color: white; }
47828     #chanSpies > .header.selected-bar {
47829       position: absolute;
47830       top: 0;
47831       left: 0;
47832       right: 0;
47833       z-index: 999;
47834       background-image: none;
47835       opacity: 1 !important; }
47836       #chanSpies > .header.selected-bar .close-button-wrapper {
47837         width: 244px; }
47838   #chanSpies > .content {
47839     position: absolute;
47840     top: 76px;
47841     bottom: 0;
47842     right: 0;
47843     left: 0; }
47844     #chanSpies > .content .main {
47845       padding: 16px 90px 0 4px;
47846       position: absolute;
47847       top: 0;
47848       left: 24px;
47849       right: 0;
47850       bottom: 0; }
47851       #chanSpies > .content .main .no-results {
47852         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
47853   #chanSpies #add-chanSpy-button {
47854     position: fixed;
47855     bottom: 8px;
47856     right: 8px;
47857     padding: 0; }
47858
47859 md-dialog.chanSpy-dialog {
47860   max-width: 720px;
47861   width: 720px; }
47862   md-dialog.chanSpy-dialog md-dialog-content {
47863     display: block;
47864     position: relative; }
47865   md-dialog.chanSpy-dialog md-toolbar .title {
47866     font-size: 17px; }
47867   md-dialog.chanSpy-dialog md-input-container textarea {
47868     min-height: 150px; }
47869   md-dialog.chanSpy-dialog md-input-container .hint {
47870     font-size: 12px;
47871     line-height: 20px;
47872     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47873     /* Set our own color */
47874     color: grey; }
47875   md-dialog.chanSpy-dialog md-input-container md-input-container md-switch {
47876     margin: 0px !important; }
47877   md-dialog.chanSpy-dialog .date-container {
47878     padding: 16px 0 24px 0; }
47879   md-dialog.chanSpy-dialog .error-list {
47880     font-size: 13px;
47881     padding-top: -40px; }
47882     md-dialog.chanSpy-dialog .error-list .error {
47883       background-color: rgba(244, 67, 54, 0.08);
47884       border: 1px solid rgba(244, 67, 54, 0.12);
47885       padding-left: 16px;
47886       margin-top: 8px;
47887       border-radius: 2px; }
47888       md-dialog.chanSpy-dialog .error-list .error .message {
47889         font-weight: 500; }
47890       md-dialog.chanSpy-dialog .error-list .error .md-button {
47891         margin: 0; }
47892       md-dialog.chanSpy-dialog .error-list .error:last-child {
47893         margin-bottom: 30px; }
47894   md-dialog.chanSpy-dialog md-dialog-actions {
47895     position: relative;
47896     overflow-y: hidden;
47897     overflow-x: auto;
47898     justify-content: space-between;
47899     background-color: rgba(0, 0, 0, 0.03);
47900     border-top: 1px solid rgba(0, 0, 0, 0.12); }
47901
47902 @media screen and (max-width: 1280px) {
47903   md-dialog.task-dialog {
47904     width: 80%; } }
47905
47906 @media screen and (max-width: 960px) {
47907   md-dialog.task-dialog {
47908     width: 90%; } }
47909
47910 #voice-chanSpy .header {
47911   height: 120px;
47912   min-height: 120px;
47913   max-height: 120px; }
47914   #voice-chanSpy .header .goto-chanSpies-button {
47915     margin-right: 16px; }
47916   #voice-chanSpy .header .chanSpy-image {
47917     overflow: hidden;
47918     width: 56px;
47919     height: 56px;
47920     margin-right: 16px;
47921     border: 3px solid rgba(0, 0, 0, 0.12); }
47922     #voice-chanSpy .header .chanSpy-image img {
47923       height: 100%;
47924       width: auto;
47925       max-width: none; }
47926   #voice-chanSpy .header .subtitle {
47927     margin: 6px 0 0 0; }
47928
47929 #voice-chanSpy .chanSpy-detail-form-container {
47930   padding: 24px;
47931   margin-bottom: 24px; }
47932   #voice-chanSpy .chanSpy-detail-form-container .hint {
47933     font-size: 12px;
47934     line-height: 20px;
47935     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
47936     /* Set our own color */
47937     color: grey; }
47938   #voice-chanSpy .chanSpy-detail-form-container .handle {
47939     cursor: move; }
47940   #voice-chanSpy .chanSpy-detail-form-container md-input-container md-switch {
47941     margin: 0px !important; }
47942   #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader {
47943     position: relative; }
47944     #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader.dropping .drop-text {
47945       display: flex; }
47946     #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader .drop-text {
47947       display: none;
47948       position: absolute;
47949       top: 0;
47950       right: 0;
47951       bottom: 0;
47952       left: 0;
47953       padding: 16px;
47954       text-align: center;
47955       border: 2px dashed rgba(0, 0, 0, 0.12);
47956       background: #FFFFFF;
47957       font-size: 20px;
47958       z-index: 100; }
47959     #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader .upload-button {
47960       margin-bottom: 16px; }
47961     #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader .chanSpy-image {
47962       position: relative;
47963       width: 200px;
47964       height: 200px;
47965       border: 1px solid rgba(0, 0, 0, 0.12);
47966       margin: 8px; }
47967       #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader .chanSpy-image.uploading .overlay {
47968         position: absolute;
47969         top: 0;
47970         right: 0;
47971         bottom: 0;
47972         left: 0;
47973         background: rgba(0, 0, 0, 0.87); }
47974       #voice-chanSpy .chanSpy-detail-form-container #chanSpy-image-uploader .chanSpy-image .media {
47975         max-height: 100%; }
47976
47977 #contexts {
47978   position: relative; }
47979   #contexts > .header {
47980     height: 76px;
47981     min-height: 76px;
47982     max-height: 76px; }
47983     #contexts > .header .logo .logo-icon {
47984       margin: 0 16px 0 0; }
47985     #contexts > .header .logo .logo-text {
47986       font-size: 24px; }
47987     #contexts > .header md-icon {
47988       color: #FFFFFF; }
47989     #contexts > .header .search-input-wrapper {
47990       position: relative; }
47991       #contexts > .header .search-input-wrapper label {
47992         padding-right: 4px;
47993         cursor: pointer; }
47994         #contexts > .header .search-input-wrapper label md-icon {
47995           color: rgba(255, 255, 255, 0.8); }
47996       #contexts > .header .search-input-wrapper md-input-container .md-errors-spacer {
47997         display: none; }
47998       #contexts > .header .search-input-wrapper md-input-container input {
47999         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
48000         color: rgba(255, 255, 255, 0.8);
48001         width: 240px; }
48002         #contexts > .header .search-input-wrapper md-input-container input::placeholder {
48003           color: rgba(255, 255, 255, 0.8); }
48004         #contexts > .header .search-input-wrapper md-input-container input:focus {
48005           border-bottom: 1px solid white;
48006           color: white; }
48007     #contexts > .header.selected-bar {
48008       position: absolute;
48009       top: 0;
48010       left: 0;
48011       right: 0;
48012       z-index: 999;
48013       background-image: none;
48014       opacity: 1 !important; }
48015       #contexts > .header.selected-bar .close-button-wrapper {
48016         width: 244px; }
48017   #contexts > .content {
48018     position: absolute;
48019     top: 76px;
48020     bottom: 0;
48021     right: 0;
48022     left: 0; }
48023     #contexts > .content .main {
48024       padding: 16px 90px 0 4px;
48025       position: absolute;
48026       top: 0;
48027       left: 24px;
48028       right: 0;
48029       bottom: 0; }
48030       #contexts > .content .main .no-results {
48031         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
48032   #contexts #add-context-button {
48033     position: fixed;
48034     bottom: 8px;
48035     right: 8px;
48036     padding: 0; }
48037
48038 md-dialog.context-dialog {
48039   max-width: 720px;
48040   width: 720px; }
48041   md-dialog.context-dialog md-dialog-content {
48042     display: block;
48043     position: relative; }
48044   md-dialog.context-dialog md-toolbar .title {
48045     font-size: 17px; }
48046   md-dialog.context-dialog md-input-container textarea {
48047     min-height: 150px; }
48048   md-dialog.context-dialog md-input-container .hint {
48049     font-size: 12px;
48050     line-height: 20px;
48051     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
48052     /* Set our own color */
48053     color: grey; }
48054   md-dialog.context-dialog md-input-container md-input-container md-switch {
48055     margin: 0px !important; }
48056   md-dialog.context-dialog .date-container {
48057     padding: 16px 0 24px 0; }
48058   md-dialog.context-dialog .error-list {
48059     font-size: 13px;
48060     padding-top: -40px; }
48061     md-dialog.context-dialog .error-list .error {
48062       background-color: rgba(244, 67, 54, 0.08);
48063       border: 1px solid rgba(244, 67, 54, 0.12);
48064       padding-left: 16px;
48065       margin-top: 8px;
48066       border-radius: 2px; }
48067       md-dialog.context-dialog .error-list .error .message {
48068         font-weight: 500; }
48069       md-dialog.context-dialog .error-list .error .md-button {
48070         margin: 0; }
48071       md-dialog.context-dialog .error-list .error:last-child {
48072         margin-bottom: 30px; }
48073   md-dialog.context-dialog md-dialog-actions {
48074     position: relative;
48075     overflow-y: hidden;
48076     overflow-x: auto;
48077     justify-content: space-between;
48078     background-color: rgba(0, 0, 0, 0.03);
48079     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48080
48081 @media screen and (max-width: 1280px) {
48082   md-dialog.task-dialog {
48083     width: 80%; } }
48084
48085 @media screen and (max-width: 960px) {
48086   md-dialog.task-dialog {
48087     width: 90%; } }
48088
48089 md-dialog.inboundroute-dialog {
48090   max-width: 720px;
48091   width: 720px; }
48092   md-dialog.inboundroute-dialog md-dialog-content {
48093     display: block;
48094     position: relative; }
48095   md-dialog.inboundroute-dialog md-toolbar .title {
48096     font-size: 17px; }
48097   md-dialog.inboundroute-dialog md-input-container textarea {
48098     min-height: 150px; }
48099   md-dialog.inboundroute-dialog md-input-container .hint {
48100     font-size: 12px;
48101     line-height: 20px;
48102     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
48103     /* Set our own color */
48104     color: grey; }
48105   md-dialog.inboundroute-dialog md-input-container md-input-container md-switch {
48106     margin: 0px !important; }
48107   md-dialog.inboundroute-dialog .date-container {
48108     padding: 16px 0 24px 0; }
48109   md-dialog.inboundroute-dialog .error-list {
48110     font-size: 13px;
48111     padding-top: -40px; }
48112     md-dialog.inboundroute-dialog .error-list .error {
48113       background-color: rgba(244, 67, 54, 0.08);
48114       border: 1px solid rgba(244, 67, 54, 0.12);
48115       padding-left: 16px;
48116       margin-top: 8px;
48117       border-radius: 2px; }
48118       md-dialog.inboundroute-dialog .error-list .error .message {
48119         font-weight: 500; }
48120       md-dialog.inboundroute-dialog .error-list .error .md-button {
48121         margin: 0; }
48122       md-dialog.inboundroute-dialog .error-list .error:last-child {
48123         margin-bottom: 30px; }
48124   md-dialog.inboundroute-dialog md-dialog-actions {
48125     position: relative;
48126     overflow-y: hidden;
48127     overflow-x: auto;
48128     justify-content: space-between;
48129     background-color: rgba(0, 0, 0, 0.03);
48130     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48131
48132 @media screen and (max-width: 1280px) {
48133   md-dialog.task-dialog {
48134     width: 80%; } }
48135
48136 @media screen and (max-width: 960px) {
48137   md-dialog.task-dialog {
48138     width: 90%; } }
48139
48140 md-dialog.inboundroute-dialog {
48141   max-width: 720px;
48142   width: 720px; }
48143   md-dialog.inboundroute-dialog md-dialog-content {
48144     display: block;
48145     position: relative; }
48146   md-dialog.inboundroute-dialog md-toolbar .title {
48147     font-size: 17px; }
48148   md-dialog.inboundroute-dialog md-input-container textarea {
48149     min-height: 150px; }
48150   md-dialog.inboundroute-dialog .date-container {
48151     padding: 16px 0 24px 0; }
48152   md-dialog.inboundroute-dialog .error-list {
48153     font-size: 13px;
48154     padding-top: -40px; }
48155     md-dialog.inboundroute-dialog .error-list .error {
48156       background-color: rgba(244, 67, 54, 0.08);
48157       border: 1px solid rgba(244, 67, 54, 0.12);
48158       padding-left: 16px;
48159       margin-top: 8px;
48160       border-radius: 2px; }
48161       md-dialog.inboundroute-dialog .error-list .error .message {
48162         font-weight: 500; }
48163       md-dialog.inboundroute-dialog .error-list .error .md-button {
48164         margin: 0; }
48165       md-dialog.inboundroute-dialog .error-list .error:last-child {
48166         margin-bottom: 30px; }
48167   md-dialog.inboundroute-dialog md-dialog-actions {
48168     position: relative;
48169     overflow-y: hidden;
48170     overflow-x: auto;
48171     justify-content: space-between;
48172     background-color: rgba(0, 0, 0, 0.03);
48173     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48174
48175 @media screen and (max-width: 1280px) {
48176   md-dialog.task-dialog {
48177     width: 80%; } }
48178
48179 @media screen and (max-width: 960px) {
48180   md-dialog.task-dialog {
48181     width: 90%; } }
48182
48183 md-dialog.inboundroute-dialog {
48184   max-width: 720px;
48185   width: 720px; }
48186   md-dialog.inboundroute-dialog md-dialog-content {
48187     display: block;
48188     position: relative; }
48189   md-dialog.inboundroute-dialog md-toolbar .title {
48190     font-size: 17px; }
48191   md-dialog.inboundroute-dialog md-input-container textarea {
48192     min-height: 150px; }
48193   md-dialog.inboundroute-dialog .date-container {
48194     padding: 16px 0 24px 0; }
48195   md-dialog.inboundroute-dialog .error-list {
48196     font-size: 13px;
48197     padding-top: -40px; }
48198     md-dialog.inboundroute-dialog .error-list .error {
48199       background-color: rgba(244, 67, 54, 0.08);
48200       border: 1px solid rgba(244, 67, 54, 0.12);
48201       padding-left: 16px;
48202       margin-top: 8px;
48203       border-radius: 2px; }
48204       md-dialog.inboundroute-dialog .error-list .error .message {
48205         font-weight: 500; }
48206       md-dialog.inboundroute-dialog .error-list .error .md-button {
48207         margin: 0; }
48208       md-dialog.inboundroute-dialog .error-list .error:last-child {
48209         margin-bottom: 30px; }
48210   md-dialog.inboundroute-dialog md-dialog-actions {
48211     position: relative;
48212     overflow-y: hidden;
48213     overflow-x: auto;
48214     justify-content: space-between;
48215     background-color: rgba(0, 0, 0, 0.03);
48216     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48217
48218 @media screen and (max-width: 1280px) {
48219   md-dialog.task-dialog {
48220     width: 80%; } }
48221
48222 @media screen and (max-width: 960px) {
48223   md-dialog.task-dialog {
48224     width: 90%; } }
48225
48226 md-dialog.inboundroute-dialog {
48227   max-width: 720px;
48228   width: 720px; }
48229   md-dialog.inboundroute-dialog md-dialog-content {
48230     display: block;
48231     position: relative; }
48232   md-dialog.inboundroute-dialog md-toolbar .title {
48233     font-size: 17px; }
48234   md-dialog.inboundroute-dialog md-input-container textarea {
48235     min-height: 150px; }
48236   md-dialog.inboundroute-dialog .date-container {
48237     padding: 16px 0 24px 0; }
48238   md-dialog.inboundroute-dialog .error-list {
48239     font-size: 13px;
48240     padding-top: -40px; }
48241     md-dialog.inboundroute-dialog .error-list .error {
48242       background-color: rgba(244, 67, 54, 0.08);
48243       border: 1px solid rgba(244, 67, 54, 0.12);
48244       padding-left: 16px;
48245       margin-top: 8px;
48246       border-radius: 2px; }
48247       md-dialog.inboundroute-dialog .error-list .error .message {
48248         font-weight: 500; }
48249       md-dialog.inboundroute-dialog .error-list .error .md-button {
48250         margin: 0; }
48251       md-dialog.inboundroute-dialog .error-list .error:last-child {
48252         margin-bottom: 30px; }
48253   md-dialog.inboundroute-dialog md-dialog-actions {
48254     position: relative;
48255     overflow-y: hidden;
48256     overflow-x: auto;
48257     justify-content: space-between;
48258     background-color: rgba(0, 0, 0, 0.03);
48259     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48260
48261 @media screen and (max-width: 1280px) {
48262   md-dialog.task-dialog {
48263     width: 80%; } }
48264
48265 @media screen and (max-width: 960px) {
48266   md-dialog.task-dialog {
48267     width: 90%; } }
48268
48269 md-dialog.inboundroute-dialog {
48270   max-width: 720px;
48271   width: 720px; }
48272   md-dialog.inboundroute-dialog md-dialog-content {
48273     display: block;
48274     position: relative; }
48275   md-dialog.inboundroute-dialog md-toolbar .title {
48276     font-size: 17px; }
48277   md-dialog.inboundroute-dialog md-input-container textarea {
48278     min-height: 150px; }
48279   md-dialog.inboundroute-dialog .date-container {
48280     padding: 16px 0 24px 0; }
48281   md-dialog.inboundroute-dialog .error-list {
48282     font-size: 13px;
48283     padding-top: -40px; }
48284     md-dialog.inboundroute-dialog .error-list .error {
48285       background-color: rgba(244, 67, 54, 0.08);
48286       border: 1px solid rgba(244, 67, 54, 0.12);
48287       padding-left: 16px;
48288       margin-top: 8px;
48289       border-radius: 2px; }
48290       md-dialog.inboundroute-dialog .error-list .error .message {
48291         font-weight: 500; }
48292       md-dialog.inboundroute-dialog .error-list .error .md-button {
48293         margin: 0; }
48294       md-dialog.inboundroute-dialog .error-list .error:last-child {
48295         margin-bottom: 30px; }
48296   md-dialog.inboundroute-dialog md-dialog-actions {
48297     position: relative;
48298     overflow-y: hidden;
48299     overflow-x: auto;
48300     justify-content: space-between;
48301     background-color: rgba(0, 0, 0, 0.03);
48302     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48303
48304 @media screen and (max-width: 1280px) {
48305   md-dialog.task-dialog {
48306     width: 80%; } }
48307
48308 @media screen and (max-width: 960px) {
48309   md-dialog.task-dialog {
48310     width: 90%; } }
48311
48312 md-dialog.inboundroute-dialog {
48313   max-width: 720px;
48314   width: 720px; }
48315   md-dialog.inboundroute-dialog md-dialog-content {
48316     display: block;
48317     position: relative; }
48318   md-dialog.inboundroute-dialog md-toolbar .title {
48319     font-size: 17px; }
48320   md-dialog.inboundroute-dialog md-input-container textarea {
48321     min-height: 150px; }
48322   md-dialog.inboundroute-dialog .date-container {
48323     padding: 16px 0 24px 0; }
48324   md-dialog.inboundroute-dialog .error-list {
48325     font-size: 13px;
48326     padding-top: -40px; }
48327     md-dialog.inboundroute-dialog .error-list .error {
48328       background-color: rgba(244, 67, 54, 0.08);
48329       border: 1px solid rgba(244, 67, 54, 0.12);
48330       padding-left: 16px;
48331       margin-top: 8px;
48332       border-radius: 2px; }
48333       md-dialog.inboundroute-dialog .error-list .error .message {
48334         font-weight: 500; }
48335       md-dialog.inboundroute-dialog .error-list .error .md-button {
48336         margin: 0; }
48337       md-dialog.inboundroute-dialog .error-list .error:last-child {
48338         margin-bottom: 30px; }
48339   md-dialog.inboundroute-dialog md-dialog-actions {
48340     position: relative;
48341     overflow-y: hidden;
48342     overflow-x: auto;
48343     justify-content: space-between;
48344     background-color: rgba(0, 0, 0, 0.03);
48345     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48346
48347 @media screen and (max-width: 1280px) {
48348   md-dialog.task-dialog {
48349     width: 80%; } }
48350
48351 @media screen and (max-width: 960px) {
48352   md-dialog.task-dialog {
48353     width: 90%; } }
48354
48355 md-dialog.inboundroute-dialog {
48356   max-width: 720px;
48357   width: 720px; }
48358   md-dialog.inboundroute-dialog md-dialog-content {
48359     display: block;
48360     position: relative; }
48361   md-dialog.inboundroute-dialog md-toolbar .title {
48362     font-size: 17px; }
48363   md-dialog.inboundroute-dialog md-input-container textarea {
48364     min-height: 150px; }
48365   md-dialog.inboundroute-dialog .date-container {
48366     padding: 16px 0 24px 0; }
48367   md-dialog.inboundroute-dialog .error-list {
48368     font-size: 13px;
48369     padding-top: -40px; }
48370     md-dialog.inboundroute-dialog .error-list .error {
48371       background-color: rgba(244, 67, 54, 0.08);
48372       border: 1px solid rgba(244, 67, 54, 0.12);
48373       padding-left: 16px;
48374       margin-top: 8px;
48375       border-radius: 2px; }
48376       md-dialog.inboundroute-dialog .error-list .error .message {
48377         font-weight: 500; }
48378       md-dialog.inboundroute-dialog .error-list .error .md-button {
48379         margin: 0; }
48380       md-dialog.inboundroute-dialog .error-list .error:last-child {
48381         margin-bottom: 30px; }
48382   md-dialog.inboundroute-dialog md-dialog-actions {
48383     position: relative;
48384     overflow-y: hidden;
48385     overflow-x: auto;
48386     justify-content: space-between;
48387     background-color: rgba(0, 0, 0, 0.03);
48388     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48389
48390 @media screen and (max-width: 1280px) {
48391   md-dialog.task-dialog {
48392     width: 80%; } }
48393
48394 @media screen and (max-width: 960px) {
48395   md-dialog.task-dialog {
48396     width: 90%; } }
48397
48398 md-dialog.inboundroute-dialog {
48399   max-width: 720px;
48400   width: 720px; }
48401   md-dialog.inboundroute-dialog md-dialog-content {
48402     display: block;
48403     position: relative; }
48404   md-dialog.inboundroute-dialog md-toolbar .title {
48405     font-size: 17px; }
48406   md-dialog.inboundroute-dialog md-input-container textarea {
48407     min-height: 150px; }
48408   md-dialog.inboundroute-dialog .date-container {
48409     padding: 16px 0 24px 0; }
48410   md-dialog.inboundroute-dialog .error-list {
48411     font-size: 13px;
48412     padding-top: -40px; }
48413     md-dialog.inboundroute-dialog .error-list .error {
48414       background-color: rgba(244, 67, 54, 0.08);
48415       border: 1px solid rgba(244, 67, 54, 0.12);
48416       padding-left: 16px;
48417       margin-top: 8px;
48418       border-radius: 2px; }
48419       md-dialog.inboundroute-dialog .error-list .error .message {
48420         font-weight: 500; }
48421       md-dialog.inboundroute-dialog .error-list .error .md-button {
48422         margin: 0; }
48423       md-dialog.inboundroute-dialog .error-list .error:last-child {
48424         margin-bottom: 30px; }
48425   md-dialog.inboundroute-dialog md-dialog-actions {
48426     position: relative;
48427     overflow-y: hidden;
48428     overflow-x: auto;
48429     justify-content: space-between;
48430     background-color: rgba(0, 0, 0, 0.03);
48431     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48432
48433 @media screen and (max-width: 1280px) {
48434   md-dialog.task-dialog {
48435     width: 80%; } }
48436
48437 @media screen and (max-width: 960px) {
48438   md-dialog.task-dialog {
48439     width: 90%; } }
48440
48441 md-dialog.inboundroute-dialog {
48442   max-width: 720px;
48443   width: 720px; }
48444   md-dialog.inboundroute-dialog md-dialog-content {
48445     display: block;
48446     position: relative; }
48447   md-dialog.inboundroute-dialog md-toolbar .title {
48448     font-size: 17px; }
48449   md-dialog.inboundroute-dialog md-input-container textarea {
48450     min-height: 150px; }
48451   md-dialog.inboundroute-dialog .date-container {
48452     padding: 16px 0 24px 0; }
48453   md-dialog.inboundroute-dialog .error-list {
48454     font-size: 13px;
48455     padding-top: -40px; }
48456     md-dialog.inboundroute-dialog .error-list .error {
48457       background-color: rgba(244, 67, 54, 0.08);
48458       border: 1px solid rgba(244, 67, 54, 0.12);
48459       padding-left: 16px;
48460       margin-top: 8px;
48461       border-radius: 2px; }
48462       md-dialog.inboundroute-dialog .error-list .error .message {
48463         font-weight: 500; }
48464       md-dialog.inboundroute-dialog .error-list .error .md-button {
48465         margin: 0; }
48466       md-dialog.inboundroute-dialog .error-list .error:last-child {
48467         margin-bottom: 30px; }
48468   md-dialog.inboundroute-dialog md-dialog-actions {
48469     position: relative;
48470     overflow-y: hidden;
48471     overflow-x: auto;
48472     justify-content: space-between;
48473     background-color: rgba(0, 0, 0, 0.03);
48474     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48475
48476 @media screen and (max-width: 1280px) {
48477   md-dialog.task-dialog {
48478     width: 80%; } }
48479
48480 @media screen and (max-width: 960px) {
48481   md-dialog.task-dialog {
48482     width: 90%; } }
48483
48484 md-dialog.inboundroute-dialog {
48485   max-width: 720px;
48486   width: 720px; }
48487   md-dialog.inboundroute-dialog md-dialog-content {
48488     display: block;
48489     position: relative; }
48490   md-dialog.inboundroute-dialog md-toolbar .title {
48491     font-size: 17px; }
48492   md-dialog.inboundroute-dialog md-input-container textarea {
48493     min-height: 150px; }
48494   md-dialog.inboundroute-dialog .date-container {
48495     padding: 16px 0 24px 0; }
48496   md-dialog.inboundroute-dialog .error-list {
48497     font-size: 13px;
48498     padding-top: -40px; }
48499     md-dialog.inboundroute-dialog .error-list .error {
48500       background-color: rgba(244, 67, 54, 0.08);
48501       border: 1px solid rgba(244, 67, 54, 0.12);
48502       padding-left: 16px;
48503       margin-top: 8px;
48504       border-radius: 2px; }
48505       md-dialog.inboundroute-dialog .error-list .error .message {
48506         font-weight: 500; }
48507       md-dialog.inboundroute-dialog .error-list .error .md-button {
48508         margin: 0; }
48509       md-dialog.inboundroute-dialog .error-list .error:last-child {
48510         margin-bottom: 30px; }
48511   md-dialog.inboundroute-dialog md-dialog-actions {
48512     position: relative;
48513     overflow-y: hidden;
48514     overflow-x: auto;
48515     justify-content: space-between;
48516     background-color: rgba(0, 0, 0, 0.03);
48517     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48518
48519 @media screen and (max-width: 1280px) {
48520   md-dialog.task-dialog {
48521     width: 80%; } }
48522
48523 @media screen and (max-width: 960px) {
48524   md-dialog.task-dialog {
48525     width: 90%; } }
48526
48527 md-dialog.inboundroute-dialog {
48528   max-width: 720px;
48529   width: 720px; }
48530   md-dialog.inboundroute-dialog md-dialog-content {
48531     display: block;
48532     position: relative; }
48533   md-dialog.inboundroute-dialog md-toolbar .title {
48534     font-size: 17px; }
48535   md-dialog.inboundroute-dialog md-input-container textarea {
48536     min-height: 150px; }
48537   md-dialog.inboundroute-dialog .date-container {
48538     padding: 16px 0 24px 0; }
48539   md-dialog.inboundroute-dialog .error-list {
48540     font-size: 13px;
48541     padding-top: -40px; }
48542     md-dialog.inboundroute-dialog .error-list .error {
48543       background-color: rgba(244, 67, 54, 0.08);
48544       border: 1px solid rgba(244, 67, 54, 0.12);
48545       padding-left: 16px;
48546       margin-top: 8px;
48547       border-radius: 2px; }
48548       md-dialog.inboundroute-dialog .error-list .error .message {
48549         font-weight: 500; }
48550       md-dialog.inboundroute-dialog .error-list .error .md-button {
48551         margin: 0; }
48552       md-dialog.inboundroute-dialog .error-list .error:last-child {
48553         margin-bottom: 30px; }
48554   md-dialog.inboundroute-dialog md-dialog-actions {
48555     position: relative;
48556     overflow-y: hidden;
48557     overflow-x: auto;
48558     justify-content: space-between;
48559     background-color: rgba(0, 0, 0, 0.03);
48560     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48561
48562 @media screen and (max-width: 1280px) {
48563   md-dialog.task-dialog {
48564     width: 80%; } }
48565
48566 @media screen and (max-width: 960px) {
48567   md-dialog.task-dialog {
48568     width: 90%; } }
48569
48570 md-dialog.inboundroute-dialog {
48571   max-width: 720px;
48572   width: 720px; }
48573   md-dialog.inboundroute-dialog md-dialog-content {
48574     display: block;
48575     position: relative; }
48576   md-dialog.inboundroute-dialog md-toolbar .title {
48577     font-size: 17px; }
48578   md-dialog.inboundroute-dialog md-input-container textarea {
48579     min-height: 150px; }
48580   md-dialog.inboundroute-dialog .date-container {
48581     padding: 16px 0 24px 0; }
48582   md-dialog.inboundroute-dialog .error-list {
48583     font-size: 13px;
48584     padding-top: -40px; }
48585     md-dialog.inboundroute-dialog .error-list .error {
48586       background-color: rgba(244, 67, 54, 0.08);
48587       border: 1px solid rgba(244, 67, 54, 0.12);
48588       padding-left: 16px;
48589       margin-top: 8px;
48590       border-radius: 2px; }
48591       md-dialog.inboundroute-dialog .error-list .error .message {
48592         font-weight: 500; }
48593       md-dialog.inboundroute-dialog .error-list .error .md-button {
48594         margin: 0; }
48595       md-dialog.inboundroute-dialog .error-list .error:last-child {
48596         margin-bottom: 30px; }
48597   md-dialog.inboundroute-dialog md-dialog-actions {
48598     position: relative;
48599     overflow-y: hidden;
48600     overflow-x: auto;
48601     justify-content: space-between;
48602     background-color: rgba(0, 0, 0, 0.03);
48603     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48604
48605 @media screen and (max-width: 1280px) {
48606   md-dialog.task-dialog {
48607     width: 80%; } }
48608
48609 @media screen and (max-width: 960px) {
48610   md-dialog.task-dialog {
48611     width: 90%; } }
48612
48613 md-dialog.inboundroute-dialog {
48614   max-width: 720px;
48615   width: 720px; }
48616   md-dialog.inboundroute-dialog md-dialog-content {
48617     display: block;
48618     position: relative; }
48619   md-dialog.inboundroute-dialog md-toolbar .title {
48620     font-size: 17px; }
48621   md-dialog.inboundroute-dialog md-input-container textarea {
48622     min-height: 150px; }
48623   md-dialog.inboundroute-dialog .date-container {
48624     padding: 16px 0 24px 0; }
48625   md-dialog.inboundroute-dialog .error-list {
48626     font-size: 13px;
48627     padding-top: -40px; }
48628     md-dialog.inboundroute-dialog .error-list .error {
48629       background-color: rgba(244, 67, 54, 0.08);
48630       border: 1px solid rgba(244, 67, 54, 0.12);
48631       padding-left: 16px;
48632       margin-top: 8px;
48633       border-radius: 2px; }
48634       md-dialog.inboundroute-dialog .error-list .error .message {
48635         font-weight: 500; }
48636       md-dialog.inboundroute-dialog .error-list .error .md-button {
48637         margin: 0; }
48638       md-dialog.inboundroute-dialog .error-list .error:last-child {
48639         margin-bottom: 30px; }
48640   md-dialog.inboundroute-dialog md-dialog-actions {
48641     position: relative;
48642     overflow-y: hidden;
48643     overflow-x: auto;
48644     justify-content: space-between;
48645     background-color: rgba(0, 0, 0, 0.03);
48646     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48647
48648 @media screen and (max-width: 1280px) {
48649   md-dialog.task-dialog {
48650     width: 80%; } }
48651
48652 @media screen and (max-width: 960px) {
48653   md-dialog.task-dialog {
48654     width: 90%; } }
48655
48656 md-dialog.inboundroute-dialog {
48657   max-width: 720px;
48658   width: 720px; }
48659   md-dialog.inboundroute-dialog md-dialog-content {
48660     display: block;
48661     position: relative; }
48662   md-dialog.inboundroute-dialog md-toolbar .title {
48663     font-size: 17px; }
48664   md-dialog.inboundroute-dialog md-input-container textarea {
48665     min-height: 150px; }
48666   md-dialog.inboundroute-dialog .date-container {
48667     padding: 16px 0 24px 0; }
48668   md-dialog.inboundroute-dialog .error-list {
48669     font-size: 13px;
48670     padding-top: -40px; }
48671     md-dialog.inboundroute-dialog .error-list .error {
48672       background-color: rgba(244, 67, 54, 0.08);
48673       border: 1px solid rgba(244, 67, 54, 0.12);
48674       padding-left: 16px;
48675       margin-top: 8px;
48676       border-radius: 2px; }
48677       md-dialog.inboundroute-dialog .error-list .error .message {
48678         font-weight: 500; }
48679       md-dialog.inboundroute-dialog .error-list .error .md-button {
48680         margin: 0; }
48681       md-dialog.inboundroute-dialog .error-list .error:last-child {
48682         margin-bottom: 30px; }
48683   md-dialog.inboundroute-dialog md-dialog-actions {
48684     position: relative;
48685     overflow-y: hidden;
48686     overflow-x: auto;
48687     justify-content: space-between;
48688     background-color: rgba(0, 0, 0, 0.03);
48689     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48690
48691 @media screen and (max-width: 1280px) {
48692   md-dialog.task-dialog {
48693     width: 80%; } }
48694
48695 @media screen and (max-width: 960px) {
48696   md-dialog.task-dialog {
48697     width: 90%; } }
48698
48699 #voice-inboundroute .header {
48700   height: 120px;
48701   min-height: 120px;
48702   max-height: 120px; }
48703   #voice-inboundroute .header .goto-inboundroutes-button {
48704     margin-right: 16px; }
48705   #voice-inboundroute .header .inboundroute-image {
48706     overflow: hidden;
48707     width: 56px;
48708     height: 56px;
48709     margin-right: 16px;
48710     border: 3px solid rgba(0, 0, 0, 0.12); }
48711     #voice-inboundroute .header .inboundroute-image img {
48712       height: 100%;
48713       width: auto;
48714       max-width: none; }
48715   #voice-inboundroute .header .subtitle {
48716     margin: 6px 0 0 0; }
48717
48718 #voice-inboundroute .inboundroute-detail-form-container {
48719   padding: 24px;
48720   margin-bottom: 24px; }
48721   #voice-inboundroute .inboundroute-detail-form-container .hint {
48722     font-size: 12px;
48723     line-height: 20px;
48724     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
48725     /* Set our own color */
48726     color: grey; }
48727   #voice-inboundroute .inboundroute-detail-form-container .handle {
48728     cursor: move; }
48729   #voice-inboundroute .inboundroute-detail-form-container md-input-container md-switch {
48730     margin: 0px !important; }
48731   #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader {
48732     position: relative; }
48733     #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader.dropping .drop-text {
48734       display: flex; }
48735     #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader .drop-text {
48736       display: none;
48737       position: absolute;
48738       top: 0;
48739       right: 0;
48740       bottom: 0;
48741       left: 0;
48742       padding: 16px;
48743       text-align: center;
48744       border: 2px dashed rgba(0, 0, 0, 0.12);
48745       background: #FFFFFF;
48746       font-size: 20px;
48747       z-index: 100; }
48748     #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader .upload-button {
48749       margin-bottom: 16px; }
48750     #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader .inboundroute-image {
48751       position: relative;
48752       width: 200px;
48753       height: 200px;
48754       border: 1px solid rgba(0, 0, 0, 0.12);
48755       margin: 8px; }
48756       #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader .inboundroute-image.uploading .overlay {
48757         position: absolute;
48758         top: 0;
48759         right: 0;
48760         bottom: 0;
48761         left: 0;
48762         background: rgba(0, 0, 0, 0.87); }
48763       #voice-inboundroute .inboundroute-detail-form-container #inboundroute-image-uploader .inboundroute-image .media {
48764         max-height: 100%; }
48765
48766 #inboundroutes {
48767   position: relative; }
48768   #inboundroutes > .header {
48769     height: 76px;
48770     min-height: 76px;
48771     max-height: 76px; }
48772     #inboundroutes > .header .logo .logo-icon {
48773       margin: 0 16px 0 0; }
48774     #inboundroutes > .header .logo .logo-text {
48775       font-size: 24px; }
48776     #inboundroutes > .header md-icon {
48777       color: #FFFFFF; }
48778     #inboundroutes > .header .search-input-wrapper {
48779       position: relative; }
48780       #inboundroutes > .header .search-input-wrapper label {
48781         padding-right: 4px;
48782         cursor: pointer; }
48783         #inboundroutes > .header .search-input-wrapper label md-icon {
48784           color: rgba(255, 255, 255, 0.8); }
48785       #inboundroutes > .header .search-input-wrapper md-input-container .md-errors-spacer {
48786         display: none; }
48787       #inboundroutes > .header .search-input-wrapper md-input-container input {
48788         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
48789         color: rgba(255, 255, 255, 0.8);
48790         width: 240px; }
48791         #inboundroutes > .header .search-input-wrapper md-input-container input::placeholder {
48792           color: rgba(255, 255, 255, 0.8); }
48793         #inboundroutes > .header .search-input-wrapper md-input-container input:focus {
48794           border-bottom: 1px solid white;
48795           color: white; }
48796     #inboundroutes > .header.selected-bar {
48797       position: absolute;
48798       top: 0;
48799       left: 0;
48800       right: 0;
48801       z-index: 999;
48802       background-image: none;
48803       opacity: 1 !important; }
48804       #inboundroutes > .header.selected-bar .close-button-wrapper {
48805         width: 244px; }
48806   #inboundroutes > .content {
48807     position: absolute;
48808     top: 76px;
48809     bottom: 0;
48810     right: 0;
48811     left: 0; }
48812     #inboundroutes > .content .main {
48813       padding: 16px 90px 0 4px;
48814       position: absolute;
48815       top: 0;
48816       left: 24px;
48817       right: 0;
48818       bottom: 0; }
48819       #inboundroutes > .content .main .no-results {
48820         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
48821   #inboundroutes #add-inboundroute-button {
48822     position: fixed;
48823     bottom: 8px;
48824     right: 8px;
48825     padding: 0; }
48826
48827 md-dialog.internalroute-dialog {
48828   max-width: 720px;
48829   width: 720px; }
48830   md-dialog.internalroute-dialog md-dialog-content {
48831     display: block;
48832     position: relative; }
48833   md-dialog.internalroute-dialog md-toolbar .title {
48834     font-size: 17px; }
48835   md-dialog.internalroute-dialog md-input-container textarea {
48836     min-height: 150px; }
48837   md-dialog.internalroute-dialog md-input-container .hint {
48838     font-size: 12px;
48839     line-height: 20px;
48840     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
48841     /* Set our own color */
48842     color: grey; }
48843   md-dialog.internalroute-dialog md-input-container md-input-container md-switch {
48844     margin: 0px !important; }
48845   md-dialog.internalroute-dialog .date-container {
48846     padding: 16px 0 24px 0; }
48847   md-dialog.internalroute-dialog .error-list {
48848     font-size: 13px;
48849     padding-top: -40px; }
48850     md-dialog.internalroute-dialog .error-list .error {
48851       background-color: rgba(244, 67, 54, 0.08);
48852       border: 1px solid rgba(244, 67, 54, 0.12);
48853       padding-left: 16px;
48854       margin-top: 8px;
48855       border-radius: 2px; }
48856       md-dialog.internalroute-dialog .error-list .error .message {
48857         font-weight: 500; }
48858       md-dialog.internalroute-dialog .error-list .error .md-button {
48859         margin: 0; }
48860       md-dialog.internalroute-dialog .error-list .error:last-child {
48861         margin-bottom: 30px; }
48862   md-dialog.internalroute-dialog md-dialog-actions {
48863     position: relative;
48864     overflow-y: hidden;
48865     overflow-x: auto;
48866     justify-content: space-between;
48867     background-color: rgba(0, 0, 0, 0.03);
48868     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48869
48870 @media screen and (max-width: 1280px) {
48871   md-dialog.task-dialog {
48872     width: 80%; } }
48873
48874 @media screen and (max-width: 960px) {
48875   md-dialog.task-dialog {
48876     width: 90%; } }
48877
48878 md-dialog.internalroute-dialog {
48879   max-width: 720px;
48880   width: 720px; }
48881   md-dialog.internalroute-dialog md-dialog-content {
48882     display: block;
48883     position: relative; }
48884   md-dialog.internalroute-dialog md-toolbar .title {
48885     font-size: 17px; }
48886   md-dialog.internalroute-dialog md-input-container textarea {
48887     min-height: 150px; }
48888   md-dialog.internalroute-dialog .date-container {
48889     padding: 16px 0 24px 0; }
48890   md-dialog.internalroute-dialog .error-list {
48891     font-size: 13px;
48892     padding-top: -40px; }
48893     md-dialog.internalroute-dialog .error-list .error {
48894       background-color: rgba(244, 67, 54, 0.08);
48895       border: 1px solid rgba(244, 67, 54, 0.12);
48896       padding-left: 16px;
48897       margin-top: 8px;
48898       border-radius: 2px; }
48899       md-dialog.internalroute-dialog .error-list .error .message {
48900         font-weight: 500; }
48901       md-dialog.internalroute-dialog .error-list .error .md-button {
48902         margin: 0; }
48903       md-dialog.internalroute-dialog .error-list .error:last-child {
48904         margin-bottom: 30px; }
48905   md-dialog.internalroute-dialog md-dialog-actions {
48906     position: relative;
48907     overflow-y: hidden;
48908     overflow-x: auto;
48909     justify-content: space-between;
48910     background-color: rgba(0, 0, 0, 0.03);
48911     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48912
48913 @media screen and (max-width: 1280px) {
48914   md-dialog.task-dialog {
48915     width: 80%; } }
48916
48917 @media screen and (max-width: 960px) {
48918   md-dialog.task-dialog {
48919     width: 90%; } }
48920
48921 md-dialog.internalroute-dialog {
48922   max-width: 720px;
48923   width: 720px; }
48924   md-dialog.internalroute-dialog md-dialog-content {
48925     display: block;
48926     position: relative; }
48927   md-dialog.internalroute-dialog md-toolbar .title {
48928     font-size: 17px; }
48929   md-dialog.internalroute-dialog md-input-container textarea {
48930     min-height: 150px; }
48931   md-dialog.internalroute-dialog .date-container {
48932     padding: 16px 0 24px 0; }
48933   md-dialog.internalroute-dialog .error-list {
48934     font-size: 13px;
48935     padding-top: -40px; }
48936     md-dialog.internalroute-dialog .error-list .error {
48937       background-color: rgba(244, 67, 54, 0.08);
48938       border: 1px solid rgba(244, 67, 54, 0.12);
48939       padding-left: 16px;
48940       margin-top: 8px;
48941       border-radius: 2px; }
48942       md-dialog.internalroute-dialog .error-list .error .message {
48943         font-weight: 500; }
48944       md-dialog.internalroute-dialog .error-list .error .md-button {
48945         margin: 0; }
48946       md-dialog.internalroute-dialog .error-list .error:last-child {
48947         margin-bottom: 30px; }
48948   md-dialog.internalroute-dialog md-dialog-actions {
48949     position: relative;
48950     overflow-y: hidden;
48951     overflow-x: auto;
48952     justify-content: space-between;
48953     background-color: rgba(0, 0, 0, 0.03);
48954     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48955
48956 @media screen and (max-width: 1280px) {
48957   md-dialog.task-dialog {
48958     width: 80%; } }
48959
48960 @media screen and (max-width: 960px) {
48961   md-dialog.task-dialog {
48962     width: 90%; } }
48963
48964 md-dialog.internalroute-dialog {
48965   max-width: 720px;
48966   width: 720px; }
48967   md-dialog.internalroute-dialog md-dialog-content {
48968     display: block;
48969     position: relative; }
48970   md-dialog.internalroute-dialog md-toolbar .title {
48971     font-size: 17px; }
48972   md-dialog.internalroute-dialog md-input-container textarea {
48973     min-height: 150px; }
48974   md-dialog.internalroute-dialog .date-container {
48975     padding: 16px 0 24px 0; }
48976   md-dialog.internalroute-dialog .error-list {
48977     font-size: 13px;
48978     padding-top: -40px; }
48979     md-dialog.internalroute-dialog .error-list .error {
48980       background-color: rgba(244, 67, 54, 0.08);
48981       border: 1px solid rgba(244, 67, 54, 0.12);
48982       padding-left: 16px;
48983       margin-top: 8px;
48984       border-radius: 2px; }
48985       md-dialog.internalroute-dialog .error-list .error .message {
48986         font-weight: 500; }
48987       md-dialog.internalroute-dialog .error-list .error .md-button {
48988         margin: 0; }
48989       md-dialog.internalroute-dialog .error-list .error:last-child {
48990         margin-bottom: 30px; }
48991   md-dialog.internalroute-dialog md-dialog-actions {
48992     position: relative;
48993     overflow-y: hidden;
48994     overflow-x: auto;
48995     justify-content: space-between;
48996     background-color: rgba(0, 0, 0, 0.03);
48997     border-top: 1px solid rgba(0, 0, 0, 0.12); }
48998
48999 @media screen and (max-width: 1280px) {
49000   md-dialog.task-dialog {
49001     width: 80%; } }
49002
49003 @media screen and (max-width: 960px) {
49004   md-dialog.task-dialog {
49005     width: 90%; } }
49006
49007 md-dialog.internalroute-dialog {
49008   max-width: 720px;
49009   width: 720px; }
49010   md-dialog.internalroute-dialog md-dialog-content {
49011     display: block;
49012     position: relative; }
49013   md-dialog.internalroute-dialog md-toolbar .title {
49014     font-size: 17px; }
49015   md-dialog.internalroute-dialog md-input-container textarea {
49016     min-height: 150px; }
49017   md-dialog.internalroute-dialog .date-container {
49018     padding: 16px 0 24px 0; }
49019   md-dialog.internalroute-dialog .error-list {
49020     font-size: 13px;
49021     padding-top: -40px; }
49022     md-dialog.internalroute-dialog .error-list .error {
49023       background-color: rgba(244, 67, 54, 0.08);
49024       border: 1px solid rgba(244, 67, 54, 0.12);
49025       padding-left: 16px;
49026       margin-top: 8px;
49027       border-radius: 2px; }
49028       md-dialog.internalroute-dialog .error-list .error .message {
49029         font-weight: 500; }
49030       md-dialog.internalroute-dialog .error-list .error .md-button {
49031         margin: 0; }
49032       md-dialog.internalroute-dialog .error-list .error:last-child {
49033         margin-bottom: 30px; }
49034   md-dialog.internalroute-dialog md-dialog-actions {
49035     position: relative;
49036     overflow-y: hidden;
49037     overflow-x: auto;
49038     justify-content: space-between;
49039     background-color: rgba(0, 0, 0, 0.03);
49040     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49041
49042 @media screen and (max-width: 1280px) {
49043   md-dialog.task-dialog {
49044     width: 80%; } }
49045
49046 @media screen and (max-width: 960px) {
49047   md-dialog.task-dialog {
49048     width: 90%; } }
49049
49050 md-dialog.internalroute-dialog {
49051   max-width: 720px;
49052   width: 720px; }
49053   md-dialog.internalroute-dialog md-dialog-content {
49054     display: block;
49055     position: relative; }
49056   md-dialog.internalroute-dialog md-toolbar .title {
49057     font-size: 17px; }
49058   md-dialog.internalroute-dialog md-input-container textarea {
49059     min-height: 150px; }
49060   md-dialog.internalroute-dialog .date-container {
49061     padding: 16px 0 24px 0; }
49062   md-dialog.internalroute-dialog .error-list {
49063     font-size: 13px;
49064     padding-top: -40px; }
49065     md-dialog.internalroute-dialog .error-list .error {
49066       background-color: rgba(244, 67, 54, 0.08);
49067       border: 1px solid rgba(244, 67, 54, 0.12);
49068       padding-left: 16px;
49069       margin-top: 8px;
49070       border-radius: 2px; }
49071       md-dialog.internalroute-dialog .error-list .error .message {
49072         font-weight: 500; }
49073       md-dialog.internalroute-dialog .error-list .error .md-button {
49074         margin: 0; }
49075       md-dialog.internalroute-dialog .error-list .error:last-child {
49076         margin-bottom: 30px; }
49077   md-dialog.internalroute-dialog md-dialog-actions {
49078     position: relative;
49079     overflow-y: hidden;
49080     overflow-x: auto;
49081     justify-content: space-between;
49082     background-color: rgba(0, 0, 0, 0.03);
49083     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49084
49085 @media screen and (max-width: 1280px) {
49086   md-dialog.task-dialog {
49087     width: 80%; } }
49088
49089 @media screen and (max-width: 960px) {
49090   md-dialog.task-dialog {
49091     width: 90%; } }
49092
49093 md-dialog.internalroute-dialog {
49094   max-width: 720px;
49095   width: 720px; }
49096   md-dialog.internalroute-dialog md-dialog-content {
49097     display: block;
49098     position: relative; }
49099   md-dialog.internalroute-dialog md-toolbar .title {
49100     font-size: 17px; }
49101   md-dialog.internalroute-dialog md-input-container textarea {
49102     min-height: 150px; }
49103   md-dialog.internalroute-dialog .date-container {
49104     padding: 16px 0 24px 0; }
49105   md-dialog.internalroute-dialog .error-list {
49106     font-size: 13px;
49107     padding-top: -40px; }
49108     md-dialog.internalroute-dialog .error-list .error {
49109       background-color: rgba(244, 67, 54, 0.08);
49110       border: 1px solid rgba(244, 67, 54, 0.12);
49111       padding-left: 16px;
49112       margin-top: 8px;
49113       border-radius: 2px; }
49114       md-dialog.internalroute-dialog .error-list .error .message {
49115         font-weight: 500; }
49116       md-dialog.internalroute-dialog .error-list .error .md-button {
49117         margin: 0; }
49118       md-dialog.internalroute-dialog .error-list .error:last-child {
49119         margin-bottom: 30px; }
49120   md-dialog.internalroute-dialog md-dialog-actions {
49121     position: relative;
49122     overflow-y: hidden;
49123     overflow-x: auto;
49124     justify-content: space-between;
49125     background-color: rgba(0, 0, 0, 0.03);
49126     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49127
49128 @media screen and (max-width: 1280px) {
49129   md-dialog.task-dialog {
49130     width: 80%; } }
49131
49132 @media screen and (max-width: 960px) {
49133   md-dialog.task-dialog {
49134     width: 90%; } }
49135
49136 md-dialog.internalroute-dialog {
49137   max-width: 720px;
49138   width: 720px; }
49139   md-dialog.internalroute-dialog md-dialog-content {
49140     display: block;
49141     position: relative; }
49142   md-dialog.internalroute-dialog md-toolbar .title {
49143     font-size: 17px; }
49144   md-dialog.internalroute-dialog md-input-container textarea {
49145     min-height: 150px; }
49146   md-dialog.internalroute-dialog .date-container {
49147     padding: 16px 0 24px 0; }
49148   md-dialog.internalroute-dialog .error-list {
49149     font-size: 13px;
49150     padding-top: -40px; }
49151     md-dialog.internalroute-dialog .error-list .error {
49152       background-color: rgba(244, 67, 54, 0.08);
49153       border: 1px solid rgba(244, 67, 54, 0.12);
49154       padding-left: 16px;
49155       margin-top: 8px;
49156       border-radius: 2px; }
49157       md-dialog.internalroute-dialog .error-list .error .message {
49158         font-weight: 500; }
49159       md-dialog.internalroute-dialog .error-list .error .md-button {
49160         margin: 0; }
49161       md-dialog.internalroute-dialog .error-list .error:last-child {
49162         margin-bottom: 30px; }
49163   md-dialog.internalroute-dialog md-dialog-actions {
49164     position: relative;
49165     overflow-y: hidden;
49166     overflow-x: auto;
49167     justify-content: space-between;
49168     background-color: rgba(0, 0, 0, 0.03);
49169     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49170
49171 @media screen and (max-width: 1280px) {
49172   md-dialog.task-dialog {
49173     width: 80%; } }
49174
49175 @media screen and (max-width: 960px) {
49176   md-dialog.task-dialog {
49177     width: 90%; } }
49178
49179 md-dialog.internalroute-dialog {
49180   max-width: 720px;
49181   width: 720px; }
49182   md-dialog.internalroute-dialog md-dialog-content {
49183     display: block;
49184     position: relative; }
49185   md-dialog.internalroute-dialog md-toolbar .title {
49186     font-size: 17px; }
49187   md-dialog.internalroute-dialog md-input-container textarea {
49188     min-height: 150px; }
49189   md-dialog.internalroute-dialog .date-container {
49190     padding: 16px 0 24px 0; }
49191   md-dialog.internalroute-dialog .error-list {
49192     font-size: 13px;
49193     padding-top: -40px; }
49194     md-dialog.internalroute-dialog .error-list .error {
49195       background-color: rgba(244, 67, 54, 0.08);
49196       border: 1px solid rgba(244, 67, 54, 0.12);
49197       padding-left: 16px;
49198       margin-top: 8px;
49199       border-radius: 2px; }
49200       md-dialog.internalroute-dialog .error-list .error .message {
49201         font-weight: 500; }
49202       md-dialog.internalroute-dialog .error-list .error .md-button {
49203         margin: 0; }
49204       md-dialog.internalroute-dialog .error-list .error:last-child {
49205         margin-bottom: 30px; }
49206   md-dialog.internalroute-dialog md-dialog-actions {
49207     position: relative;
49208     overflow-y: hidden;
49209     overflow-x: auto;
49210     justify-content: space-between;
49211     background-color: rgba(0, 0, 0, 0.03);
49212     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49213
49214 @media screen and (max-width: 1280px) {
49215   md-dialog.task-dialog {
49216     width: 80%; } }
49217
49218 @media screen and (max-width: 960px) {
49219   md-dialog.task-dialog {
49220     width: 90%; } }
49221
49222 md-dialog.internalroute-dialog {
49223   max-width: 720px;
49224   width: 720px; }
49225   md-dialog.internalroute-dialog md-dialog-content {
49226     display: block;
49227     position: relative; }
49228   md-dialog.internalroute-dialog md-toolbar .title {
49229     font-size: 17px; }
49230   md-dialog.internalroute-dialog md-input-container textarea {
49231     min-height: 150px; }
49232   md-dialog.internalroute-dialog .date-container {
49233     padding: 16px 0 24px 0; }
49234   md-dialog.internalroute-dialog .error-list {
49235     font-size: 13px;
49236     padding-top: -40px; }
49237     md-dialog.internalroute-dialog .error-list .error {
49238       background-color: rgba(244, 67, 54, 0.08);
49239       border: 1px solid rgba(244, 67, 54, 0.12);
49240       padding-left: 16px;
49241       margin-top: 8px;
49242       border-radius: 2px; }
49243       md-dialog.internalroute-dialog .error-list .error .message {
49244         font-weight: 500; }
49245       md-dialog.internalroute-dialog .error-list .error .md-button {
49246         margin: 0; }
49247       md-dialog.internalroute-dialog .error-list .error:last-child {
49248         margin-bottom: 30px; }
49249   md-dialog.internalroute-dialog md-dialog-actions {
49250     position: relative;
49251     overflow-y: hidden;
49252     overflow-x: auto;
49253     justify-content: space-between;
49254     background-color: rgba(0, 0, 0, 0.03);
49255     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49256
49257 @media screen and (max-width: 1280px) {
49258   md-dialog.task-dialog {
49259     width: 80%; } }
49260
49261 @media screen and (max-width: 960px) {
49262   md-dialog.task-dialog {
49263     width: 90%; } }
49264
49265 md-dialog.internalroute-dialog {
49266   max-width: 720px;
49267   width: 720px; }
49268   md-dialog.internalroute-dialog md-dialog-content {
49269     display: block;
49270     position: relative; }
49271   md-dialog.internalroute-dialog md-toolbar .title {
49272     font-size: 17px; }
49273   md-dialog.internalroute-dialog md-input-container textarea {
49274     min-height: 150px; }
49275   md-dialog.internalroute-dialog .date-container {
49276     padding: 16px 0 24px 0; }
49277   md-dialog.internalroute-dialog .error-list {
49278     font-size: 13px;
49279     padding-top: -40px; }
49280     md-dialog.internalroute-dialog .error-list .error {
49281       background-color: rgba(244, 67, 54, 0.08);
49282       border: 1px solid rgba(244, 67, 54, 0.12);
49283       padding-left: 16px;
49284       margin-top: 8px;
49285       border-radius: 2px; }
49286       md-dialog.internalroute-dialog .error-list .error .message {
49287         font-weight: 500; }
49288       md-dialog.internalroute-dialog .error-list .error .md-button {
49289         margin: 0; }
49290       md-dialog.internalroute-dialog .error-list .error:last-child {
49291         margin-bottom: 30px; }
49292   md-dialog.internalroute-dialog md-dialog-actions {
49293     position: relative;
49294     overflow-y: hidden;
49295     overflow-x: auto;
49296     justify-content: space-between;
49297     background-color: rgba(0, 0, 0, 0.03);
49298     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49299
49300 @media screen and (max-width: 1280px) {
49301   md-dialog.task-dialog {
49302     width: 80%; } }
49303
49304 @media screen and (max-width: 960px) {
49305   md-dialog.task-dialog {
49306     width: 90%; } }
49307
49308 md-dialog.internalroute-dialog {
49309   max-width: 720px;
49310   width: 720px; }
49311   md-dialog.internalroute-dialog md-dialog-content {
49312     display: block;
49313     position: relative; }
49314   md-dialog.internalroute-dialog md-toolbar .title {
49315     font-size: 17px; }
49316   md-dialog.internalroute-dialog md-input-container textarea {
49317     min-height: 150px; }
49318   md-dialog.internalroute-dialog .date-container {
49319     padding: 16px 0 24px 0; }
49320   md-dialog.internalroute-dialog .error-list {
49321     font-size: 13px;
49322     padding-top: -40px; }
49323     md-dialog.internalroute-dialog .error-list .error {
49324       background-color: rgba(244, 67, 54, 0.08);
49325       border: 1px solid rgba(244, 67, 54, 0.12);
49326       padding-left: 16px;
49327       margin-top: 8px;
49328       border-radius: 2px; }
49329       md-dialog.internalroute-dialog .error-list .error .message {
49330         font-weight: 500; }
49331       md-dialog.internalroute-dialog .error-list .error .md-button {
49332         margin: 0; }
49333       md-dialog.internalroute-dialog .error-list .error:last-child {
49334         margin-bottom: 30px; }
49335   md-dialog.internalroute-dialog md-dialog-actions {
49336     position: relative;
49337     overflow-y: hidden;
49338     overflow-x: auto;
49339     justify-content: space-between;
49340     background-color: rgba(0, 0, 0, 0.03);
49341     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49342
49343 @media screen and (max-width: 1280px) {
49344   md-dialog.task-dialog {
49345     width: 80%; } }
49346
49347 @media screen and (max-width: 960px) {
49348   md-dialog.task-dialog {
49349     width: 90%; } }
49350
49351 md-dialog.internalroute-dialog {
49352   max-width: 720px;
49353   width: 720px; }
49354   md-dialog.internalroute-dialog md-dialog-content {
49355     display: block;
49356     position: relative; }
49357   md-dialog.internalroute-dialog md-toolbar .title {
49358     font-size: 17px; }
49359   md-dialog.internalroute-dialog md-input-container textarea {
49360     min-height: 150px; }
49361   md-dialog.internalroute-dialog .date-container {
49362     padding: 16px 0 24px 0; }
49363   md-dialog.internalroute-dialog .error-list {
49364     font-size: 13px;
49365     padding-top: -40px; }
49366     md-dialog.internalroute-dialog .error-list .error {
49367       background-color: rgba(244, 67, 54, 0.08);
49368       border: 1px solid rgba(244, 67, 54, 0.12);
49369       padding-left: 16px;
49370       margin-top: 8px;
49371       border-radius: 2px; }
49372       md-dialog.internalroute-dialog .error-list .error .message {
49373         font-weight: 500; }
49374       md-dialog.internalroute-dialog .error-list .error .md-button {
49375         margin: 0; }
49376       md-dialog.internalroute-dialog .error-list .error:last-child {
49377         margin-bottom: 30px; }
49378   md-dialog.internalroute-dialog md-dialog-actions {
49379     position: relative;
49380     overflow-y: hidden;
49381     overflow-x: auto;
49382     justify-content: space-between;
49383     background-color: rgba(0, 0, 0, 0.03);
49384     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49385
49386 @media screen and (max-width: 1280px) {
49387   md-dialog.task-dialog {
49388     width: 80%; } }
49389
49390 @media screen and (max-width: 960px) {
49391   md-dialog.task-dialog {
49392     width: 90%; } }
49393
49394 md-dialog.internalroute-dialog {
49395   max-width: 720px;
49396   width: 720px; }
49397   md-dialog.internalroute-dialog md-dialog-content {
49398     display: block;
49399     position: relative; }
49400   md-dialog.internalroute-dialog md-toolbar .title {
49401     font-size: 17px; }
49402   md-dialog.internalroute-dialog md-input-container textarea {
49403     min-height: 150px; }
49404   md-dialog.internalroute-dialog .date-container {
49405     padding: 16px 0 24px 0; }
49406   md-dialog.internalroute-dialog .error-list {
49407     font-size: 13px;
49408     padding-top: -40px; }
49409     md-dialog.internalroute-dialog .error-list .error {
49410       background-color: rgba(244, 67, 54, 0.08);
49411       border: 1px solid rgba(244, 67, 54, 0.12);
49412       padding-left: 16px;
49413       margin-top: 8px;
49414       border-radius: 2px; }
49415       md-dialog.internalroute-dialog .error-list .error .message {
49416         font-weight: 500; }
49417       md-dialog.internalroute-dialog .error-list .error .md-button {
49418         margin: 0; }
49419       md-dialog.internalroute-dialog .error-list .error:last-child {
49420         margin-bottom: 30px; }
49421   md-dialog.internalroute-dialog md-dialog-actions {
49422     position: relative;
49423     overflow-y: hidden;
49424     overflow-x: auto;
49425     justify-content: space-between;
49426     background-color: rgba(0, 0, 0, 0.03);
49427     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49428
49429 @media screen and (max-width: 1280px) {
49430   md-dialog.task-dialog {
49431     width: 80%; } }
49432
49433 @media screen and (max-width: 960px) {
49434   md-dialog.task-dialog {
49435     width: 90%; } }
49436
49437 #voice-internalroute .header {
49438   height: 120px;
49439   min-height: 120px;
49440   max-height: 120px; }
49441   #voice-internalroute .header .goto-internalroutes-button {
49442     margin-right: 16px; }
49443   #voice-internalroute .header .internalroute-image {
49444     overflow: hidden;
49445     width: 56px;
49446     height: 56px;
49447     margin-right: 16px;
49448     border: 3px solid rgba(0, 0, 0, 0.12); }
49449     #voice-internalroute .header .internalroute-image img {
49450       height: 100%;
49451       width: auto;
49452       max-width: none; }
49453   #voice-internalroute .header .subtitle {
49454     margin: 6px 0 0 0; }
49455
49456 #voice-internalroute .internalroute-detail-form-container {
49457   padding: 24px;
49458   margin-bottom: 24px; }
49459   #voice-internalroute .internalroute-detail-form-container .hint {
49460     font-size: 12px;
49461     line-height: 20px;
49462     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
49463     /* Set our own color */
49464     color: grey; }
49465   #voice-internalroute .internalroute-detail-form-container .handle {
49466     cursor: move; }
49467   #voice-internalroute .internalroute-detail-form-container md-input-container md-switch {
49468     margin: 0px !important; }
49469   #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader {
49470     position: relative; }
49471     #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader.dropping .drop-text {
49472       display: flex; }
49473     #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader .drop-text {
49474       display: none;
49475       position: absolute;
49476       top: 0;
49477       right: 0;
49478       bottom: 0;
49479       left: 0;
49480       padding: 16px;
49481       text-align: center;
49482       border: 2px dashed rgba(0, 0, 0, 0.12);
49483       background: #FFFFFF;
49484       font-size: 20px;
49485       z-index: 100; }
49486     #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader .upload-button {
49487       margin-bottom: 16px; }
49488     #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader .internalroute-image {
49489       position: relative;
49490       width: 200px;
49491       height: 200px;
49492       border: 1px solid rgba(0, 0, 0, 0.12);
49493       margin: 8px; }
49494       #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader .internalroute-image.uploading .overlay {
49495         position: absolute;
49496         top: 0;
49497         right: 0;
49498         bottom: 0;
49499         left: 0;
49500         background: rgba(0, 0, 0, 0.87); }
49501       #voice-internalroute .internalroute-detail-form-container #internalroute-image-uploader .internalroute-image .media {
49502         max-height: 100%; }
49503
49504 #internalroutes {
49505   position: relative; }
49506   #internalroutes > .header {
49507     height: 76px;
49508     min-height: 76px;
49509     max-height: 76px; }
49510     #internalroutes > .header .logo .logo-icon {
49511       margin: 0 16px 0 0; }
49512     #internalroutes > .header .logo .logo-text {
49513       font-size: 24px; }
49514     #internalroutes > .header md-icon {
49515       color: #FFFFFF; }
49516     #internalroutes > .header .search-input-wrapper {
49517       position: relative; }
49518       #internalroutes > .header .search-input-wrapper label {
49519         padding-right: 4px;
49520         cursor: pointer; }
49521         #internalroutes > .header .search-input-wrapper label md-icon {
49522           color: rgba(255, 255, 255, 0.8); }
49523       #internalroutes > .header .search-input-wrapper md-input-container .md-errors-spacer {
49524         display: none; }
49525       #internalroutes > .header .search-input-wrapper md-input-container input {
49526         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
49527         color: rgba(255, 255, 255, 0.8);
49528         width: 240px; }
49529         #internalroutes > .header .search-input-wrapper md-input-container input::placeholder {
49530           color: rgba(255, 255, 255, 0.8); }
49531         #internalroutes > .header .search-input-wrapper md-input-container input:focus {
49532           border-bottom: 1px solid white;
49533           color: white; }
49534     #internalroutes > .header.selected-bar {
49535       position: absolute;
49536       top: 0;
49537       left: 0;
49538       right: 0;
49539       z-index: 999;
49540       background-image: none;
49541       opacity: 1 !important; }
49542       #internalroutes > .header.selected-bar .close-button-wrapper {
49543         width: 244px; }
49544   #internalroutes > .content {
49545     position: absolute;
49546     top: 76px;
49547     bottom: 0;
49548     right: 0;
49549     left: 0; }
49550     #internalroutes > .content .main {
49551       padding: 16px 90px 0 4px;
49552       position: absolute;
49553       top: 0;
49554       left: 24px;
49555       right: 0;
49556       bottom: 0; }
49557       #internalroutes > .content .main .no-results {
49558         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
49559   #internalroutes #add-internalroute-button {
49560     position: fixed;
49561     bottom: 8px;
49562     right: 8px;
49563     padding: 0; }
49564
49565 md-dialog.musiconhold-dialog {
49566   max-width: 720px;
49567   width: 720px; }
49568   md-dialog.musiconhold-dialog md-dialog-content {
49569     display: block;
49570     position: relative; }
49571   md-dialog.musiconhold-dialog md-toolbar .title {
49572     font-size: 17px; }
49573   md-dialog.musiconhold-dialog md-input-container textarea {
49574     min-height: 150px; }
49575   md-dialog.musiconhold-dialog md-input-container .hint {
49576     font-size: 12px;
49577     line-height: 20px;
49578     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
49579     /* Set our own color */
49580     color: grey; }
49581   md-dialog.musiconhold-dialog md-input-container md-input-container md-switch {
49582     margin: 0px !important; }
49583   md-dialog.musiconhold-dialog .date-container {
49584     padding: 16px 0 24px 0; }
49585   md-dialog.musiconhold-dialog .error-list {
49586     font-size: 13px;
49587     padding-top: -40px; }
49588     md-dialog.musiconhold-dialog .error-list .error {
49589       background-color: rgba(244, 67, 54, 0.08);
49590       border: 1px solid rgba(244, 67, 54, 0.12);
49591       padding-left: 16px;
49592       margin-top: 8px;
49593       border-radius: 2px; }
49594       md-dialog.musiconhold-dialog .error-list .error .message {
49595         font-weight: 500; }
49596       md-dialog.musiconhold-dialog .error-list .error .md-button {
49597         margin: 0; }
49598       md-dialog.musiconhold-dialog .error-list .error:last-child {
49599         margin-bottom: 30px; }
49600   md-dialog.musiconhold-dialog md-dialog-actions {
49601     position: relative;
49602     overflow-y: hidden;
49603     overflow-x: auto;
49604     justify-content: space-between;
49605     background-color: rgba(0, 0, 0, 0.03);
49606     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49607
49608 @media screen and (max-width: 1280px) {
49609   md-dialog.task-dialog {
49610     width: 80%; } }
49611
49612 @media screen and (max-width: 960px) {
49613   md-dialog.task-dialog {
49614     width: 90%; } }
49615
49616 md-dialog.mohSound-dialog {
49617   max-width: 720px;
49618   width: 720px; }
49619   md-dialog.mohSound-dialog md-dialog-content {
49620     display: block;
49621     position: relative; }
49622   md-dialog.mohSound-dialog md-toolbar .title {
49623     font-size: 17px; }
49624   md-dialog.mohSound-dialog md-input-container textarea {
49625     min-height: 150px; }
49626   md-dialog.mohSound-dialog md-input-container .hint {
49627     font-size: 12px;
49628     line-height: 20px;
49629     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
49630     /* Set our own color */
49631     color: grey; }
49632   md-dialog.mohSound-dialog md-input-container md-input-container md-switch {
49633     margin: 0px !important; }
49634   md-dialog.mohSound-dialog .date-container {
49635     padding: 16px 0 24px 0; }
49636   md-dialog.mohSound-dialog .error-list {
49637     font-size: 13px;
49638     padding-top: -40px; }
49639     md-dialog.mohSound-dialog .error-list .error {
49640       background-color: rgba(244, 67, 54, 0.08);
49641       border: 1px solid rgba(244, 67, 54, 0.12);
49642       padding-left: 16px;
49643       margin-top: 8px;
49644       border-radius: 2px; }
49645       md-dialog.mohSound-dialog .error-list .error .message {
49646         font-weight: 500; }
49647       md-dialog.mohSound-dialog .error-list .error .md-button {
49648         margin: 0; }
49649       md-dialog.mohSound-dialog .error-list .error:last-child {
49650         margin-bottom: 30px; }
49651   md-dialog.mohSound-dialog md-dialog-actions {
49652     position: relative;
49653     overflow-y: hidden;
49654     overflow-x: auto;
49655     justify-content: space-between;
49656     background-color: rgba(0, 0, 0, 0.03);
49657     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49658
49659 @media screen and (max-width: 1280px) {
49660   md-dialog.task-dialog {
49661     width: 80%; } }
49662
49663 @media screen and (max-width: 960px) {
49664   md-dialog.task-dialog {
49665     width: 90%; } }
49666
49667 #voice-musiconhold .header {
49668   height: 120px;
49669   min-height: 120px;
49670   max-height: 120px; }
49671   #voice-musiconhold .header .goto-musiconholds-button {
49672     margin-right: 16px; }
49673   #voice-musiconhold .header .musiconhold-image {
49674     overflow: hidden;
49675     width: 56px;
49676     height: 56px;
49677     margin-right: 16px;
49678     border: 3px solid rgba(0, 0, 0, 0.12); }
49679     #voice-musiconhold .header .musiconhold-image img {
49680       height: 100%;
49681       width: auto;
49682       max-width: none; }
49683   #voice-musiconhold .header .subtitle {
49684     margin: 6px 0 0 0; }
49685
49686 #voice-musiconhold .musiconhold-detail-form-container {
49687   padding: 24px;
49688   margin-bottom: 24px; }
49689   #voice-musiconhold .musiconhold-detail-form-container .hint {
49690     font-size: 12px;
49691     line-height: 20px;
49692     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
49693     /* Set our own color */
49694     color: grey; }
49695   #voice-musiconhold .musiconhold-detail-form-container .handle {
49696     cursor: move; }
49697   #voice-musiconhold .musiconhold-detail-form-container md-input-container md-switch {
49698     margin: 0px !important; }
49699   #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader {
49700     position: relative; }
49701     #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader.dropping .drop-text {
49702       display: flex; }
49703     #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader .drop-text {
49704       display: none;
49705       position: absolute;
49706       top: 0;
49707       right: 0;
49708       bottom: 0;
49709       left: 0;
49710       padding: 16px;
49711       text-align: center;
49712       border: 2px dashed rgba(0, 0, 0, 0.12);
49713       background: #FFFFFF;
49714       font-size: 20px;
49715       z-index: 100; }
49716     #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader .upload-button {
49717       margin-bottom: 16px; }
49718     #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader .musiconhold-image {
49719       position: relative;
49720       width: 200px;
49721       height: 200px;
49722       border: 1px solid rgba(0, 0, 0, 0.12);
49723       margin: 8px; }
49724       #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader .musiconhold-image.uploading .overlay {
49725         position: absolute;
49726         top: 0;
49727         right: 0;
49728         bottom: 0;
49729         left: 0;
49730         background: rgba(0, 0, 0, 0.87); }
49731       #voice-musiconhold .musiconhold-detail-form-container #musiconhold-image-uploader .musiconhold-image .media {
49732         max-height: 100%; }
49733
49734 #musiconholds {
49735   position: relative; }
49736   #musiconholds > .header {
49737     height: 76px;
49738     min-height: 76px;
49739     max-height: 76px; }
49740     #musiconholds > .header .logo .logo-icon {
49741       margin: 0 16px 0 0; }
49742     #musiconholds > .header .logo .logo-text {
49743       font-size: 24px; }
49744     #musiconholds > .header md-icon {
49745       color: #FFFFFF; }
49746     #musiconholds > .header .search-input-wrapper {
49747       position: relative; }
49748       #musiconholds > .header .search-input-wrapper label {
49749         padding-right: 4px;
49750         cursor: pointer; }
49751         #musiconholds > .header .search-input-wrapper label md-icon {
49752           color: rgba(255, 255, 255, 0.8); }
49753       #musiconholds > .header .search-input-wrapper md-input-container .md-errors-spacer {
49754         display: none; }
49755       #musiconholds > .header .search-input-wrapper md-input-container input {
49756         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
49757         color: rgba(255, 255, 255, 0.8);
49758         width: 240px; }
49759         #musiconholds > .header .search-input-wrapper md-input-container input::placeholder {
49760           color: rgba(255, 255, 255, 0.8); }
49761         #musiconholds > .header .search-input-wrapper md-input-container input:focus {
49762           border-bottom: 1px solid white;
49763           color: white; }
49764     #musiconholds > .header.selected-bar {
49765       position: absolute;
49766       top: 0;
49767       left: 0;
49768       right: 0;
49769       z-index: 999;
49770       background-image: none;
49771       opacity: 1 !important; }
49772       #musiconholds > .header.selected-bar .close-button-wrapper {
49773         width: 244px; }
49774   #musiconholds > .content {
49775     position: absolute;
49776     top: 76px;
49777     bottom: 0;
49778     right: 0;
49779     left: 0; }
49780     #musiconholds > .content .main {
49781       padding: 16px 90px 0 4px;
49782       position: absolute;
49783       top: 0;
49784       left: 24px;
49785       right: 0;
49786       bottom: 0; }
49787       #musiconholds > .content .main .no-results {
49788         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
49789   #musiconholds #add-musiconhold-button {
49790     position: fixed;
49791     bottom: 8px;
49792     right: 8px;
49793     padding: 0; }
49794
49795 md-dialog.outboundroute-dialog {
49796   max-width: 720px;
49797   width: 720px; }
49798   md-dialog.outboundroute-dialog md-dialog-content {
49799     display: block;
49800     position: relative; }
49801   md-dialog.outboundroute-dialog md-toolbar .title {
49802     font-size: 17px; }
49803   md-dialog.outboundroute-dialog md-input-container textarea {
49804     min-height: 150px; }
49805   md-dialog.outboundroute-dialog md-input-container .hint {
49806     font-size: 12px;
49807     line-height: 20px;
49808     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
49809     /* Set our own color */
49810     color: grey; }
49811   md-dialog.outboundroute-dialog md-input-container md-input-container md-switch {
49812     margin: 0px !important; }
49813   md-dialog.outboundroute-dialog .date-container {
49814     padding: 16px 0 24px 0; }
49815   md-dialog.outboundroute-dialog .error-list {
49816     font-size: 13px;
49817     padding-top: -40px; }
49818     md-dialog.outboundroute-dialog .error-list .error {
49819       background-color: rgba(244, 67, 54, 0.08);
49820       border: 1px solid rgba(244, 67, 54, 0.12);
49821       padding-left: 16px;
49822       margin-top: 8px;
49823       border-radius: 2px; }
49824       md-dialog.outboundroute-dialog .error-list .error .message {
49825         font-weight: 500; }
49826       md-dialog.outboundroute-dialog .error-list .error .md-button {
49827         margin: 0; }
49828       md-dialog.outboundroute-dialog .error-list .error:last-child {
49829         margin-bottom: 30px; }
49830   md-dialog.outboundroute-dialog md-dialog-actions {
49831     position: relative;
49832     overflow-y: hidden;
49833     overflow-x: auto;
49834     justify-content: space-between;
49835     background-color: rgba(0, 0, 0, 0.03);
49836     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49837
49838 @media screen and (max-width: 1280px) {
49839   md-dialog.task-dialog {
49840     width: 80%; } }
49841
49842 @media screen and (max-width: 960px) {
49843   md-dialog.task-dialog {
49844     width: 90%; } }
49845
49846 md-dialog.outboundroute-dialog {
49847   max-width: 720px;
49848   width: 720px; }
49849   md-dialog.outboundroute-dialog md-dialog-content {
49850     display: block;
49851     position: relative; }
49852   md-dialog.outboundroute-dialog md-toolbar .title {
49853     font-size: 17px; }
49854   md-dialog.outboundroute-dialog md-input-container textarea {
49855     min-height: 150px; }
49856   md-dialog.outboundroute-dialog .date-container {
49857     padding: 16px 0 24px 0; }
49858   md-dialog.outboundroute-dialog .error-list {
49859     font-size: 13px;
49860     padding-top: -40px; }
49861     md-dialog.outboundroute-dialog .error-list .error {
49862       background-color: rgba(244, 67, 54, 0.08);
49863       border: 1px solid rgba(244, 67, 54, 0.12);
49864       padding-left: 16px;
49865       margin-top: 8px;
49866       border-radius: 2px; }
49867       md-dialog.outboundroute-dialog .error-list .error .message {
49868         font-weight: 500; }
49869       md-dialog.outboundroute-dialog .error-list .error .md-button {
49870         margin: 0; }
49871       md-dialog.outboundroute-dialog .error-list .error:last-child {
49872         margin-bottom: 30px; }
49873   md-dialog.outboundroute-dialog md-dialog-actions {
49874     position: relative;
49875     overflow-y: hidden;
49876     overflow-x: auto;
49877     justify-content: space-between;
49878     background-color: rgba(0, 0, 0, 0.03);
49879     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49880
49881 @media screen and (max-width: 1280px) {
49882   md-dialog.task-dialog {
49883     width: 80%; } }
49884
49885 @media screen and (max-width: 960px) {
49886   md-dialog.task-dialog {
49887     width: 90%; } }
49888
49889 md-dialog.outboundroute-dialog {
49890   max-width: 720px;
49891   width: 720px; }
49892   md-dialog.outboundroute-dialog md-dialog-content {
49893     display: block;
49894     position: relative; }
49895   md-dialog.outboundroute-dialog md-toolbar .title {
49896     font-size: 17px; }
49897   md-dialog.outboundroute-dialog md-input-container textarea {
49898     min-height: 150px; }
49899   md-dialog.outboundroute-dialog .date-container {
49900     padding: 16px 0 24px 0; }
49901   md-dialog.outboundroute-dialog .error-list {
49902     font-size: 13px;
49903     padding-top: -40px; }
49904     md-dialog.outboundroute-dialog .error-list .error {
49905       background-color: rgba(244, 67, 54, 0.08);
49906       border: 1px solid rgba(244, 67, 54, 0.12);
49907       padding-left: 16px;
49908       margin-top: 8px;
49909       border-radius: 2px; }
49910       md-dialog.outboundroute-dialog .error-list .error .message {
49911         font-weight: 500; }
49912       md-dialog.outboundroute-dialog .error-list .error .md-button {
49913         margin: 0; }
49914       md-dialog.outboundroute-dialog .error-list .error:last-child {
49915         margin-bottom: 30px; }
49916   md-dialog.outboundroute-dialog md-dialog-actions {
49917     position: relative;
49918     overflow-y: hidden;
49919     overflow-x: auto;
49920     justify-content: space-between;
49921     background-color: rgba(0, 0, 0, 0.03);
49922     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49923
49924 @media screen and (max-width: 1280px) {
49925   md-dialog.task-dialog {
49926     width: 80%; } }
49927
49928 @media screen and (max-width: 960px) {
49929   md-dialog.task-dialog {
49930     width: 90%; } }
49931
49932 md-dialog.outboundroute-dialog {
49933   max-width: 720px;
49934   width: 720px; }
49935   md-dialog.outboundroute-dialog md-dialog-content {
49936     display: block;
49937     position: relative; }
49938   md-dialog.outboundroute-dialog md-toolbar .title {
49939     font-size: 17px; }
49940   md-dialog.outboundroute-dialog md-input-container textarea {
49941     min-height: 150px; }
49942   md-dialog.outboundroute-dialog .date-container {
49943     padding: 16px 0 24px 0; }
49944   md-dialog.outboundroute-dialog .error-list {
49945     font-size: 13px;
49946     padding-top: -40px; }
49947     md-dialog.outboundroute-dialog .error-list .error {
49948       background-color: rgba(244, 67, 54, 0.08);
49949       border: 1px solid rgba(244, 67, 54, 0.12);
49950       padding-left: 16px;
49951       margin-top: 8px;
49952       border-radius: 2px; }
49953       md-dialog.outboundroute-dialog .error-list .error .message {
49954         font-weight: 500; }
49955       md-dialog.outboundroute-dialog .error-list .error .md-button {
49956         margin: 0; }
49957       md-dialog.outboundroute-dialog .error-list .error:last-child {
49958         margin-bottom: 30px; }
49959   md-dialog.outboundroute-dialog md-dialog-actions {
49960     position: relative;
49961     overflow-y: hidden;
49962     overflow-x: auto;
49963     justify-content: space-between;
49964     background-color: rgba(0, 0, 0, 0.03);
49965     border-top: 1px solid rgba(0, 0, 0, 0.12); }
49966
49967 @media screen and (max-width: 1280px) {
49968   md-dialog.task-dialog {
49969     width: 80%; } }
49970
49971 @media screen and (max-width: 960px) {
49972   md-dialog.task-dialog {
49973     width: 90%; } }
49974
49975 md-dialog.outboundroute-dialog {
49976   max-width: 720px;
49977   width: 720px; }
49978   md-dialog.outboundroute-dialog md-dialog-content {
49979     display: block;
49980     position: relative; }
49981   md-dialog.outboundroute-dialog md-toolbar .title {
49982     font-size: 17px; }
49983   md-dialog.outboundroute-dialog md-input-container textarea {
49984     min-height: 150px; }
49985   md-dialog.outboundroute-dialog .date-container {
49986     padding: 16px 0 24px 0; }
49987   md-dialog.outboundroute-dialog .error-list {
49988     font-size: 13px;
49989     padding-top: -40px; }
49990     md-dialog.outboundroute-dialog .error-list .error {
49991       background-color: rgba(244, 67, 54, 0.08);
49992       border: 1px solid rgba(244, 67, 54, 0.12);
49993       padding-left: 16px;
49994       margin-top: 8px;
49995       border-radius: 2px; }
49996       md-dialog.outboundroute-dialog .error-list .error .message {
49997         font-weight: 500; }
49998       md-dialog.outboundroute-dialog .error-list .error .md-button {
49999         margin: 0; }
50000       md-dialog.outboundroute-dialog .error-list .error:last-child {
50001         margin-bottom: 30px; }
50002   md-dialog.outboundroute-dialog md-dialog-actions {
50003     position: relative;
50004     overflow-y: hidden;
50005     overflow-x: auto;
50006     justify-content: space-between;
50007     background-color: rgba(0, 0, 0, 0.03);
50008     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50009
50010 @media screen and (max-width: 1280px) {
50011   md-dialog.task-dialog {
50012     width: 80%; } }
50013
50014 @media screen and (max-width: 960px) {
50015   md-dialog.task-dialog {
50016     width: 90%; } }
50017
50018 md-dialog.outboundroute-dialog {
50019   max-width: 720px;
50020   width: 720px; }
50021   md-dialog.outboundroute-dialog md-dialog-content {
50022     display: block;
50023     position: relative; }
50024   md-dialog.outboundroute-dialog md-toolbar .title {
50025     font-size: 17px; }
50026   md-dialog.outboundroute-dialog md-input-container textarea {
50027     min-height: 150px; }
50028   md-dialog.outboundroute-dialog .date-container {
50029     padding: 16px 0 24px 0; }
50030   md-dialog.outboundroute-dialog .error-list {
50031     font-size: 13px;
50032     padding-top: -40px; }
50033     md-dialog.outboundroute-dialog .error-list .error {
50034       background-color: rgba(244, 67, 54, 0.08);
50035       border: 1px solid rgba(244, 67, 54, 0.12);
50036       padding-left: 16px;
50037       margin-top: 8px;
50038       border-radius: 2px; }
50039       md-dialog.outboundroute-dialog .error-list .error .message {
50040         font-weight: 500; }
50041       md-dialog.outboundroute-dialog .error-list .error .md-button {
50042         margin: 0; }
50043       md-dialog.outboundroute-dialog .error-list .error:last-child {
50044         margin-bottom: 30px; }
50045   md-dialog.outboundroute-dialog md-dialog-actions {
50046     position: relative;
50047     overflow-y: hidden;
50048     overflow-x: auto;
50049     justify-content: space-between;
50050     background-color: rgba(0, 0, 0, 0.03);
50051     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50052
50053 @media screen and (max-width: 1280px) {
50054   md-dialog.task-dialog {
50055     width: 80%; } }
50056
50057 @media screen and (max-width: 960px) {
50058   md-dialog.task-dialog {
50059     width: 90%; } }
50060
50061 md-dialog.outboundroute-dialog {
50062   max-width: 720px;
50063   width: 720px; }
50064   md-dialog.outboundroute-dialog md-dialog-content {
50065     display: block;
50066     position: relative; }
50067   md-dialog.outboundroute-dialog md-toolbar .title {
50068     font-size: 17px; }
50069   md-dialog.outboundroute-dialog md-input-container textarea {
50070     min-height: 150px; }
50071   md-dialog.outboundroute-dialog .date-container {
50072     padding: 16px 0 24px 0; }
50073   md-dialog.outboundroute-dialog .error-list {
50074     font-size: 13px;
50075     padding-top: -40px; }
50076     md-dialog.outboundroute-dialog .error-list .error {
50077       background-color: rgba(244, 67, 54, 0.08);
50078       border: 1px solid rgba(244, 67, 54, 0.12);
50079       padding-left: 16px;
50080       margin-top: 8px;
50081       border-radius: 2px; }
50082       md-dialog.outboundroute-dialog .error-list .error .message {
50083         font-weight: 500; }
50084       md-dialog.outboundroute-dialog .error-list .error .md-button {
50085         margin: 0; }
50086       md-dialog.outboundroute-dialog .error-list .error:last-child {
50087         margin-bottom: 30px; }
50088   md-dialog.outboundroute-dialog md-dialog-actions {
50089     position: relative;
50090     overflow-y: hidden;
50091     overflow-x: auto;
50092     justify-content: space-between;
50093     background-color: rgba(0, 0, 0, 0.03);
50094     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50095
50096 @media screen and (max-width: 1280px) {
50097   md-dialog.task-dialog {
50098     width: 80%; } }
50099
50100 @media screen and (max-width: 960px) {
50101   md-dialog.task-dialog {
50102     width: 90%; } }
50103
50104 md-dialog.outboundroute-dialog {
50105   max-width: 720px;
50106   width: 720px; }
50107   md-dialog.outboundroute-dialog md-dialog-content {
50108     display: block;
50109     position: relative; }
50110   md-dialog.outboundroute-dialog md-toolbar .title {
50111     font-size: 17px; }
50112   md-dialog.outboundroute-dialog md-input-container textarea {
50113     min-height: 150px; }
50114   md-dialog.outboundroute-dialog .date-container {
50115     padding: 16px 0 24px 0; }
50116   md-dialog.outboundroute-dialog .error-list {
50117     font-size: 13px;
50118     padding-top: -40px; }
50119     md-dialog.outboundroute-dialog .error-list .error {
50120       background-color: rgba(244, 67, 54, 0.08);
50121       border: 1px solid rgba(244, 67, 54, 0.12);
50122       padding-left: 16px;
50123       margin-top: 8px;
50124       border-radius: 2px; }
50125       md-dialog.outboundroute-dialog .error-list .error .message {
50126         font-weight: 500; }
50127       md-dialog.outboundroute-dialog .error-list .error .md-button {
50128         margin: 0; }
50129       md-dialog.outboundroute-dialog .error-list .error:last-child {
50130         margin-bottom: 30px; }
50131   md-dialog.outboundroute-dialog md-dialog-actions {
50132     position: relative;
50133     overflow-y: hidden;
50134     overflow-x: auto;
50135     justify-content: space-between;
50136     background-color: rgba(0, 0, 0, 0.03);
50137     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50138
50139 @media screen and (max-width: 1280px) {
50140   md-dialog.task-dialog {
50141     width: 80%; } }
50142
50143 @media screen and (max-width: 960px) {
50144   md-dialog.task-dialog {
50145     width: 90%; } }
50146
50147 md-dialog.outboundroute-dialog {
50148   max-width: 720px;
50149   width: 720px; }
50150   md-dialog.outboundroute-dialog md-dialog-content {
50151     display: block;
50152     position: relative; }
50153   md-dialog.outboundroute-dialog md-toolbar .title {
50154     font-size: 17px; }
50155   md-dialog.outboundroute-dialog md-input-container textarea {
50156     min-height: 150px; }
50157   md-dialog.outboundroute-dialog .date-container {
50158     padding: 16px 0 24px 0; }
50159   md-dialog.outboundroute-dialog .error-list {
50160     font-size: 13px;
50161     padding-top: -40px; }
50162     md-dialog.outboundroute-dialog .error-list .error {
50163       background-color: rgba(244, 67, 54, 0.08);
50164       border: 1px solid rgba(244, 67, 54, 0.12);
50165       padding-left: 16px;
50166       margin-top: 8px;
50167       border-radius: 2px; }
50168       md-dialog.outboundroute-dialog .error-list .error .message {
50169         font-weight: 500; }
50170       md-dialog.outboundroute-dialog .error-list .error .md-button {
50171         margin: 0; }
50172       md-dialog.outboundroute-dialog .error-list .error:last-child {
50173         margin-bottom: 30px; }
50174   md-dialog.outboundroute-dialog md-dialog-actions {
50175     position: relative;
50176     overflow-y: hidden;
50177     overflow-x: auto;
50178     justify-content: space-between;
50179     background-color: rgba(0, 0, 0, 0.03);
50180     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50181
50182 @media screen and (max-width: 1280px) {
50183   md-dialog.task-dialog {
50184     width: 80%; } }
50185
50186 @media screen and (max-width: 960px) {
50187   md-dialog.task-dialog {
50188     width: 90%; } }
50189
50190 md-dialog.outboundroute-dialog {
50191   max-width: 720px;
50192   width: 720px; }
50193   md-dialog.outboundroute-dialog md-dialog-content {
50194     display: block;
50195     position: relative; }
50196   md-dialog.outboundroute-dialog md-toolbar .title {
50197     font-size: 17px; }
50198   md-dialog.outboundroute-dialog md-input-container textarea {
50199     min-height: 150px; }
50200   md-dialog.outboundroute-dialog .date-container {
50201     padding: 16px 0 24px 0; }
50202   md-dialog.outboundroute-dialog .error-list {
50203     font-size: 13px;
50204     padding-top: -40px; }
50205     md-dialog.outboundroute-dialog .error-list .error {
50206       background-color: rgba(244, 67, 54, 0.08);
50207       border: 1px solid rgba(244, 67, 54, 0.12);
50208       padding-left: 16px;
50209       margin-top: 8px;
50210       border-radius: 2px; }
50211       md-dialog.outboundroute-dialog .error-list .error .message {
50212         font-weight: 500; }
50213       md-dialog.outboundroute-dialog .error-list .error .md-button {
50214         margin: 0; }
50215       md-dialog.outboundroute-dialog .error-list .error:last-child {
50216         margin-bottom: 30px; }
50217   md-dialog.outboundroute-dialog md-dialog-actions {
50218     position: relative;
50219     overflow-y: hidden;
50220     overflow-x: auto;
50221     justify-content: space-between;
50222     background-color: rgba(0, 0, 0, 0.03);
50223     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50224
50225 @media screen and (max-width: 1280px) {
50226   md-dialog.task-dialog {
50227     width: 80%; } }
50228
50229 @media screen and (max-width: 960px) {
50230   md-dialog.task-dialog {
50231     width: 90%; } }
50232
50233 md-dialog.outboundroute-dialog {
50234   max-width: 720px;
50235   width: 720px; }
50236   md-dialog.outboundroute-dialog md-dialog-content {
50237     display: block;
50238     position: relative; }
50239   md-dialog.outboundroute-dialog md-toolbar .title {
50240     font-size: 17px; }
50241   md-dialog.outboundroute-dialog md-input-container textarea {
50242     min-height: 150px; }
50243   md-dialog.outboundroute-dialog .date-container {
50244     padding: 16px 0 24px 0; }
50245   md-dialog.outboundroute-dialog .error-list {
50246     font-size: 13px;
50247     padding-top: -40px; }
50248     md-dialog.outboundroute-dialog .error-list .error {
50249       background-color: rgba(244, 67, 54, 0.08);
50250       border: 1px solid rgba(244, 67, 54, 0.12);
50251       padding-left: 16px;
50252       margin-top: 8px;
50253       border-radius: 2px; }
50254       md-dialog.outboundroute-dialog .error-list .error .message {
50255         font-weight: 500; }
50256       md-dialog.outboundroute-dialog .error-list .error .md-button {
50257         margin: 0; }
50258       md-dialog.outboundroute-dialog .error-list .error:last-child {
50259         margin-bottom: 30px; }
50260   md-dialog.outboundroute-dialog md-dialog-actions {
50261     position: relative;
50262     overflow-y: hidden;
50263     overflow-x: auto;
50264     justify-content: space-between;
50265     background-color: rgba(0, 0, 0, 0.03);
50266     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50267
50268 @media screen and (max-width: 1280px) {
50269   md-dialog.task-dialog {
50270     width: 80%; } }
50271
50272 @media screen and (max-width: 960px) {
50273   md-dialog.task-dialog {
50274     width: 90%; } }
50275
50276 md-dialog.outboundroute-dialog {
50277   max-width: 720px;
50278   width: 720px; }
50279   md-dialog.outboundroute-dialog md-dialog-content {
50280     display: block;
50281     position: relative; }
50282   md-dialog.outboundroute-dialog md-toolbar .title {
50283     font-size: 17px; }
50284   md-dialog.outboundroute-dialog md-input-container textarea {
50285     min-height: 150px; }
50286   md-dialog.outboundroute-dialog .date-container {
50287     padding: 16px 0 24px 0; }
50288   md-dialog.outboundroute-dialog .error-list {
50289     font-size: 13px;
50290     padding-top: -40px; }
50291     md-dialog.outboundroute-dialog .error-list .error {
50292       background-color: rgba(244, 67, 54, 0.08);
50293       border: 1px solid rgba(244, 67, 54, 0.12);
50294       padding-left: 16px;
50295       margin-top: 8px;
50296       border-radius: 2px; }
50297       md-dialog.outboundroute-dialog .error-list .error .message {
50298         font-weight: 500; }
50299       md-dialog.outboundroute-dialog .error-list .error .md-button {
50300         margin: 0; }
50301       md-dialog.outboundroute-dialog .error-list .error:last-child {
50302         margin-bottom: 30px; }
50303   md-dialog.outboundroute-dialog md-dialog-actions {
50304     position: relative;
50305     overflow-y: hidden;
50306     overflow-x: auto;
50307     justify-content: space-between;
50308     background-color: rgba(0, 0, 0, 0.03);
50309     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50310
50311 @media screen and (max-width: 1280px) {
50312   md-dialog.task-dialog {
50313     width: 80%; } }
50314
50315 @media screen and (max-width: 960px) {
50316   md-dialog.task-dialog {
50317     width: 90%; } }
50318
50319 md-dialog.outboundroute-dialog {
50320   max-width: 720px;
50321   width: 720px; }
50322   md-dialog.outboundroute-dialog md-dialog-content {
50323     display: block;
50324     position: relative; }
50325   md-dialog.outboundroute-dialog md-toolbar .title {
50326     font-size: 17px; }
50327   md-dialog.outboundroute-dialog md-input-container textarea {
50328     min-height: 150px; }
50329   md-dialog.outboundroute-dialog .date-container {
50330     padding: 16px 0 24px 0; }
50331   md-dialog.outboundroute-dialog .error-list {
50332     font-size: 13px;
50333     padding-top: -40px; }
50334     md-dialog.outboundroute-dialog .error-list .error {
50335       background-color: rgba(244, 67, 54, 0.08);
50336       border: 1px solid rgba(244, 67, 54, 0.12);
50337       padding-left: 16px;
50338       margin-top: 8px;
50339       border-radius: 2px; }
50340       md-dialog.outboundroute-dialog .error-list .error .message {
50341         font-weight: 500; }
50342       md-dialog.outboundroute-dialog .error-list .error .md-button {
50343         margin: 0; }
50344       md-dialog.outboundroute-dialog .error-list .error:last-child {
50345         margin-bottom: 30px; }
50346   md-dialog.outboundroute-dialog md-dialog-actions {
50347     position: relative;
50348     overflow-y: hidden;
50349     overflow-x: auto;
50350     justify-content: space-between;
50351     background-color: rgba(0, 0, 0, 0.03);
50352     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50353
50354 @media screen and (max-width: 1280px) {
50355   md-dialog.task-dialog {
50356     width: 80%; } }
50357
50358 @media screen and (max-width: 960px) {
50359   md-dialog.task-dialog {
50360     width: 90%; } }
50361
50362 md-dialog.outboundroute-dialog {
50363   max-width: 720px;
50364   width: 720px; }
50365   md-dialog.outboundroute-dialog md-dialog-content {
50366     display: block;
50367     position: relative; }
50368   md-dialog.outboundroute-dialog md-toolbar .title {
50369     font-size: 17px; }
50370   md-dialog.outboundroute-dialog md-input-container textarea {
50371     min-height: 150px; }
50372   md-dialog.outboundroute-dialog .date-container {
50373     padding: 16px 0 24px 0; }
50374   md-dialog.outboundroute-dialog .error-list {
50375     font-size: 13px;
50376     padding-top: -40px; }
50377     md-dialog.outboundroute-dialog .error-list .error {
50378       background-color: rgba(244, 67, 54, 0.08);
50379       border: 1px solid rgba(244, 67, 54, 0.12);
50380       padding-left: 16px;
50381       margin-top: 8px;
50382       border-radius: 2px; }
50383       md-dialog.outboundroute-dialog .error-list .error .message {
50384         font-weight: 500; }
50385       md-dialog.outboundroute-dialog .error-list .error .md-button {
50386         margin: 0; }
50387       md-dialog.outboundroute-dialog .error-list .error:last-child {
50388         margin-bottom: 30px; }
50389   md-dialog.outboundroute-dialog md-dialog-actions {
50390     position: relative;
50391     overflow-y: hidden;
50392     overflow-x: auto;
50393     justify-content: space-between;
50394     background-color: rgba(0, 0, 0, 0.03);
50395     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50396
50397 @media screen and (max-width: 1280px) {
50398   md-dialog.task-dialog {
50399     width: 80%; } }
50400
50401 @media screen and (max-width: 960px) {
50402   md-dialog.task-dialog {
50403     width: 90%; } }
50404
50405 md-dialog.outboundroute-dialog {
50406   max-width: 720px;
50407   width: 720px; }
50408   md-dialog.outboundroute-dialog md-dialog-content {
50409     display: block;
50410     position: relative; }
50411   md-dialog.outboundroute-dialog md-toolbar .title {
50412     font-size: 17px; }
50413   md-dialog.outboundroute-dialog md-input-container textarea {
50414     min-height: 150px; }
50415   md-dialog.outboundroute-dialog .date-container {
50416     padding: 16px 0 24px 0; }
50417   md-dialog.outboundroute-dialog .error-list {
50418     font-size: 13px;
50419     padding-top: -40px; }
50420     md-dialog.outboundroute-dialog .error-list .error {
50421       background-color: rgba(244, 67, 54, 0.08);
50422       border: 1px solid rgba(244, 67, 54, 0.12);
50423       padding-left: 16px;
50424       margin-top: 8px;
50425       border-radius: 2px; }
50426       md-dialog.outboundroute-dialog .error-list .error .message {
50427         font-weight: 500; }
50428       md-dialog.outboundroute-dialog .error-list .error .md-button {
50429         margin: 0; }
50430       md-dialog.outboundroute-dialog .error-list .error:last-child {
50431         margin-bottom: 30px; }
50432   md-dialog.outboundroute-dialog md-dialog-actions {
50433     position: relative;
50434     overflow-y: hidden;
50435     overflow-x: auto;
50436     justify-content: space-between;
50437     background-color: rgba(0, 0, 0, 0.03);
50438     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50439
50440 @media screen and (max-width: 1280px) {
50441   md-dialog.task-dialog {
50442     width: 80%; } }
50443
50444 @media screen and (max-width: 960px) {
50445   md-dialog.task-dialog {
50446     width: 90%; } }
50447
50448 #voice-outboundroute .header {
50449   height: 120px;
50450   min-height: 120px;
50451   max-height: 120px; }
50452   #voice-outboundroute .header .goto-outboundroutes-button {
50453     margin-right: 16px; }
50454   #voice-outboundroute .header .outboundroute-image {
50455     overflow: hidden;
50456     width: 56px;
50457     height: 56px;
50458     margin-right: 16px;
50459     border: 3px solid rgba(0, 0, 0, 0.12); }
50460     #voice-outboundroute .header .outboundroute-image img {
50461       height: 100%;
50462       width: auto;
50463       max-width: none; }
50464   #voice-outboundroute .header .subtitle {
50465     margin: 6px 0 0 0; }
50466
50467 #voice-outboundroute .outboundroute-detail-form-container {
50468   padding: 24px;
50469   margin-bottom: 24px; }
50470   #voice-outboundroute .outboundroute-detail-form-container .hint {
50471     font-size: 12px;
50472     line-height: 20px;
50473     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
50474     /* Set our own color */
50475     color: grey; }
50476   #voice-outboundroute .outboundroute-detail-form-container .handle {
50477     cursor: move; }
50478   #voice-outboundroute .outboundroute-detail-form-container md-input-container md-switch {
50479     margin: 0px !important; }
50480   #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader {
50481     position: relative; }
50482     #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader.dropping .drop-text {
50483       display: flex; }
50484     #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader .drop-text {
50485       display: none;
50486       position: absolute;
50487       top: 0;
50488       right: 0;
50489       bottom: 0;
50490       left: 0;
50491       padding: 16px;
50492       text-align: center;
50493       border: 2px dashed rgba(0, 0, 0, 0.12);
50494       background: #FFFFFF;
50495       font-size: 20px;
50496       z-index: 100; }
50497     #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader .upload-button {
50498       margin-bottom: 16px; }
50499     #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader .outboundroute-image {
50500       position: relative;
50501       width: 200px;
50502       height: 200px;
50503       border: 1px solid rgba(0, 0, 0, 0.12);
50504       margin: 8px; }
50505       #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader .outboundroute-image.uploading .overlay {
50506         position: absolute;
50507         top: 0;
50508         right: 0;
50509         bottom: 0;
50510         left: 0;
50511         background: rgba(0, 0, 0, 0.87); }
50512       #voice-outboundroute .outboundroute-detail-form-container #outboundroute-image-uploader .outboundroute-image .media {
50513         max-height: 100%; }
50514
50515 #outboundroutes {
50516   position: relative; }
50517   #outboundroutes > .header {
50518     height: 76px;
50519     min-height: 76px;
50520     max-height: 76px; }
50521     #outboundroutes > .header .logo .logo-icon {
50522       margin: 0 16px 0 0; }
50523     #outboundroutes > .header .logo .logo-text {
50524       font-size: 24px; }
50525     #outboundroutes > .header md-icon {
50526       color: #FFFFFF; }
50527     #outboundroutes > .header .search-input-wrapper {
50528       position: relative; }
50529       #outboundroutes > .header .search-input-wrapper label {
50530         padding-right: 4px;
50531         cursor: pointer; }
50532         #outboundroutes > .header .search-input-wrapper label md-icon {
50533           color: rgba(255, 255, 255, 0.8); }
50534       #outboundroutes > .header .search-input-wrapper md-input-container .md-errors-spacer {
50535         display: none; }
50536       #outboundroutes > .header .search-input-wrapper md-input-container input {
50537         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
50538         color: rgba(255, 255, 255, 0.8);
50539         width: 240px; }
50540         #outboundroutes > .header .search-input-wrapper md-input-container input::placeholder {
50541           color: rgba(255, 255, 255, 0.8); }
50542         #outboundroutes > .header .search-input-wrapper md-input-container input:focus {
50543           border-bottom: 1px solid white;
50544           color: white; }
50545     #outboundroutes > .header.selected-bar {
50546       position: absolute;
50547       top: 0;
50548       left: 0;
50549       right: 0;
50550       z-index: 999;
50551       background-image: none;
50552       opacity: 1 !important; }
50553       #outboundroutes > .header.selected-bar .close-button-wrapper {
50554         width: 244px; }
50555   #outboundroutes > .content {
50556     position: absolute;
50557     top: 76px;
50558     bottom: 0;
50559     right: 0;
50560     left: 0; }
50561     #outboundroutes > .content .main {
50562       padding: 16px 90px 0 4px;
50563       position: absolute;
50564       top: 0;
50565       left: 24px;
50566       right: 0;
50567       bottom: 0; }
50568       #outboundroutes > .content .main .no-results {
50569         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
50570   #outboundroutes #add-outboundroute-button {
50571     position: fixed;
50572     bottom: 8px;
50573     right: 8px;
50574     padding: 0; }
50575
50576 #realtime > .content .blink {
50577   animation: blinker 2s linear infinite; }
50578
50579 #realtime > .content .avatar-wrapper {
50580   position: relative; }
50581   #realtime > .content .avatar-wrapper .status {
50582     position: absolute;
50583     bottom: -3px;
50584     right: 5px; }
50585
50586 #realtime > .content .search-input-wrapper {
50587   position: relative;
50588   margin-left: 20px; }
50589   #realtime > .content .search-input-wrapper label {
50590     padding: 6px;
50591     cursor: pointer; }
50592   #realtime > .content .search-input-wrapper md-input-container {
50593     padding-top: 20px; }
50594
50595 #realtime > .content .main .labels {
50596   padding: 8px 16px; }
50597   #realtime > .content .main .labels .label {
50598     margin: 0 0 2px 4px;
50599     padding: 2px 5px;
50600     font-size: 11px;
50601     white-space: nowrap;
50602     border-radius: 2px; }
50603
50604 #realtime > .content .main .status {
50605   position: absolute;
50606   bottom: -3px;
50607   right: 5px; }
50608
50609 #realtime > .content .main .avatar-wrapper {
50610   position: relative; }
50611   #realtime > .content .main .avatar-wrapper .status {
50612     position: absolute;
50613     bottom: -3px;
50614     right: 5px; }
50615
50616 @keyframes blinker {
50617   50% {
50618     opacity: 0; } }
50619
50620 md-dialog.voicemail-dialog {
50621   max-width: 720px;
50622   width: 720px; }
50623   md-dialog.voicemail-dialog md-dialog-content {
50624     display: block;
50625     position: relative; }
50626   md-dialog.voicemail-dialog md-toolbar .title {
50627     font-size: 17px; }
50628   md-dialog.voicemail-dialog md-input-container textarea {
50629     min-height: 150px; }
50630   md-dialog.voicemail-dialog md-input-container .hint {
50631     font-size: 12px;
50632     line-height: 20px;
50633     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
50634     /* Set our own color */
50635     color: grey; }
50636   md-dialog.voicemail-dialog md-input-container md-input-container md-switch {
50637     margin: 0px !important; }
50638   md-dialog.voicemail-dialog .date-container {
50639     padding: 16px 0 24px 0; }
50640   md-dialog.voicemail-dialog .error-list {
50641     font-size: 13px;
50642     padding-top: -40px; }
50643     md-dialog.voicemail-dialog .error-list .error {
50644       background-color: rgba(244, 67, 54, 0.08);
50645       border: 1px solid rgba(244, 67, 54, 0.12);
50646       padding-left: 16px;
50647       margin-top: 8px;
50648       border-radius: 2px; }
50649       md-dialog.voicemail-dialog .error-list .error .message {
50650         font-weight: 500; }
50651       md-dialog.voicemail-dialog .error-list .error .md-button {
50652         margin: 0; }
50653       md-dialog.voicemail-dialog .error-list .error:last-child {
50654         margin-bottom: 30px; }
50655   md-dialog.voicemail-dialog md-dialog-actions {
50656     position: relative;
50657     overflow-y: hidden;
50658     overflow-x: auto;
50659     justify-content: space-between;
50660     background-color: rgba(0, 0, 0, 0.03);
50661     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50662
50663 @media screen and (max-width: 1280px) {
50664   md-dialog.task-dialog {
50665     width: 80%; } }
50666
50667 @media screen and (max-width: 960px) {
50668   md-dialog.task-dialog {
50669     width: 90%; } }
50670
50671 #voice-voicemail .header {
50672   height: 120px;
50673   min-height: 120px;
50674   max-height: 120px; }
50675   #voice-voicemail .header .goto-voicemails-button {
50676     margin-right: 16px; }
50677   #voice-voicemail .header .voicemail-image {
50678     overflow: hidden;
50679     width: 56px;
50680     height: 56px;
50681     margin-right: 16px;
50682     border: 3px solid rgba(0, 0, 0, 0.12); }
50683     #voice-voicemail .header .voicemail-image img {
50684       height: 100%;
50685       width: auto;
50686       max-width: none; }
50687   #voice-voicemail .header .subtitle {
50688     margin: 6px 0 0 0; }
50689
50690 #voice-voicemail .voicemail-detail-form-container {
50691   padding: 24px;
50692   margin-bottom: 24px; }
50693   #voice-voicemail .voicemail-detail-form-container .hint {
50694     font-size: 12px;
50695     line-height: 20px;
50696     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
50697     /* Set our own color */
50698     color: grey; }
50699   #voice-voicemail .voicemail-detail-form-container .handle {
50700     cursor: move; }
50701   #voice-voicemail .voicemail-detail-form-container md-input-container md-switch {
50702     margin: 0px !important; }
50703   #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader {
50704     position: relative; }
50705     #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader.dropping .drop-text {
50706       display: flex; }
50707     #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader .drop-text {
50708       display: none;
50709       position: absolute;
50710       top: 0;
50711       right: 0;
50712       bottom: 0;
50713       left: 0;
50714       padding: 16px;
50715       text-align: center;
50716       border: 2px dashed rgba(0, 0, 0, 0.12);
50717       background: #FFFFFF;
50718       font-size: 20px;
50719       z-index: 100; }
50720     #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader .upload-button {
50721       margin-bottom: 16px; }
50722     #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader .voicemail-image {
50723       position: relative;
50724       width: 200px;
50725       height: 200px;
50726       border: 1px solid rgba(0, 0, 0, 0.12);
50727       margin: 8px; }
50728       #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader .voicemail-image.uploading .overlay {
50729         position: absolute;
50730         top: 0;
50731         right: 0;
50732         bottom: 0;
50733         left: 0;
50734         background: rgba(0, 0, 0, 0.87); }
50735       #voice-voicemail .voicemail-detail-form-container #voicemail-image-uploader .voicemail-image .media {
50736         max-height: 100%; }
50737
50738 #voicemails {
50739   position: relative; }
50740   #voicemails > .header {
50741     height: 76px;
50742     min-height: 76px;
50743     max-height: 76px; }
50744     #voicemails > .header .logo .logo-icon {
50745       margin: 0 16px 0 0; }
50746     #voicemails > .header .logo .logo-text {
50747       font-size: 24px; }
50748     #voicemails > .header md-icon {
50749       color: #FFFFFF; }
50750     #voicemails > .header .search-input-wrapper {
50751       position: relative; }
50752       #voicemails > .header .search-input-wrapper label {
50753         padding-right: 4px;
50754         cursor: pointer; }
50755         #voicemails > .header .search-input-wrapper label md-icon {
50756           color: rgba(255, 255, 255, 0.8); }
50757       #voicemails > .header .search-input-wrapper md-input-container .md-errors-spacer {
50758         display: none; }
50759       #voicemails > .header .search-input-wrapper md-input-container input {
50760         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
50761         color: rgba(255, 255, 255, 0.8);
50762         width: 240px; }
50763         #voicemails > .header .search-input-wrapper md-input-container input::placeholder {
50764           color: rgba(255, 255, 255, 0.8); }
50765         #voicemails > .header .search-input-wrapper md-input-container input:focus {
50766           border-bottom: 1px solid white;
50767           color: white; }
50768     #voicemails > .header.selected-bar {
50769       position: absolute;
50770       top: 0;
50771       left: 0;
50772       right: 0;
50773       z-index: 999;
50774       background-image: none;
50775       opacity: 1 !important; }
50776       #voicemails > .header.selected-bar .close-button-wrapper {
50777         width: 244px; }
50778   #voicemails > .content {
50779     position: absolute;
50780     top: 76px;
50781     bottom: 0;
50782     right: 0;
50783     left: 0; }
50784     #voicemails > .content .main {
50785       padding: 16px 90px 0 4px;
50786       position: absolute;
50787       top: 0;
50788       left: 24px;
50789       right: 0;
50790       bottom: 0; }
50791       #voicemails > .content .main .no-results {
50792         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
50793   #voicemails #add-voicemail-button {
50794     position: fixed;
50795     bottom: 8px;
50796     right: 8px;
50797     padding: 0; }
50798
50799 md-dialog.voiceQueue-dialog {
50800   max-width: 720px;
50801   width: 720px; }
50802   md-dialog.voiceQueue-dialog md-dialog-content {
50803     display: block;
50804     position: relative; }
50805   md-dialog.voiceQueue-dialog md-toolbar .title {
50806     font-size: 17px; }
50807   md-dialog.voiceQueue-dialog md-input-container textarea {
50808     min-height: 150px; }
50809   md-dialog.voiceQueue-dialog md-input-container .hint {
50810     font-size: 12px;
50811     line-height: 20px;
50812     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
50813     /* Set our own color */
50814     color: grey; }
50815   md-dialog.voiceQueue-dialog md-input-container md-input-container md-switch {
50816     margin: 0px !important; }
50817   md-dialog.voiceQueue-dialog .date-container {
50818     padding: 16px 0 24px 0; }
50819   md-dialog.voiceQueue-dialog .error-list {
50820     font-size: 13px;
50821     padding-top: -40px; }
50822     md-dialog.voiceQueue-dialog .error-list .error {
50823       background-color: rgba(244, 67, 54, 0.08);
50824       border: 1px solid rgba(244, 67, 54, 0.12);
50825       padding-left: 16px;
50826       margin-top: 8px;
50827       border-radius: 2px; }
50828       md-dialog.voiceQueue-dialog .error-list .error .message {
50829         font-weight: 500; }
50830       md-dialog.voiceQueue-dialog .error-list .error .md-button {
50831         margin: 0; }
50832       md-dialog.voiceQueue-dialog .error-list .error:last-child {
50833         margin-bottom: 30px; }
50834   md-dialog.voiceQueue-dialog md-dialog-actions {
50835     position: relative;
50836     overflow-y: hidden;
50837     overflow-x: auto;
50838     justify-content: space-between;
50839     background-color: rgba(0, 0, 0, 0.03);
50840     border-top: 1px solid rgba(0, 0, 0, 0.12); }
50841
50842 @media screen and (max-width: 1280px) {
50843   md-dialog.task-dialog {
50844     width: 80%; } }
50845
50846 @media screen and (max-width: 960px) {
50847   md-dialog.task-dialog {
50848     width: 90%; } }
50849
50850 #voice-voiceQueue .header {
50851   height: 120px;
50852   min-height: 120px;
50853   max-height: 120px; }
50854   #voice-voiceQueue .header .goto-voiceQueues-button {
50855     margin-right: 16px; }
50856   #voice-voiceQueue .header .voiceQueue-image {
50857     overflow: hidden;
50858     width: 56px;
50859     height: 56px;
50860     margin-right: 16px;
50861     border: 3px solid rgba(0, 0, 0, 0.12); }
50862     #voice-voiceQueue .header .voiceQueue-image img {
50863       height: 100%;
50864       width: auto;
50865       max-width: none; }
50866   #voice-voiceQueue .header .subtitle {
50867     margin: 6px 0 0 0; }
50868
50869 #voice-voiceQueue .voiceQueue-detail-form-container {
50870   padding: 24px;
50871   margin-bottom: 24px; }
50872   #voice-voiceQueue .voiceQueue-detail-form-container .hint {
50873     font-size: 12px;
50874     line-height: 20px;
50875     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
50876     /* Set our own color */
50877     color: grey; }
50878   #voice-voiceQueue .voiceQueue-detail-form-container .handle {
50879     cursor: move; }
50880   #voice-voiceQueue .voiceQueue-detail-form-container md-input-container md-switch {
50881     margin: 0px !important; }
50882   #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader {
50883     position: relative; }
50884     #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader.dropping .drop-text {
50885       display: flex; }
50886     #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader .drop-text {
50887       display: none;
50888       position: absolute;
50889       top: 0;
50890       right: 0;
50891       bottom: 0;
50892       left: 0;
50893       padding: 16px;
50894       text-align: center;
50895       border: 2px dashed rgba(0, 0, 0, 0.12);
50896       background: #FFFFFF;
50897       font-size: 20px;
50898       z-index: 100; }
50899     #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader .upload-button {
50900       margin-bottom: 16px; }
50901     #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader .voiceQueue-image {
50902       position: relative;
50903       width: 200px;
50904       height: 200px;
50905       border: 1px solid rgba(0, 0, 0, 0.12);
50906       margin: 8px; }
50907       #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader .voiceQueue-image.uploading .overlay {
50908         position: absolute;
50909         top: 0;
50910         right: 0;
50911         bottom: 0;
50912         left: 0;
50913         background: rgba(0, 0, 0, 0.87); }
50914       #voice-voiceQueue .voiceQueue-detail-form-container #voiceQueue-image-uploader .voiceQueue-image .media {
50915         max-height: 100%; }
50916
50917 #voiceQueues {
50918   position: relative; }
50919   #voiceQueues > .header {
50920     height: 76px;
50921     min-height: 76px;
50922     max-height: 76px; }
50923     #voiceQueues > .header .logo .logo-icon {
50924       margin: 0 16px 0 0; }
50925     #voiceQueues > .header .logo .logo-text {
50926       font-size: 24px; }
50927     #voiceQueues > .header md-icon {
50928       color: #FFFFFF; }
50929     #voiceQueues > .header .search-input-wrapper {
50930       position: relative; }
50931       #voiceQueues > .header .search-input-wrapper label {
50932         padding-right: 4px;
50933         cursor: pointer; }
50934         #voiceQueues > .header .search-input-wrapper label md-icon {
50935           color: rgba(255, 255, 255, 0.8); }
50936       #voiceQueues > .header .search-input-wrapper md-input-container .md-errors-spacer {
50937         display: none; }
50938       #voiceQueues > .header .search-input-wrapper md-input-container input {
50939         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
50940         color: rgba(255, 255, 255, 0.8);
50941         width: 240px; }
50942         #voiceQueues > .header .search-input-wrapper md-input-container input::placeholder {
50943           color: rgba(255, 255, 255, 0.8); }
50944         #voiceQueues > .header .search-input-wrapper md-input-container input:focus {
50945           border-bottom: 1px solid white;
50946           color: white; }
50947     #voiceQueues > .header.selected-bar {
50948       position: absolute;
50949       top: 0;
50950       left: 0;
50951       right: 0;
50952       z-index: 999;
50953       background-image: none;
50954       opacity: 1 !important; }
50955       #voiceQueues > .header.selected-bar .close-button-wrapper {
50956         width: 244px; }
50957   #voiceQueues > .content {
50958     position: absolute;
50959     top: 76px;
50960     bottom: 0;
50961     right: 0;
50962     left: 0; }
50963     #voiceQueues > .content .main {
50964       padding: 16px 90px 0 4px;
50965       position: absolute;
50966       top: 0;
50967       left: 24px;
50968       right: 0;
50969       bottom: 0; }
50970       #voiceQueues > .content .main .no-results {
50971         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
50972   #voiceQueues #add-voiceQueue-button {
50973     position: fixed;
50974     bottom: 8px;
50975     right: 8px;
50976     padding: 0; }
50977
50978 md-dialog.voiceRecording-dialog {
50979   max-width: 720px;
50980   width: 720px; }
50981   md-dialog.voiceRecording-dialog md-dialog-content {
50982     display: block;
50983     position: relative; }
50984   md-dialog.voiceRecording-dialog md-toolbar .title {
50985     font-size: 17px; }
50986   md-dialog.voiceRecording-dialog md-input-container textarea {
50987     min-height: 150px; }
50988   md-dialog.voiceRecording-dialog md-input-container .hint {
50989     font-size: 12px;
50990     line-height: 20px;
50991     transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
50992     /* Set our own color */
50993     color: grey; }
50994   md-dialog.voiceRecording-dialog md-input-container md-input-container md-switch {
50995     margin: 0px !important; }
50996   md-dialog.voiceRecording-dialog .date-container {
50997     padding: 16px 0 24px 0; }
50998   md-dialog.voiceRecording-dialog .error-list {
50999     font-size: 13px;
51000     padding-top: -40px; }
51001     md-dialog.voiceRecording-dialog .error-list .error {
51002       background-color: rgba(244, 67, 54, 0.08);
51003       border: 1px solid rgba(244, 67, 54, 0.12);
51004       padding-left: 16px;
51005       margin-top: 8px;
51006       border-radius: 2px; }
51007       md-dialog.voiceRecording-dialog .error-list .error .message {
51008         font-weight: 500; }
51009       md-dialog.voiceRecording-dialog .error-list .error .md-button {
51010         margin: 0; }
51011       md-dialog.voiceRecording-dialog .error-list .error:last-child {
51012         margin-bottom: 30px; }
51013   md-dialog.voiceRecording-dialog md-dialog-actions {
51014     position: relative;
51015     overflow-y: hidden;
51016     overflow-x: auto;
51017     justify-content: space-between;
51018     background-color: rgba(0, 0, 0, 0.03);
51019     border-top: 1px solid rgba(0, 0, 0, 0.12); }
51020
51021 @media screen and (max-width: 1280px) {
51022   md-dialog.task-dialog {
51023     width: 80%; } }
51024
51025 @media screen and (max-width: 960px) {
51026   md-dialog.task-dialog {
51027     width: 90%; } }
51028
51029 #voiceRecordings {
51030   position: relative; }
51031   #voiceRecordings > .header {
51032     height: 76px;
51033     min-height: 76px;
51034     max-height: 76px; }
51035     #voiceRecordings > .header .logo .logo-icon {
51036       margin: 0 16px 0 0; }
51037     #voiceRecordings > .header .logo .logo-text {
51038       font-size: 24px; }
51039     #voiceRecordings > .header md-icon {
51040       color: #FFFFFF; }
51041     #voiceRecordings > .header .search-input-wrapper {
51042       position: relative; }
51043       #voiceRecordings > .header .search-input-wrapper label {
51044         padding-right: 4px;
51045         cursor: pointer; }
51046         #voiceRecordings > .header .search-input-wrapper label md-icon {
51047           color: rgba(255, 255, 255, 0.8); }
51048       #voiceRecordings > .header .search-input-wrapper md-input-container .md-errors-spacer {
51049         display: none; }
51050       #voiceRecordings > .header .search-input-wrapper md-input-container input {
51051         border-bottom: 1px solid rgba(255, 255, 255, 0.8);
51052         color: rgba(255, 255, 255, 0.8);
51053         width: 240px; }
51054         #voiceRecordings > .header .search-input-wrapper md-input-container input::placeholder {
51055           color: rgba(255, 255, 255, 0.8); }
51056         #voiceRecordings > .header .search-input-wrapper md-input-container input:focus {
51057           border-bottom: 1px solid white;
51058           color: white; }
51059     #voiceRecordings > .header.selected-bar {
51060       position: absolute;
51061       top: 0;
51062       left: 0;
51063       right: 0;
51064       z-index: 999;
51065       background-image: none;
51066       opacity: 1 !important; }
51067       #voiceRecordings > .header.selected-bar .close-button-wrapper {
51068         width: 244px; }
51069   #voiceRecordings > .content {
51070     position: absolute;
51071     top: 76px;
51072     bottom: 0;
51073     right: 0;
51074     left: 0; }
51075     #voiceRecordings > .content .main {
51076       padding: 16px 90px 0 4px;
51077       position: absolute;
51078       top: 0;
51079       left: 24px;
51080       right: 0;
51081       bottom: 0; }
51082       #voiceRecordings > .content .main .no-results {
51083         box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14); }
51084   #voiceRecordings #add-voiceRecording-button {
51085     position: fixed;
51086     bottom: 8px;
51087     right: 8px;
51088     padding: 0; }
51089
51090 #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation {
51091   width: 240px;
51092   min-width: 240px;
51093   max-width: 240px;
51094   overflow-x: hidden;
51095   transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), width 0.1s linear, min-width 0.1s linear, max-width 0.1s linear;
51096   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
51097   #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .navigation-header {
51098     height: 64px;
51099     min-height: 64px;
51100     background-color: rgba(255, 255, 255, 0.05);
51101     padding: 0 16px 0 24px; }
51102   #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation:not(._md-locked-open) {
51103     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
51104
51105 @media only screen and (min-width: 960px) {
51106   .ms-navigation-folded #content-container {
51107     margin-left: 64px; }
51108   .ms-navigation-folded #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation {
51109     position: absolute; }
51110   .ms-navigation-folded:not(.ms-navigation-folded-open) #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation {
51111     position: absolute;
51112     width: 64px;
51113     min-width: 64px;
51114     max-width: 64px; }
51115     .ms-navigation-folded:not(.ms-navigation-folded-open) #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .navigation-header {
51116       padding: 0 16px; }
51117       .ms-navigation-folded:not(.ms-navigation-folded-open) #layout-vertical-navigation-fullwidth-toolbar-2 #vertical-navigation .navigation-header .logo-text {
51118         display: none; } }
51119
51120 #vertical-navigation {
51121   width: 240px;
51122   min-width: 240px;
51123   max-width: 240px;
51124   overflow-x: hidden;
51125   transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), width 0.1s linear, min-width 0.1s linear, max-width 0.1s linear;
51126   box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
51127   #vertical-navigation .navigation-header {
51128     height: 64px;
51129     min-height: 64px;
51130     background-color: rgba(255, 255, 255, 0.05);
51131     padding: 0 16px 0 24px; }
51132     #vertical-navigation .navigation-header .logo .logo-image {
51133       display: block;
51134       width: 32px;
51135       min-width: 32px;
51136       height: 32px;
51137       line-height: 32px;
51138       text-align: center;
51139       font-size: 16px;
51140       font-weight: 500;
51141       color: #FFFFFF;
51142       border-radius: 2px; }
51143     #vertical-navigation .navigation-header .logo .logo-text {
51144       color: #FFFFFF;
51145       margin-left: 16px;
51146       font-size: 16px; }
51147     #vertical-navigation .navigation-header .fold-toggle {
51148       transition: transform 0.3s ease-in-out 0.1s;
51149       transform: rotate(0deg);
51150       margin: 0;
51151       padding: 8px;
51152       width: 34px !important;
51153       height: 34px !important;
51154       cursor: pointer; }
51155   #vertical-navigation:not(._md-locked-open) {
51156     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
51157
51158 @media only screen and (min-width: 960px) {
51159   .ms-navigation-folded #content-container {
51160     margin-left: 64px; }
51161   .ms-navigation-folded #vertical-navigation {
51162     position: absolute; }
51163     .ms-navigation-folded #vertical-navigation .navigation-header .fold-toggle {
51164       transform: rotate(180deg);
51165       opacity: 0; }
51166   .ms-navigation-folded.ms-navigation-folded-open #vertical-navigation .navigation-header .fold-toggle {
51167     transition: transform 0.3s ease-in-out 0.1s, opacity 0.3s ease-in-out 0.2s;
51168     opacity: 1; }
51169   .ms-navigation-folded:not(.ms-navigation-folded-open) #vertical-navigation {
51170     position: absolute;
51171     width: 64px;
51172     min-width: 64px;
51173     max-width: 64px; }
51174     .ms-navigation-folded:not(.ms-navigation-folded-open) #vertical-navigation .navigation-header {
51175       padding: 0 16px; }
51176       .ms-navigation-folded:not(.ms-navigation-folded-open) #vertical-navigation .navigation-header .logo-text {
51177         display: none; } }
51178
51179 #quick-panel {
51180   width: 330px;
51181   min-width: 330px;
51182   max-width: 330px;
51183   z-index: 99; }
51184   #quick-panel md-content {
51185     height: 100%; }
51186     #quick-panel md-content md-tabs {
51187       height: 100%; }
51188       #quick-panel md-content md-tabs md-tabs-wrapper {
51189         background-color: rgba(0, 0, 0, 0.03);
51190         border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
51191         #quick-panel md-content md-tabs md-tabs-wrapper .md-tab {
51192           max-width: none !important; }
51193       #quick-panel md-content md-tabs md-tabs-content-wrapper md-tab-content {
51194         height: 100%;
51195         overflow: hidden; }
51196         #quick-panel md-content md-tabs md-tabs-content-wrapper md-tab-content > div {
51197           overflow: hidden;
51198           height: 100%; }
51199
51200 @media screen and (max-width: 600px) {
51201   #quick-panel {
51202     width: 80%;
51203     min-width: 80%;
51204     max-width: 80%; } }
51205
51206 #quick-panel .activity-tab .friends .friend {
51207   position: relative; }
51208   #quick-panel .activity-tab .friends .friend .status {
51209     position: absolute;
51210     top: 8px;
51211     left: 44px;
51212     width: 18px;
51213     height: 18px;
51214     z-index: 10;
51215     border-radius: 50%;
51216     border: 3px solid #FFFFFF; }
51217     #quick-panel .activity-tab .friends .friend .status.online {
51218       background-color: #00C853; }
51219     #quick-panel .activity-tab .friends .friend .status.offline {
51220       background-color: #D50000; }
51221     #quick-panel .activity-tab .friends .friend .status.away {
51222       background-color: #FF6D00; }
51223   #quick-panel .activity-tab .friends .friend .unread-message-count {
51224     position: absolute;
51225     left: 16px;
51226     bottom: 16px;
51227     width: 18px;
51228     height: 18px;
51229     z-index: 10;
51230     border-radius: 50%;
51231     text-align: center;
51232     line-height: 18px;
51233     font-size: 11px; }
51234
51235 #quick-panel .activity-tab .servers .server .status {
51236   margin: 24px 20px 28px 8px; }
51237   #quick-panel .activity-tab .servers .server .status.normal {
51238     color: #00C853; }
51239   #quick-panel .activity-tab .servers .server .status.warn {
51240     color: #D50000; }
51241   #quick-panel .activity-tab .servers .server .status.error {
51242     color: #FF6D00; }
51243
51244 #quick-panel .activity-tab .stat md-progress-linear.normal .md-bar {
51245   background-color: #00C853; }
51246
51247 #quick-panel .activity-tab .stat md-progress-linear.normal .md-container {
51248   background-color: rgba(0, 200, 83, 0.3); }
51249
51250 #quick-panel .activity-tab .stat md-progress-linear.warn .md-bar {
51251   background-color: #FF6D00; }
51252
51253 #quick-panel .activity-tab .stat md-progress-linear.warn .md-container {
51254   background-color: rgba(255, 109, 0, 0.3); }
51255
51256 #quick-panel .activity-tab .stat md-progress-linear.alert .md-bar {
51257   background-color: #D50000; }
51258
51259 #quick-panel .activity-tab .stat md-progress-linear.alert .md-container {
51260   background-color: rgba(213, 0, 0, 0.3); }
51261
51262 #quick-panel .chat-tab .main,
51263 #quick-panel .chat-tab .chat {
51264   position: absolute;
51265   width: 100%;
51266   top: 0;
51267   bottom: 0; }
51268
51269 #quick-panel .chat-tab .main .contact {
51270   position: relative; }
51271   #quick-panel .chat-tab .main .contact .status {
51272     position: absolute;
51273     top: 8px;
51274     left: 44px;
51275     width: 18px;
51276     height: 18px;
51277     border: 3px solid #FFFFFF;
51278     border-radius: 50%;
51279     z-index: 10; }
51280     #quick-panel .chat-tab .main .contact .status.online {
51281       background-color: #00C853; }
51282     #quick-panel .chat-tab .main .contact .status.offline {
51283       background-color: #D50000; }
51284     #quick-panel .chat-tab .main .contact .status.away {
51285       background-color: #FF6D00; }
51286   #quick-panel .chat-tab .main .contact .unread-message-count {
51287     position: absolute;
51288     left: 16px;
51289     bottom: 16px;
51290     width: 18px;
51291     height: 18px;
51292     z-index: 10;
51293     border-radius: 50%;
51294     text-align: center;
51295     line-height: 18px;
51296     font-size: 11px; }
51297
51298 #quick-panel .chat-tab .main .recent .contact .status {
51299   top: 18px; }
51300
51301 #quick-panel .chat-tab .chat {
51302   max-height: 100%;
51303   overflow: hidden; }
51304   #quick-panel .chat-tab .chat .message-row .bubble {
51305     position: relative;
51306     padding: 8px;
51307     background-color: #eceff1;
51308     border: 1px solid #dcdfe1; }
51309     #quick-panel .chat-tab .chat .message-row .bubble:after, #quick-panel .chat-tab .chat .message-row .bubble:before {
51310       content: ' ';
51311       position: absolute;
51312       width: 0;
51313       height: 0; }
51314     #quick-panel .chat-tab .chat .message-row .bubble:after {
51315       left: -7px;
51316       right: auto;
51317       top: 0px;
51318       bottom: auto;
51319       border: 11px solid;
51320       border-color: #eceff1 transparent transparent transparent; }
51321     #quick-panel .chat-tab .chat .message-row .bubble:before {
51322       left: -9px;
51323       right: auto;
51324       top: -1px;
51325       bottom: auto;
51326       border: 8px solid;
51327       border-color: #dcdfe1 transparent transparent transparent; }
51328     #quick-panel .chat-tab .chat .message-row .bubble .time {
51329       font-size: 11px;
51330       margin-top: 8px; }
51331   #quick-panel .chat-tab .chat .message-row.contact .avatar {
51332     margin: 0 16px 0 0; }
51333   #quick-panel .chat-tab .chat .message-row.user {
51334     align-items: flex-end; }
51335     #quick-panel .chat-tab .chat .message-row.user .avatar {
51336       order: 2;
51337       margin: 0 0 0 16px; }
51338     #quick-panel .chat-tab .chat .message-row.user .bubble {
51339       background-color: #E8F5E9;
51340       border: 1px solid #DFEBE0;
51341       order: 1; }
51342       #quick-panel .chat-tab .chat .message-row.user .bubble:after {
51343         right: -7px;
51344         left: auto;
51345         top: auto;
51346         bottom: 0px;
51347         border-color: transparent transparent #E8F5E9 transparent; }
51348       #quick-panel .chat-tab .chat .message-row.user .bubble:before {
51349         right: -9px;
51350         left: auto;
51351         top: auto;
51352         bottom: -1px;
51353         border-color: transparent transparent #DFEBE0 transparent; }
51354   #quick-panel .chat-tab .chat .reply {
51355     border-top: 1px solid rgba(0, 0, 0, 0.12); }
51356     #quick-panel .chat-tab .chat .reply textarea {
51357       margin: 8px;
51358       resize: none;
51359       height: 80px;
51360       padding: 8px 16px 8px 8px; }
51361
51362 #layout-content-with-toolbar #toolbar {
51363   padding: 0 0 0 16px; }
51364   #layout-content-with-toolbar #toolbar .logo {
51365     margin-right: 16px; }
51366     #layout-content-with-toolbar #toolbar .logo .logo-image {
51367       display: block;
51368       background: #039BE5;
51369       width: 32px;
51370       min-width: 32px;
51371       height: 32px;
51372       line-height: 32px;
51373       text-align: center;
51374       color: #FFFFFF;
51375       font-size: 16px;
51376       font-weight: 500;
51377       border-radius: 2px; }
51378     #layout-content-with-toolbar #toolbar .logo .logo-text {
51379       color: rgba(0, 0, 0, 0.87);
51380       margin-left: 16px;
51381       font-size: 16px; }
51382
51383 #layout-horizontal-navigation #toolbar-navigation-container {
51384   z-index: 55; }
51385   #layout-horizontal-navigation #toolbar-navigation-container #toolbar {
51386     height: 64px;
51387     min-height: 64px;
51388     max-height: 64px;
51389     box-shadow: none; }
51390     #layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .navigation-toggle {
51391       height: 64px;
51392       border-right: 1px solid rgba(0, 0, 0, 0.12); }
51393       #layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .navigation-toggle .md-button {
51394         margin: 0;
51395         width: 64px;
51396         height: 64px; }
51397     #layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .logo {
51398       margin: 0 16px; }
51399       #layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .logo .logo-image {
51400         display: block;
51401         background: #039BE5;
51402         width: 32px;
51403         min-width: 32px;
51404         height: 32px;
51405         line-height: 32px;
51406         text-align: center;
51407         color: #FFFFFF;
51408         font-size: 16px;
51409         font-weight: 500;
51410         border-radius: 2px; }
51411       #layout-horizontal-navigation #toolbar-navigation-container #toolbar .top-row .logo .logo-text {
51412         color: rgba(0, 0, 0, 0.87);
51413         margin-left: 16px;
51414         font-size: 16px; }
51415
51416 @media only screen and (max-width: 960px) {
51417   #layout-horizontal-navigation #toolbar-navigation-container {
51418     height: 64px;
51419     min-height: 64px;
51420     max-height: 64px; }
51421     #layout-horizontal-navigation #toolbar-navigation-container #toolbar {
51422       padding: 0; } }
51423
51424 #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo {
51425   width: 240px;
51426   padding: 0 16px; }
51427   #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo .logo-image {
51428     display: block;
51429     background: #039BE5;
51430     width: 32px;
51431     min-width: 32px;
51432     height: 32px;
51433     line-height: 32px;
51434     text-align: center;
51435     color: #FFFFFF;
51436     font-size: 16px;
51437     font-weight: 500;
51438     border-radius: 2px; }
51439   #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo .logo-text {
51440     color: rgba(0, 0, 0, 0.87);
51441     margin-left: 16px;
51442     font-size: 16px; }
51443
51444 #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .navigation-fold-toggle {
51445   width: 64px;
51446   min-width: 64px;
51447   height: 64px;
51448   margin: 0;
51449   border-right: 1px solid rgba(0, 0, 0, 0.12);
51450   border-radius: 0; }
51451   #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .navigation-fold-toggle md-icon {
51452     transition: transform 0.3s ease-in-out 0.1s;
51453     transform: rotate(0deg); }
51454
51455 @media only screen and (min-width: 960px) {
51456   .ms-navigation-folded #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .navigation-fold-toggle md-icon {
51457     transform: rotate(180deg); } }
51458
51459 @media only screen and (max-width: 960px) {
51460   #layout-vertical-navigation-fullwidth-toolbar-2 #toolbar .logo {
51461     width: auto; } }
51462
51463 #toolbar {
51464   height: 64px;
51465   min-height: 64px;
51466   max-height: 64px;
51467   z-index: 55 !important; }
51468   #toolbar .blink {
51469     animation: blinker 2s linear infinite; }
51470   #toolbar #navigation-toggle {
51471     width: 64px;
51472     min-width: 64px;
51473     height: 64px;
51474     margin: 0;
51475     border-right: 1px solid rgba(0, 0, 0, 0.12);
51476     border-radius: 0; }
51477   #toolbar #user-menu {
51478     height: 64px;
51479     padding: 0; }
51480     #toolbar #user-menu md-menu-item .md-button {
51481       font-size: 15px; }
51482       #toolbar #user-menu md-menu-item .md-button md-icon {
51483         margin: auto 16px auto 0; }
51484     #toolbar #user-menu .user-button {
51485       margin: 0;
51486       padding: 0 16px;
51487       height: 64px;
51488       text-transform: none; }
51489       #toolbar #user-menu .user-button .avatar-wrapper {
51490         position: relative; }
51491         #toolbar #user-menu .user-button .avatar-wrapper .status {
51492           position: absolute;
51493           bottom: -3px;
51494           right: 5px; }
51495       #toolbar #user-menu .user-button .username {
51496         margin: 0 12px 0 8px; }
51497   #toolbar #language-menu {
51498     height: 64px; }
51499     #toolbar #language-menu .language-button {
51500       min-width: 64px;
51501       height: 64px;
51502       margin: 0;
51503       padding: 0 16px;
51504       border-radius: 0; }
51505       #toolbar #language-menu .language-button .iso {
51506         text-transform: uppercase; }
51507       #toolbar #language-menu .language-button .flag {
51508         margin-right: 8px; }
51509   #toolbar #quick-panel-toggle {
51510     width: 64px;
51511     height: 64px;
51512     margin: 0;
51513     border-radius: 0; }
51514   #toolbar .toolbar-separator {
51515     height: 64px;
51516     width: 1px;
51517     background: rgba(0, 0, 0, 0.12); }
51518
51519 #language-menu-content md-menu-item .flag {
51520   margin-right: 16px; }
51521
51522 #language-message {
51523   min-height: 88px;
51524   max-width: 600px; }
51525   #language-message .md-toast-content {
51526     height: 90px; }
51527
51528 @media screen and (max-width: 600px) {
51529   #toolbar #user-menu .user-button {
51530     min-width: 64px;
51531     padding: 0 2px 0 10px; } }