git.roojs.org Git - bootswatch/blob - material-kit/css/material-kit.css

   1 /*!
   2
   3  =========================================================
   4  * Material Kit - v1.1.1.0
   5  =========================================================
   6
   7  * Product Page: http://www.creative-tim.com/product/material-kit
   8  * Copyright 2017 Creative Tim (http://www.creative-tim.com)
   9  * Licensed under MIT (https://github.com/timcreative/material-kit/blob/master/LICENSE.md)
  10
  11  =========================================================
  12
  13  * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
  14
  15  */
  16
  17 /* ANIMATION */
  18 /* SHADOWS */
  19 /* Shadows (from mdl http://www.getmdl.io/) */
  20 body {
  21   background-color: #CCCCCC;
  22 }
  23 body.inverse {
  24   background: #333333;
  25 }
  26 body.inverse, body.inverse .form-control {
  27   color: #ffffff;
  28 }
  29 body.inverse .modal,
  30 body.inverse .modal .form-control,
  31 body.inverse .panel-default,
  32 body.inverse .panel-default .form-control,
  33 body.inverse .card,
  34 body.inverse .card .form-control {
  35   background-color: initial;
  36   color: initial;
  37 }
  38
  39 .life-of-material-kit {
  40   background: #FFFFFF;
  41 }
  42
  43 body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  44   font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  45   font-weight: 300;
  46   line-height: 1.5em;
  47 }
  48
  49 a, a:hover, a:focus {
  50   color: #9c27b0;
  51 }
  52 a .material-icons, a:hover .material-icons, a:focus .material-icons {
  53   vertical-align: middle;
  54 }
  55
  56 /*           Animations              */
  57 .animation-transition-general, .carousel .carousel-indicators li {
  58   -webkit-transition: all 300ms linear;
  59   -moz-transition: all 300ms linear;
  60   -o-transition: all 300ms linear;
  61   -ms-transition: all 300ms linear;
  62   transition: all 300ms linear;
  63 }
  64
  65 .animation-transition-slow {
  66   -webkit-transition: all 370ms linear;
  67   -moz-transition: all 370ms linear;
  68   -o-transition: all 370ms linear;
  69   -ms-transition: all 370ms linear;
  70   transition: all 370ms linear;
  71 }
  72
  73 .animation-transition-fast, .navbar {
  74   -webkit-transition: all 150ms ease 0s;
  75   -moz-transition: all 150ms ease 0s;
  76   -o-transition: all 150ms ease 0s;
  77   -ms-transition: all 150ms ease 0s;
  78   transition: all 150ms ease 0s;
  79 }
  80
  81 .form-horizontal .radio,
  82 .form-horizontal .checkbox,
  83 .form-horizontal .radio-inline,
  84 .form-horizontal .checkbox-inline {
  85   padding-top: 0;
  86 }
  87 .form-horizontal .radio {
  88   margin-bottom: 10px;
  89 }
  90 .form-horizontal label {
  91   text-align: right;
  92 }
  93 .form-horizontal label.control-label {
  94   margin: 0;
  95 }
  96
  97 .btn,
  98 .navbar .navbar-nav > li > a.btn {
  99   border: none;
 100   border-radius: 3px;
 101   position: relative;
 102   padding: 12px 30px;
 103   margin: 10px 1px;
 104   font-size: 12px;
 105   font-weight: 400;
 106   text-transform: uppercase;
 107   letter-spacing: 0;
 108   will-change: box-shadow, transform;
 109   transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 110 }
 111 .btn::-moz-focus-inner,
 112 .navbar .navbar-nav > li > a.btn::-moz-focus-inner {
 113   border: 0;
 114 }
 115 .btn, .btn.btn-default,
 116 .navbar .navbar-nav > li > a.btn,
 117 .navbar .navbar-nav > li > a.btn.btn-default {
 118   box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
 119 }
 120 .btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover, .open > .btn.dropdown-toggle, .open > .btn.dropdown-toggle:focus, .open > .btn.dropdown-toggle:hover, .btn.btn-default, .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default.active, .btn.btn-default:active:focus, .btn.btn-default:active:hover, .btn.btn-default.active:focus, .btn.btn-default.active:hover, .open > .btn.btn-default.dropdown-toggle, .open > .btn.btn-default.dropdown-toggle:focus, .open > .btn.btn-default.dropdown-toggle:hover,
 121 .navbar .navbar-nav > li > a.btn,
 122 .navbar .navbar-nav > li > a.btn:hover,
 123 .navbar .navbar-nav > li > a.btn:focus,
 124 .navbar .navbar-nav > li > a.btn:active,
 125 .navbar .navbar-nav > li > a.btn.active,
 126 .navbar .navbar-nav > li > a.btn:active:focus,
 127 .navbar .navbar-nav > li > a.btn:active:hover,
 128 .navbar .navbar-nav > li > a.btn.active:focus,
 129 .navbar .navbar-nav > li > a.btn.active:hover, .open >
 130 .navbar .navbar-nav > li > a.btn.dropdown-toggle, .open >
 131 .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus, .open >
 132 .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover,
 133 .navbar .navbar-nav > li > a.btn.btn-default,
 134 .navbar .navbar-nav > li > a.btn.btn-default:hover,
 135 .navbar .navbar-nav > li > a.btn.btn-default:focus,
 136 .navbar .navbar-nav > li > a.btn.btn-default:active,
 137 .navbar .navbar-nav > li > a.btn.btn-default.active,
 138 .navbar .navbar-nav > li > a.btn.btn-default:active:focus,
 139 .navbar .navbar-nav > li > a.btn.btn-default:active:hover,
 140 .navbar .navbar-nav > li > a.btn.btn-default.active:focus,
 141 .navbar .navbar-nav > li > a.btn.btn-default.active:hover, .open >
 142 .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle, .open >
 143 .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:focus, .open >
 144 .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:hover {
 145   background-color: #999999;
 146   color: #FFFFFF;
 147 }
 148 .btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover,
 149 .navbar .navbar-nav > li > a.btn:focus,
 150 .navbar .navbar-nav > li > a.btn:active,
 151 .navbar .navbar-nav > li > a.btn:hover,
 152 .navbar .navbar-nav > li > a.btn.btn-default:focus,
 153 .navbar .navbar-nav > li > a.btn.btn-default:active,
 154 .navbar .navbar-nav > li > a.btn.btn-default:hover {
 155   box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
 156 }
 157 .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.btn-default.disabled, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled.focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled.active, .btn.btn-default:disabled, .btn.btn-default:disabled:hover, .btn.btn-default:disabled:focus, .btn.btn-default:disabled.focus, .btn.btn-default:disabled:active, .btn.btn-default:disabled.active, .btn.btn-default[disabled], .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled].focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default:hover, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default.focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active,
 158 .navbar .navbar-nav > li > a.btn.disabled,
 159 .navbar .navbar-nav > li > a.btn.disabled:hover,
 160 .navbar .navbar-nav > li > a.btn.disabled:focus,
 161 .navbar .navbar-nav > li > a.btn.disabled.focus,
 162 .navbar .navbar-nav > li > a.btn.disabled:active,
 163 .navbar .navbar-nav > li > a.btn.disabled.active,
 164 .navbar .navbar-nav > li > a.btn:disabled,
 165 .navbar .navbar-nav > li > a.btn:disabled:hover,
 166 .navbar .navbar-nav > li > a.btn:disabled:focus,
 167 .navbar .navbar-nav > li > a.btn:disabled.focus,
 168 .navbar .navbar-nav > li > a.btn:disabled:active,
 169 .navbar .navbar-nav > li > a.btn:disabled.active,
 170 .navbar .navbar-nav > li > a.btn[disabled],
 171 .navbar .navbar-nav > li > a.btn[disabled]:hover,
 172 .navbar .navbar-nav > li > a.btn[disabled]:focus,
 173 .navbar .navbar-nav > li > a.btn[disabled].focus,
 174 .navbar .navbar-nav > li > a.btn[disabled]:active,
 175 .navbar .navbar-nav > li > a.btn[disabled].active, fieldset[disabled]
 176 .navbar .navbar-nav > li > a.btn, fieldset[disabled]
 177 .navbar .navbar-nav > li > a.btn:hover, fieldset[disabled]
 178 .navbar .navbar-nav > li > a.btn:focus, fieldset[disabled]
 179 .navbar .navbar-nav > li > a.btn.focus, fieldset[disabled]
 180 .navbar .navbar-nav > li > a.btn:active, fieldset[disabled]
 181 .navbar .navbar-nav > li > a.btn.active,
 182 .navbar .navbar-nav > li > a.btn.btn-default.disabled,
 183 .navbar .navbar-nav > li > a.btn.btn-default.disabled:hover,
 184 .navbar .navbar-nav > li > a.btn.btn-default.disabled:focus,
 185 .navbar .navbar-nav > li > a.btn.btn-default.disabled.focus,
 186 .navbar .navbar-nav > li > a.btn.btn-default.disabled:active,
 187 .navbar .navbar-nav > li > a.btn.btn-default.disabled.active,
 188 .navbar .navbar-nav > li > a.btn.btn-default:disabled,
 189 .navbar .navbar-nav > li > a.btn.btn-default:disabled:hover,
 190 .navbar .navbar-nav > li > a.btn.btn-default:disabled:focus,
 191 .navbar .navbar-nav > li > a.btn.btn-default:disabled.focus,
 192 .navbar .navbar-nav > li > a.btn.btn-default:disabled:active,
 193 .navbar .navbar-nav > li > a.btn.btn-default:disabled.active,
 194 .navbar .navbar-nav > li > a.btn.btn-default[disabled],
 195 .navbar .navbar-nav > li > a.btn.btn-default[disabled]:hover,
 196 .navbar .navbar-nav > li > a.btn.btn-default[disabled]:focus,
 197 .navbar .navbar-nav > li > a.btn.btn-default[disabled].focus,
 198 .navbar .navbar-nav > li > a.btn.btn-default[disabled]:active,
 199 .navbar .navbar-nav > li > a.btn.btn-default[disabled].active, fieldset[disabled]
 200 .navbar .navbar-nav > li > a.btn.btn-default, fieldset[disabled]
 201 .navbar .navbar-nav > li > a.btn.btn-default:hover, fieldset[disabled]
 202 .navbar .navbar-nav > li > a.btn.btn-default:focus, fieldset[disabled]
 203 .navbar .navbar-nav > li > a.btn.btn-default.focus, fieldset[disabled]
 204 .navbar .navbar-nav > li > a.btn.btn-default:active, fieldset[disabled]
 205 .navbar .navbar-nav > li > a.btn.btn-default.active {
 206   box-shadow: none;
 207 }
 208 .btn.btn-simple, .btn.btn-default.btn-simple,
 209 .navbar .navbar-nav > li > a.btn.btn-simple,
 210 .navbar .navbar-nav > li > a.btn.btn-default.btn-simple {
 211   background-color: transparent;
 212   color: #999999;
 213   box-shadow: none;
 214 }
 215 .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-default.btn-simple:hover, .btn.btn-default.btn-simple:focus, .btn.btn-default.btn-simple:active,
 216 .navbar .navbar-nav > li > a.btn.btn-simple:hover,
 217 .navbar .navbar-nav > li > a.btn.btn-simple:focus,
 218 .navbar .navbar-nav > li > a.btn.btn-simple:active,
 219 .navbar .navbar-nav > li > a.btn.btn-default.btn-simple:hover,
 220 .navbar .navbar-nav > li > a.btn.btn-default.btn-simple:focus,
 221 .navbar .navbar-nav > li > a.btn.btn-default.btn-simple:active {
 222   background-color: transparent;
 223   color: #999999;
 224 }
 225 .btn.btn-primary,
 226 .navbar .navbar-nav > li > a.btn.btn-primary {
 227   box-shadow: 0 2px 2px 0 rgba(156, 39, 176, 0.14), 0 3px 1px -2px rgba(156, 39, 176, 0.2), 0 1px 5px 0 rgba(156, 39, 176, 0.12);
 228 }
 229 .btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover,
 230 .navbar .navbar-nav > li > a.btn.btn-primary,
 231 .navbar .navbar-nav > li > a.btn.btn-primary:hover,
 232 .navbar .navbar-nav > li > a.btn.btn-primary:focus,
 233 .navbar .navbar-nav > li > a.btn.btn-primary:active,
 234 .navbar .navbar-nav > li > a.btn.btn-primary.active,
 235 .navbar .navbar-nav > li > a.btn.btn-primary:active:focus,
 236 .navbar .navbar-nav > li > a.btn.btn-primary:active:hover,
 237 .navbar .navbar-nav > li > a.btn.btn-primary.active:focus,
 238 .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open >
 239 .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open >
 240 .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open >
 241 .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover {
 242   background-color: #9c27b0;
 243   color: #FFFFFF;
 244 }
 245 .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:hover,
 246 .navbar .navbar-nav > li > a.btn.btn-primary:focus,
 247 .navbar .navbar-nav > li > a.btn.btn-primary:active,
 248 .navbar .navbar-nav > li > a.btn.btn-primary:hover {
 249   box-shadow: 0 14px 26px -12px rgba(156, 39, 176, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
 250 }
 251 .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled.active, .btn.btn-primary:disabled, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled.active, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled].focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active,
 252 .navbar .navbar-nav > li > a.btn.btn-primary.disabled,
 253 .navbar .navbar-nav > li > a.btn.btn-primary.disabled:hover,
 254 .navbar .navbar-nav > li > a.btn.btn-primary.disabled:focus,
 255 .navbar .navbar-nav > li > a.btn.btn-primary.disabled.focus,
 256 .navbar .navbar-nav > li > a.btn.btn-primary.disabled:active,
 257 .navbar .navbar-nav > li > a.btn.btn-primary.disabled.active,
 258 .navbar .navbar-nav > li > a.btn.btn-primary:disabled,
 259 .navbar .navbar-nav > li > a.btn.btn-primary:disabled:hover,
 260 .navbar .navbar-nav > li > a.btn.btn-primary:disabled:focus,
 261 .navbar .navbar-nav > li > a.btn.btn-primary:disabled.focus,
 262 .navbar .navbar-nav > li > a.btn.btn-primary:disabled:active,
 263 .navbar .navbar-nav > li > a.btn.btn-primary:disabled.active,
 264 .navbar .navbar-nav > li > a.btn.btn-primary[disabled],
 265 .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:hover,
 266 .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:focus,
 267 .navbar .navbar-nav > li > a.btn.btn-primary[disabled].focus,
 268 .navbar .navbar-nav > li > a.btn.btn-primary[disabled]:active,
 269 .navbar .navbar-nav > li > a.btn.btn-primary[disabled].active, fieldset[disabled]
 270 .navbar .navbar-nav > li > a.btn.btn-primary, fieldset[disabled]
 271 .navbar .navbar-nav > li > a.btn.btn-primary:hover, fieldset[disabled]
 272 .navbar .navbar-nav > li > a.btn.btn-primary:focus, fieldset[disabled]
 273 .navbar .navbar-nav > li > a.btn.btn-primary.focus, fieldset[disabled]
 274 .navbar .navbar-nav > li > a.btn.btn-primary:active, fieldset[disabled]
 275 .navbar .navbar-nav > li > a.btn.btn-primary.active {
 276   box-shadow: none;
 277 }
 278 .btn.btn-primary.btn-simple,
 279 .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple {
 280   background-color: transparent;
 281   color: #9c27b0;
 282   box-shadow: none;
 283 }
 284 .btn.btn-primary.btn-simple:hover, .btn.btn-primary.btn-simple:focus, .btn.btn-primary.btn-simple:active,
 285 .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:hover,
 286 .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:focus,
 287 .navbar .navbar-nav > li > a.btn.btn-primary.btn-simple:active {
 288   background-color: transparent;
 289   color: #9c27b0;
 290 }
 291 .btn.btn-info,
 292 .navbar .navbar-nav > li > a.btn.btn-info {
 293   box-shadow: 0 2px 2px 0 rgba(3, 169, 244, 0.14), 0 3px 1px -2px rgba(3, 169, 244, 0.2), 0 1px 5px 0 rgba(3, 169, 244, 0.12);
 294 }
 295 .btn.btn-info, .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info:active:focus, .btn.btn-info:active:hover, .btn.btn-info.active:focus, .btn.btn-info.active:hover, .open > .btn.btn-info.dropdown-toggle, .open > .btn.btn-info.dropdown-toggle:focus, .open > .btn.btn-info.dropdown-toggle:hover,
 296 .navbar .navbar-nav > li > a.btn.btn-info,
 297 .navbar .navbar-nav > li > a.btn.btn-info:hover,
 298 .navbar .navbar-nav > li > a.btn.btn-info:focus,
 299 .navbar .navbar-nav > li > a.btn.btn-info:active,
 300 .navbar .navbar-nav > li > a.btn.btn-info.active,
 301 .navbar .navbar-nav > li > a.btn.btn-info:active:focus,
 302 .navbar .navbar-nav > li > a.btn.btn-info:active:hover,
 303 .navbar .navbar-nav > li > a.btn.btn-info.active:focus,
 304 .navbar .navbar-nav > li > a.btn.btn-info.active:hover, .open >
 305 .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle, .open >
 306 .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:focus, .open >
 307 .navbar .navbar-nav > li > a.btn.btn-info.dropdown-toggle:hover {
 308   background-color: #03a9f4;
 309   color: #FFFFFF;
 310 }
 311 .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info:hover,
 312 .navbar .navbar-nav > li > a.btn.btn-info:focus,
 313 .navbar .navbar-nav > li > a.btn.btn-info:active,
 314 .navbar .navbar-nav > li > a.btn.btn-info:hover {
 315   box-shadow: 0 14px 26px -12px rgba(3, 169, 244, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 169, 244, 0.2);
 316 }
 317 .btn.btn-info.disabled, .btn.btn-info.disabled:hover, .btn.btn-info.disabled:focus, .btn.btn-info.disabled.focus, .btn.btn-info.disabled:active, .btn.btn-info.disabled.active, .btn.btn-info:disabled, .btn.btn-info:disabled:hover, .btn.btn-info:disabled:focus, .btn.btn-info:disabled.focus, .btn.btn-info:disabled:active, .btn.btn-info:disabled.active, .btn.btn-info[disabled], .btn.btn-info[disabled]:hover, .btn.btn-info[disabled]:focus, .btn.btn-info[disabled].focus, .btn.btn-info[disabled]:active, .btn.btn-info[disabled].active, fieldset[disabled] .btn.btn-info, fieldset[disabled] .btn.btn-info:hover, fieldset[disabled] .btn.btn-info:focus, fieldset[disabled] .btn.btn-info.focus, fieldset[disabled] .btn.btn-info:active, fieldset[disabled] .btn.btn-info.active,
 318 .navbar .navbar-nav > li > a.btn.btn-info.disabled,
 319 .navbar .navbar-nav > li > a.btn.btn-info.disabled:hover,
 320 .navbar .navbar-nav > li > a.btn.btn-info.disabled:focus,
 321 .navbar .navbar-nav > li > a.btn.btn-info.disabled.focus,
 322 .navbar .navbar-nav > li > a.btn.btn-info.disabled:active,
 323 .navbar .navbar-nav > li > a.btn.btn-info.disabled.active,
 324 .navbar .navbar-nav > li > a.btn.btn-info:disabled,
 325 .navbar .navbar-nav > li > a.btn.btn-info:disabled:hover,
 326 .navbar .navbar-nav > li > a.btn.btn-info:disabled:focus,
 327 .navbar .navbar-nav > li > a.btn.btn-info:disabled.focus,
 328 .navbar .navbar-nav > li > a.btn.btn-info:disabled:active,
 329 .navbar .navbar-nav > li > a.btn.btn-info:disabled.active,
 330 .navbar .navbar-nav > li > a.btn.btn-info[disabled],
 331 .navbar .navbar-nav > li > a.btn.btn-info[disabled]:hover,
 332 .navbar .navbar-nav > li > a.btn.btn-info[disabled]:focus,
 333 .navbar .navbar-nav > li > a.btn.btn-info[disabled].focus,
 334 .navbar .navbar-nav > li > a.btn.btn-info[disabled]:active,
 335 .navbar .navbar-nav > li > a.btn.btn-info[disabled].active, fieldset[disabled]
 336 .navbar .navbar-nav > li > a.btn.btn-info, fieldset[disabled]
 337 .navbar .navbar-nav > li > a.btn.btn-info:hover, fieldset[disabled]
 338 .navbar .navbar-nav > li > a.btn.btn-info:focus, fieldset[disabled]
 339 .navbar .navbar-nav > li > a.btn.btn-info.focus, fieldset[disabled]
 340 .navbar .navbar-nav > li > a.btn.btn-info:active, fieldset[disabled]
 341 .navbar .navbar-nav > li > a.btn.btn-info.active {
 342   box-shadow: none;
 343 }
 344 .btn.btn-info.btn-simple,
 345 .navbar .navbar-nav > li > a.btn.btn-info.btn-simple {
 346   background-color: transparent;
 347   color: #03a9f4;
 348   box-shadow: none;
 349 }
 350 .btn.btn-info.btn-simple:hover, .btn.btn-info.btn-simple:focus, .btn.btn-info.btn-simple:active,
 351 .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:hover,
 352 .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:focus,
 353 .navbar .navbar-nav > li > a.btn.btn-info.btn-simple:active {
 354   background-color: transparent;
 355   color: #03a9f4;
 356 }
 357 .btn.btn-success,
 358 .navbar .navbar-nav > li > a.btn.btn-success {
 359   box-shadow: 0 2px 2px 0 rgba(76, 175, 80, 0.14), 0 3px 1px -2px rgba(76, 175, 80, 0.2), 0 1px 5px 0 rgba(76, 175, 80, 0.12);
 360 }
 361 .btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:active:focus, .btn.btn-success:active:hover, .btn.btn-success.active:focus, .btn.btn-success.active:hover, .open > .btn.btn-success.dropdown-toggle, .open > .btn.btn-success.dropdown-toggle:focus, .open > .btn.btn-success.dropdown-toggle:hover,
 362 .navbar .navbar-nav > li > a.btn.btn-success,
 363 .navbar .navbar-nav > li > a.btn.btn-success:hover,
 364 .navbar .navbar-nav > li > a.btn.btn-success:focus,
 365 .navbar .navbar-nav > li > a.btn.btn-success:active,
 366 .navbar .navbar-nav > li > a.btn.btn-success.active,
 367 .navbar .navbar-nav > li > a.btn.btn-success:active:focus,
 368 .navbar .navbar-nav > li > a.btn.btn-success:active:hover,
 369 .navbar .navbar-nav > li > a.btn.btn-success.active:focus,
 370 .navbar .navbar-nav > li > a.btn.btn-success.active:hover, .open >
 371 .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle, .open >
 372 .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus, .open >
 373 .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover {
 374   background-color: #4caf50;
 375   color: #FFFFFF;
 376 }
 377 .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover,
 378 .navbar .navbar-nav > li > a.btn.btn-success:focus,
 379 .navbar .navbar-nav > li > a.btn.btn-success:active,
 380 .navbar .navbar-nav > li > a.btn.btn-success:hover {
 381   box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
 382 }
 383 .btn.btn-success.disabled, .btn.btn-success.disabled:hover, .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success.disabled:active, .btn.btn-success.disabled.active, .btn.btn-success:disabled, .btn.btn-success:disabled:hover, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus, .btn.btn-success:disabled:active, .btn.btn-success:disabled.active, .btn.btn-success[disabled], .btn.btn-success[disabled]:hover, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled].focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled].active, fieldset[disabled] .btn.btn-success, fieldset[disabled] .btn.btn-success:hover, fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success.active,
 384 .navbar .navbar-nav > li > a.btn.btn-success.disabled,
 385 .navbar .navbar-nav > li > a.btn.btn-success.disabled:hover,
 386 .navbar .navbar-nav > li > a.btn.btn-success.disabled:focus,
 387 .navbar .navbar-nav > li > a.btn.btn-success.disabled.focus,
 388 .navbar .navbar-nav > li > a.btn.btn-success.disabled:active,
 389 .navbar .navbar-nav > li > a.btn.btn-success.disabled.active,
 390 .navbar .navbar-nav > li > a.btn.btn-success:disabled,
 391 .navbar .navbar-nav > li > a.btn.btn-success:disabled:hover,
 392 .navbar .navbar-nav > li > a.btn.btn-success:disabled:focus,
 393 .navbar .navbar-nav > li > a.btn.btn-success:disabled.focus,
 394 .navbar .navbar-nav > li > a.btn.btn-success:disabled:active,
 395 .navbar .navbar-nav > li > a.btn.btn-success:disabled.active,
 396 .navbar .navbar-nav > li > a.btn.btn-success[disabled],
 397 .navbar .navbar-nav > li > a.btn.btn-success[disabled]:hover,
 398 .navbar .navbar-nav > li > a.btn.btn-success[disabled]:focus,
 399 .navbar .navbar-nav > li > a.btn.btn-success[disabled].focus,
 400 .navbar .navbar-nav > li > a.btn.btn-success[disabled]:active,
 401 .navbar .navbar-nav > li > a.btn.btn-success[disabled].active, fieldset[disabled]
 402 .navbar .navbar-nav > li > a.btn.btn-success, fieldset[disabled]
 403 .navbar .navbar-nav > li > a.btn.btn-success:hover, fieldset[disabled]
 404 .navbar .navbar-nav > li > a.btn.btn-success:focus, fieldset[disabled]
 405 .navbar .navbar-nav > li > a.btn.btn-success.focus, fieldset[disabled]
 406 .navbar .navbar-nav > li > a.btn.btn-success:active, fieldset[disabled]
 407 .navbar .navbar-nav > li > a.btn.btn-success.active {
 408   box-shadow: none;
 409 }
 410 .btn.btn-success.btn-simple,
 411 .navbar .navbar-nav > li > a.btn.btn-success.btn-simple {
 412   background-color: transparent;
 413   color: #4caf50;
 414   box-shadow: none;
 415 }
 416 .btn.btn-success.btn-simple:hover, .btn.btn-success.btn-simple:focus, .btn.btn-success.btn-simple:active,
 417 .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:hover,
 418 .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:focus,
 419 .navbar .navbar-nav > li > a.btn.btn-success.btn-simple:active {
 420   background-color: transparent;
 421   color: #4caf50;
 422 }
 423 .btn.btn-warning,
 424 .navbar .navbar-nav > li > a.btn.btn-warning {
 425   box-shadow: 0 2px 2px 0 rgba(251, 192, 45, 0.14), 0 3px 1px -2px rgba(251, 192, 45, 0.2), 0 1px 5px 0 rgba(251, 192, 45, 0.12);
 426 }
 427 .btn.btn-warning, .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning:active:focus, .btn.btn-warning:active:hover, .btn.btn-warning.active:focus, .btn.btn-warning.active:hover, .open > .btn.btn-warning.dropdown-toggle, .open > .btn.btn-warning.dropdown-toggle:focus, .open > .btn.btn-warning.dropdown-toggle:hover,
 428 .navbar .navbar-nav > li > a.btn.btn-warning,
 429 .navbar .navbar-nav > li > a.btn.btn-warning:hover,
 430 .navbar .navbar-nav > li > a.btn.btn-warning:focus,
 431 .navbar .navbar-nav > li > a.btn.btn-warning:active,
 432 .navbar .navbar-nav > li > a.btn.btn-warning.active,
 433 .navbar .navbar-nav > li > a.btn.btn-warning:active:focus,
 434 .navbar .navbar-nav > li > a.btn.btn-warning:active:hover,
 435 .navbar .navbar-nav > li > a.btn.btn-warning.active:focus,
 436 .navbar .navbar-nav > li > a.btn.btn-warning.active:hover, .open >
 437 .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle, .open >
 438 .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:focus, .open >
 439 .navbar .navbar-nav > li > a.btn.btn-warning.dropdown-toggle:hover {
 440   background-color: #fbc02d;
 441   color: #FFFFFF;
 442 }
 443 .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning:hover,
 444 .navbar .navbar-nav > li > a.btn.btn-warning:focus,
 445 .navbar .navbar-nav > li > a.btn.btn-warning:active,
 446 .navbar .navbar-nav > li > a.btn.btn-warning:hover {
 447   box-shadow: 0 14px 26px -12px rgba(251, 192, 45, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 192, 45, 0.2);
 448 }
 449 .btn.btn-warning.disabled, .btn.btn-warning.disabled:hover, .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled.focus, .btn.btn-warning.disabled:active, .btn.btn-warning.disabled.active, .btn.btn-warning:disabled, .btn.btn-warning:disabled:hover, .btn.btn-warning:disabled:focus, .btn.btn-warning:disabled.focus, .btn.btn-warning:disabled:active, .btn.btn-warning:disabled.active, .btn.btn-warning[disabled], .btn.btn-warning[disabled]:hover, .btn.btn-warning[disabled]:focus, .btn.btn-warning[disabled].focus, .btn.btn-warning[disabled]:active, .btn.btn-warning[disabled].active, fieldset[disabled] .btn.btn-warning, fieldset[disabled] .btn.btn-warning:hover, fieldset[disabled] .btn.btn-warning:focus, fieldset[disabled] .btn.btn-warning.focus, fieldset[disabled] .btn.btn-warning:active, fieldset[disabled] .btn.btn-warning.active,
 450 .navbar .navbar-nav > li > a.btn.btn-warning.disabled,
 451 .navbar .navbar-nav > li > a.btn.btn-warning.disabled:hover,
 452 .navbar .navbar-nav > li > a.btn.btn-warning.disabled:focus,
 453 .navbar .navbar-nav > li > a.btn.btn-warning.disabled.focus,
 454 .navbar .navbar-nav > li > a.btn.btn-warning.disabled:active,
 455 .navbar .navbar-nav > li > a.btn.btn-warning.disabled.active,
 456 .navbar .navbar-nav > li > a.btn.btn-warning:disabled,
 457 .navbar .navbar-nav > li > a.btn.btn-warning:disabled:hover,
 458 .navbar .navbar-nav > li > a.btn.btn-warning:disabled:focus,
 459 .navbar .navbar-nav > li > a.btn.btn-warning:disabled.focus,
 460 .navbar .navbar-nav > li > a.btn.btn-warning:disabled:active,
 461 .navbar .navbar-nav > li > a.btn.btn-warning:disabled.active,
 462 .navbar .navbar-nav > li > a.btn.btn-warning[disabled],
 463 .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:hover,
 464 .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:focus,
 465 .navbar .navbar-nav > li > a.btn.btn-warning[disabled].focus,
 466 .navbar .navbar-nav > li > a.btn.btn-warning[disabled]:active,
 467 .navbar .navbar-nav > li > a.btn.btn-warning[disabled].active, fieldset[disabled]
 468 .navbar .navbar-nav > li > a.btn.btn-warning, fieldset[disabled]
 469 .navbar .navbar-nav > li > a.btn.btn-warning:hover, fieldset[disabled]
 470 .navbar .navbar-nav > li > a.btn.btn-warning:focus, fieldset[disabled]
 471 .navbar .navbar-nav > li > a.btn.btn-warning.focus, fieldset[disabled]
 472 .navbar .navbar-nav > li > a.btn.btn-warning:active, fieldset[disabled]
 473 .navbar .navbar-nav > li > a.btn.btn-warning.active {
 474   box-shadow: none;
 475 }
 476 .btn.btn-warning.btn-simple,
 477 .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple {
 478   background-color: transparent;
 479   color: #fbc02d;
 480   box-shadow: none;
 481 }
 482 .btn.btn-warning.btn-simple:hover, .btn.btn-warning.btn-simple:focus, .btn.btn-warning.btn-simple:active,
 483 .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:hover,
 484 .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:focus,
 485 .navbar .navbar-nav > li > a.btn.btn-warning.btn-simple:active {
 486   background-color: transparent;
 487   color: #fbc02d;
 488 }
 489 .btn.btn-danger,
 490 .navbar .navbar-nav > li > a.btn.btn-danger {
 491   box-shadow: 0 2px 2px 0 rgba(244, 67, 54, 0.14), 0 3px 1px -2px rgba(244, 67, 54, 0.2), 0 1px 5px 0 rgba(244, 67, 54, 0.12);
 492 }
 493 .btn.btn-danger, .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover,
 494 .navbar .navbar-nav > li > a.btn.btn-danger,
 495 .navbar .navbar-nav > li > a.btn.btn-danger:hover,
 496 .navbar .navbar-nav > li > a.btn.btn-danger:focus,
 497 .navbar .navbar-nav > li > a.btn.btn-danger:active,
 498 .navbar .navbar-nav > li > a.btn.btn-danger.active,
 499 .navbar .navbar-nav > li > a.btn.btn-danger:active:focus,
 500 .navbar .navbar-nav > li > a.btn.btn-danger:active:hover,
 501 .navbar .navbar-nav > li > a.btn.btn-danger.active:focus,
 502 .navbar .navbar-nav > li > a.btn.btn-danger.active:hover, .open >
 503 .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle, .open >
 504 .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus, .open >
 505 .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover {
 506   background-color: #f44336;
 507   color: #FFFFFF;
 508 }
 509 .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger:hover,
 510 .navbar .navbar-nav > li > a.btn.btn-danger:focus,
 511 .navbar .navbar-nav > li > a.btn.btn-danger:active,
 512 .navbar .navbar-nav > li > a.btn.btn-danger:hover {
 513   box-shadow: 0 14px 26px -12px rgba(244, 67, 54, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
 514 }
 515 .btn.btn-danger.disabled, .btn.btn-danger.disabled:hover, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger.disabled:active, .btn.btn-danger.disabled.active, .btn.btn-danger:disabled, .btn.btn-danger:disabled:hover, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus, .btn.btn-danger:disabled:active, .btn.btn-danger:disabled.active, .btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled].focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled].active, fieldset[disabled] .btn.btn-danger, fieldset[disabled] .btn.btn-danger:hover, fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger.active,
 516 .navbar .navbar-nav > li > a.btn.btn-danger.disabled,
 517 .navbar .navbar-nav > li > a.btn.btn-danger.disabled:hover,
 518 .navbar .navbar-nav > li > a.btn.btn-danger.disabled:focus,
 519 .navbar .navbar-nav > li > a.btn.btn-danger.disabled.focus,
 520 .navbar .navbar-nav > li > a.btn.btn-danger.disabled:active,
 521 .navbar .navbar-nav > li > a.btn.btn-danger.disabled.active,
 522 .navbar .navbar-nav > li > a.btn.btn-danger:disabled,
 523 .navbar .navbar-nav > li > a.btn.btn-danger:disabled:hover,
 524 .navbar .navbar-nav > li > a.btn.btn-danger:disabled:focus,
 525 .navbar .navbar-nav > li > a.btn.btn-danger:disabled.focus,
 526 .navbar .navbar-nav > li > a.btn.btn-danger:disabled:active,
 527 .navbar .navbar-nav > li > a.btn.btn-danger:disabled.active,
 528 .navbar .navbar-nav > li > a.btn.btn-danger[disabled],
 529 .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:hover,
 530 .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:focus,
 531 .navbar .navbar-nav > li > a.btn.btn-danger[disabled].focus,
 532 .navbar .navbar-nav > li > a.btn.btn-danger[disabled]:active,
 533 .navbar .navbar-nav > li > a.btn.btn-danger[disabled].active, fieldset[disabled]
 534 .navbar .navbar-nav > li > a.btn.btn-danger, fieldset[disabled]
 535 .navbar .navbar-nav > li > a.btn.btn-danger:hover, fieldset[disabled]
 536 .navbar .navbar-nav > li > a.btn.btn-danger:focus, fieldset[disabled]
 537 .navbar .navbar-nav > li > a.btn.btn-danger.focus, fieldset[disabled]
 538 .navbar .navbar-nav > li > a.btn.btn-danger:active, fieldset[disabled]
 539 .navbar .navbar-nav > li > a.btn.btn-danger.active {
 540   box-shadow: none;
 541 }
 542 .btn.btn-danger.btn-simple,
 543 .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple {
 544   background-color: transparent;
 545   color: #f44336;
 546   box-shadow: none;
 547 }
 548 .btn.btn-danger.btn-simple:hover, .btn.btn-danger.btn-simple:focus, .btn.btn-danger.btn-simple:active,
 549 .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:hover,
 550 .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:focus,
 551 .navbar .navbar-nav > li > a.btn.btn-danger.btn-simple:active {
 552   background-color: transparent;
 553   color: #f44336;
 554 }
 555 .btn.btn-upgrade,
 556 .navbar .navbar-nav > li > a.btn.btn-upgrade {
 557   box-shadow: 0 2px 2px 0 rgba(233, 30, 99, 0.14), 0 3px 1px -2px rgba(233, 30, 99, 0.2), 0 1px 5px 0 rgba(233, 30, 99, 0.12);
 558 }
 559 .btn.btn-upgrade, .btn.btn-upgrade:hover, .btn.btn-upgrade:focus, .btn.btn-upgrade:active, .btn.btn-upgrade.active, .btn.btn-upgrade:active:focus, .btn.btn-upgrade:active:hover, .btn.btn-upgrade.active:focus, .btn.btn-upgrade.active:hover, .open > .btn.btn-upgrade.dropdown-toggle, .open > .btn.btn-upgrade.dropdown-toggle:focus, .open > .btn.btn-upgrade.dropdown-toggle:hover,
 560 .navbar .navbar-nav > li > a.btn.btn-upgrade,
 561 .navbar .navbar-nav > li > a.btn.btn-upgrade:hover,
 562 .navbar .navbar-nav > li > a.btn.btn-upgrade:focus,
 563 .navbar .navbar-nav > li > a.btn.btn-upgrade:active,
 564 .navbar .navbar-nav > li > a.btn.btn-upgrade.active,
 565 .navbar .navbar-nav > li > a.btn.btn-upgrade:active:focus,
 566 .navbar .navbar-nav > li > a.btn.btn-upgrade:active:hover,
 567 .navbar .navbar-nav > li > a.btn.btn-upgrade.active:focus,
 568 .navbar .navbar-nav > li > a.btn.btn-upgrade.active:hover, .open >
 569 .navbar .navbar-nav > li > a.btn.btn-upgrade.dropdown-toggle, .open >
 570 .navbar .navbar-nav > li > a.btn.btn-upgrade.dropdown-toggle:focus, .open >
 571 .navbar .navbar-nav > li > a.btn.btn-upgrade.dropdown-toggle:hover {
 572   background-color: #e91e63;
 573   color: #FFFFFF;
 574 }
 575 .btn.btn-upgrade:focus, .btn.btn-upgrade:active, .btn.btn-upgrade:hover,
 576 .navbar .navbar-nav > li > a.btn.btn-upgrade:focus,
 577 .navbar .navbar-nav > li > a.btn.btn-upgrade:active,
 578 .navbar .navbar-nav > li > a.btn.btn-upgrade:hover {
 579   box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2);
 580 }
 581 .btn.btn-upgrade.disabled, .btn.btn-upgrade.disabled:hover, .btn.btn-upgrade.disabled:focus, .btn.btn-upgrade.disabled.focus, .btn.btn-upgrade.disabled:active, .btn.btn-upgrade.disabled.active, .btn.btn-upgrade:disabled, .btn.btn-upgrade:disabled:hover, .btn.btn-upgrade:disabled:focus, .btn.btn-upgrade:disabled.focus, .btn.btn-upgrade:disabled:active, .btn.btn-upgrade:disabled.active, .btn.btn-upgrade[disabled], .btn.btn-upgrade[disabled]:hover, .btn.btn-upgrade[disabled]:focus, .btn.btn-upgrade[disabled].focus, .btn.btn-upgrade[disabled]:active, .btn.btn-upgrade[disabled].active, fieldset[disabled] .btn.btn-upgrade, fieldset[disabled] .btn.btn-upgrade:hover, fieldset[disabled] .btn.btn-upgrade:focus, fieldset[disabled] .btn.btn-upgrade.focus, fieldset[disabled] .btn.btn-upgrade:active, fieldset[disabled] .btn.btn-upgrade.active,
 582 .navbar .navbar-nav > li > a.btn.btn-upgrade.disabled,
 583 .navbar .navbar-nav > li > a.btn.btn-upgrade.disabled:hover,
 584 .navbar .navbar-nav > li > a.btn.btn-upgrade.disabled:focus,
 585 .navbar .navbar-nav > li > a.btn.btn-upgrade.disabled.focus,
 586 .navbar .navbar-nav > li > a.btn.btn-upgrade.disabled:active,
 587 .navbar .navbar-nav > li > a.btn.btn-upgrade.disabled.active,
 588 .navbar .navbar-nav > li > a.btn.btn-upgrade:disabled,
 589 .navbar .navbar-nav > li > a.btn.btn-upgrade:disabled:hover,
 590 .navbar .navbar-nav > li > a.btn.btn-upgrade:disabled:focus,
 591 .navbar .navbar-nav > li > a.btn.btn-upgrade:disabled.focus,
 592 .navbar .navbar-nav > li > a.btn.btn-upgrade:disabled:active,
 593 .navbar .navbar-nav > li > a.btn.btn-upgrade:disabled.active,
 594 .navbar .navbar-nav > li > a.btn.btn-upgrade[disabled],
 595 .navbar .navbar-nav > li > a.btn.btn-upgrade[disabled]:hover,
 596 .navbar .navbar-nav > li > a.btn.btn-upgrade[disabled]:focus,
 597 .navbar .navbar-nav > li > a.btn.btn-upgrade[disabled].focus,
 598 .navbar .navbar-nav > li > a.btn.btn-upgrade[disabled]:active,
 599 .navbar .navbar-nav > li > a.btn.btn-upgrade[disabled].active, fieldset[disabled]
 600 .navbar .navbar-nav > li > a.btn.btn-upgrade, fieldset[disabled]
 601 .navbar .navbar-nav > li > a.btn.btn-upgrade:hover, fieldset[disabled]
 602 .navbar .navbar-nav > li > a.btn.btn-upgrade:focus, fieldset[disabled]
 603 .navbar .navbar-nav > li > a.btn.btn-upgrade.focus, fieldset[disabled]
 604 .navbar .navbar-nav > li > a.btn.btn-upgrade:active, fieldset[disabled]
 605 .navbar .navbar-nav > li > a.btn.btn-upgrade.active {
 606   box-shadow: none;
 607 }
 608 .btn.btn-upgrade.btn-simple,
 609 .navbar .navbar-nav > li > a.btn.btn-upgrade.btn-simple {
 610   background-color: transparent;
 611   color: #e91e63;
 612   box-shadow: none;
 613 }
 614 .btn.btn-upgrade.btn-simple:hover, .btn.btn-upgrade.btn-simple:focus, .btn.btn-upgrade.btn-simple:active,
 615 .navbar .navbar-nav > li > a.btn.btn-upgrade.btn-simple:hover,
 616 .navbar .navbar-nav > li > a.btn.btn-upgrade.btn-simple:focus,
 617 .navbar .navbar-nav > li > a.btn.btn-upgrade.btn-simple:active {
 618   background-color: transparent;
 619   color: #e91e63;
 620 }
 621 .btn.btn-white, .btn.btn-white:focus, .btn.btn-white:hover,
 622 .navbar .navbar-nav > li > a.btn.btn-white,
 623 .navbar .navbar-nav > li > a.btn.btn-white:focus,
 624 .navbar .navbar-nav > li > a.btn.btn-white:hover {
 625   background-color: #FFFFFF;
 626   color: #999999;
 627 }
 628 .btn.btn-white.btn-simple,
 629 .navbar .navbar-nav > li > a.btn.btn-white.btn-simple {
 630   color: #FFFFFF;
 631   background: transparent;
 632   box-shadow: none;
 633 }
 634 .btn:focus, .btn:active, .btn:active:focus,
 635 .navbar .navbar-nav > li > a.btn:focus,
 636 .navbar .navbar-nav > li > a.btn:active,
 637 .navbar .navbar-nav > li > a.btn:active:focus {
 638   outline: 0;
 639 }
 640 .btn.btn-round,
 641 .navbar .navbar-nav > li > a.btn.btn-round {
 642   border-radius: 30px;
 643 }
 644 .btn:not(.btn-just-icon):not(.btn-fab) .fa,
 645 .navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa {
 646   font-size: 18px;
 647   margin-top: -2px;
 648   position: relative;
 649   top: 2px;
 650 }
 651 .btn.btn-fab,
 652 .navbar .navbar-nav > li > a.btn.btn-fab {
 653   border-radius: 50%;
 654   font-size: 24px;
 655   height: 56px;
 656   margin: auto;
 657   min-width: 56px;
 658   width: 56px;
 659   padding: 0;
 660   overflow: hidden;
 661   position: relative;
 662   line-height: normal;
 663 }
 664 .btn.btn-fab .ripple-container,
 665 .navbar .navbar-nav > li > a.btn.btn-fab .ripple-container {
 666   border-radius: 50%;
 667 }
 668 .btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-fab,
 669 .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini, .btn-group-sm
 670 .navbar .navbar-nav > li > a.btn.btn-fab {
 671   height: 40px;
 672   min-width: 40px;
 673   width: 40px;
 674 }
 675 .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons,
 676 .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm
 677 .navbar .navbar-nav > li > a.btn.btn-fab.material-icons {
 678   top: -3.5px;
 679   left: -3.5px;
 680 }
 681 .btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .btn.btn-fab .material-icons,
 682 .navbar .navbar-nav > li > a.btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm
 683 .navbar .navbar-nav > li > a.btn.btn-fab .material-icons {
 684   font-size: 17px;
 685 }
 686 .btn.btn-fab i.material-icons,
 687 .navbar .navbar-nav > li > a.btn.btn-fab i.material-icons {
 688   position: absolute;
 689   top: 50%;
 690   left: 50%;
 691   transform: translate(-12px, -12px);
 692   line-height: 24px;
 693   width: 24px;
 694   font-size: 24px;
 695 }
 696 .btn.btn-lg, .btn-group-lg .btn,
 697 .navbar .navbar-nav > li > a.btn.btn-lg, .btn-group-lg
 698 .navbar .navbar-nav > li > a.btn {
 699   font-size: 14px;
 700   padding: 18px 36px;
 701 }
 702 .btn.btn-sm, .btn-group-sm .btn,
 703 .navbar .navbar-nav > li > a.btn.btn-sm, .btn-group-sm
 704 .navbar .navbar-nav > li > a.btn {
 705   padding: 5px 20px;
 706   font-size: 11px;
 707 }
 708 .btn.btn-xs, .btn-group-xs .btn,
 709 .navbar .navbar-nav > li > a.btn.btn-xs, .btn-group-xs
 710 .navbar .navbar-nav > li > a.btn {
 711   padding: 4px 15px;
 712   font-size: 10px;
 713 }
 714 .btn.btn-just-icon,
 715 .navbar .navbar-nav > li > a.btn.btn-just-icon {
 716   font-size: 18px;
 717   padding: 10px 10px;
 718   line-height: 1em;
 719 }
 720 .btn.btn-just-icon i,
 721 .navbar .navbar-nav > li > a.btn.btn-just-icon i {
 722   width: 20px;
 723 }
 724 .btn.btn-just-icon.btn-lg,
 725 .navbar .navbar-nav > li > a.btn.btn-just-icon.btn-lg {
 726   font-size: 22px;
 727   padding: 13px 18px;
 728 }
 729
 730 .btn .material-icons {
 731   vertical-align: middle;
 732   font-size: 17px;
 733   top: -1px;
 734   position: relative;
 735 }
 736
 737 .navbar .navbar-nav > li > a.btn {
 738   margin-top: 2px;
 739   margin-bottom: 2px;
 740 }
 741 .navbar .navbar-nav > li > a.btn.btn-fab {
 742   margin: 5px 2px;
 743 }
 744 .navbar .navbar-nav > li > a:not(.btn) .material-icons {
 745   margin-top: -3px;
 746   top: 0px;
 747   position: relative;
 748   margin-right: 3px;
 749 }
 750 .navbar .navbar-nav > li > .profile-photo {
 751   margin: 5px 2px;
 752 }
 753
 754 .navbar-default:not(.navbar-transparent) .navbar-nav > li > a.btn.btn-white.btn-simple {
 755   color: #555555;
 756 }
 757
 758 .btn-group,
 759 .btn-group-vertical {
 760   position: relative;
 761   margin: 10px 1px;
 762 }
 763 .btn-group.open > .dropdown-toggle.btn, .btn-group.open > .dropdown-toggle.btn.btn-default,
 764 .btn-group-vertical.open > .dropdown-toggle.btn,
 765 .btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
 766   background-color: #EEEEEE;
 767 }
 768 .btn-group.open > .dropdown-toggle.btn.btn-inverse,
 769 .btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse {
 770   background-color: #3f51b5;
 771 }
 772 .btn-group.open > .dropdown-toggle.btn.btn-primary,
 773 .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary {
 774   background-color: #9c27b0;
 775 }
 776 .btn-group.open > .dropdown-toggle.btn.btn-success,
 777 .btn-group-vertical.open > .dropdown-toggle.btn.btn-success {
 778   background-color: #4caf50;
 779 }
 780 .btn-group.open > .dropdown-toggle.btn.btn-info,
 781 .btn-group-vertical.open > .dropdown-toggle.btn.btn-info {
 782   background-color: #03a9f4;
 783 }
 784 .btn-group.open > .dropdown-toggle.btn.btn-warning,
 785 .btn-group-vertical.open > .dropdown-toggle.btn.btn-warning {
 786   background-color: #fbc02d;
 787 }
 788 .btn-group.open > .dropdown-toggle.btn.btn-danger,
 789 .btn-group-vertical.open > .dropdown-toggle.btn.btn-danger {
 790   background-color: #f44336;
 791 }
 792 .btn-group .dropdown-menu,
 793 .btn-group-vertical .dropdown-menu {
 794   border-radius: 0 0 3px 3px;
 795 }
 796 .btn-group.btn-group-raised,
 797 .btn-group-vertical.btn-group-raised {
 798   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 799 }
 800 .btn-group .btn + .btn,
 801 .btn-group .btn,
 802 .btn-group .btn:active,
 803 .btn-group .btn-group,
 804 .btn-group-vertical .btn + .btn,
 805 .btn-group-vertical .btn,
 806 .btn-group-vertical .btn:active,
 807 .btn-group-vertical .btn-group {
 808   margin: 0;
 809 }
 810
 811 .close {
 812   font-size: inherit;
 813   color: #FFFFFF;
 814   opacity: .9;
 815   text-shadow: none;
 816 }
 817 .close:hover, .close:focus {
 818   opacity: 1;
 819   color: #FFFFFF;
 820 }
 821 .close i {
 822   font-size: 20px;
 823 }
 824
 825 .checkbox label {
 826   cursor: pointer;
 827   padding-left: 0;
 828   color: rgba(0,0,0, 0.26);
 829 }
 830 .form-group.is-focused .checkbox label {
 831   color: rgba(0,0,0, 0.26);
 832 }
 833 .form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
 834   color: rgba(0,0,0, .54);
 835 }
 836 fieldset[disabled] .form-group.is-focused .checkbox label {
 837   color: rgba(0,0,0, 0.26);
 838 }
 839 .checkbox input[type=checkbox] {
 840   opacity: 0;
 841   position: absolute;
 842   margin: 0;
 843   z-index: -1;
 844   width: 0;
 845   height: 0;
 846   overflow: hidden;
 847   left: 0;
 848   pointer-events: none;
 849 }
 850 .checkbox .checkbox-material {
 851   vertical-align: middle;
 852   position: relative;
 853   top: 1px;
 854   padding-right: 5px;
 855   display: inline-block;
 856 }
 857 .checkbox .checkbox-material:before {
 858   display: block;
 859   position: absolute;
 860   left: 0;
 861   content: "";
 862   background-color: rgba(0, 0, 0, 0.84);
 863   height: 20px;
 864   width: 20px;
 865   border-radius: 100%;
 866   z-index: 1;
 867   opacity: 0;
 868   margin: 0;
 869   top: 0;
 870   -webkit-transform: scale3d(2.3,2.3,1);
 871   -moz-transform: scale3d(2.3,2.3,1);
 872   -o-transform: scale3d(2.3,2.3,1);
 873   -ms-transform: scale3d(2.3,2.3,1);
 874   transform: scale3d(2.3,2.3,1);
 875 }
 876 .checkbox .checkbox-material .check {
 877   position: relative;
 878   display: inline-block;
 879   width: 20px;
 880   height: 20px;
 881   border: 1px solid rgba(0,0,0, .54);
 882   overflow: hidden;
 883   z-index: 1;
 884   border-radius: 3px;
 885 }
 886 .checkbox .checkbox-material .check:before {
 887   position: absolute;
 888   content: "";
 889   transform: rotate(45deg);
 890   display: block;
 891   margin-top: -3px;
 892   margin-left: 7px;
 893   width: 0;
 894   height: 0;
 895   background: red;
 896   box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
 897   -webkit-animation: checkbox-off 0.3s forwards;
 898   -moz-animation: checkbox-off 0.3s forwards;
 899   -o-animation: checkbox-off 0.3s forwards;
 900   -ms-animation: checkbox-off 0.3s forwards;
 901   animation: checkbox-off 0.3s forwards;
 902 }
 903 .checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
 904   opacity: 0.2;
 905 }
 906 .checkbox input[type=checkbox]:checked + .checkbox-material .check {
 907   background: #9c27b0;
 908 }
 909 .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
 910   color: #FFFFFF;
 911   box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
 912   -webkit-animation: checkbox-on 0.3s forwards;
 913   -moz-animation: checkbox-on 0.3s forwards;
 914   -o-animation: checkbox-on 0.3s forwards;
 915   -ms-animation: checkbox-on 0.3s forwards;
 916   animation: checkbox-on 0.3s forwards;
 917 }
 918 .checkbox input[type=checkbox]:checked + .checkbox-material:before {
 919   -webkit-animation: rippleOn 500ms;
 920   -moz-animation: rippleOn 500ms;
 921   -o-animation: rippleOn 500ms;
 922   -ms-animation: rippleOn 500ms;
 923   animation: rippleOn 500ms;
 924 }
 925 .checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
 926   -webkit-animation: rippleOn 500ms forwards;
 927   -moz-animation: rippleOn 500ms forwards;
 928   -o-animation: rippleOn 500ms forwards;
 929   -ms-animation: rippleOn 500ms forwards;
 930   animation: rippleOn 500ms forwards;
 931 }
 932 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
 933   -webkit-animation: rippleOff 500ms;
 934   -moz-animation: rippleOff 500ms;
 935   -o-animation: rippleOff 500ms;
 936   -ms-animation: rippleOff 500ms;
 937   animation: rippleOff 500ms;
 938 }
 939 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
 940   -webkit-animation: rippleOff 500ms;
 941   -moz-animation: rippleOff 500ms;
 942   -o-animation: rippleOff 500ms;
 943   -ms-animation: rippleOff 500ms;
 944   animation: rippleOff 500ms;
 945 }
 946 fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
 947 .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
 948 .checkbox input[type=checkbox][disabled] + .circle {
 949   opacity: 0.5;
 950 }
 951 .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
 952   border-color: #000000;
 953   opacity: .26;
 954 }
 955 .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
 956   background-color: rgba(0,0,0, 0.87);
 957   transform: rotate(-45deg);
 958 }
 959
 960 @keyframes checkbox-on {
 961   0% {
 962     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
 963   }
 964   50% {
 965     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
 966   }
 967   100% {
 968     box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
 969   }
 970 }
 971 @keyframes rippleOn {
 972   0% {
 973     opacity: 0;
 974   }
 975   50% {
 976     opacity: 0.2;
 977   }
 978   100% {
 979     opacity: 0;
 980   }
 981 }
 982 @keyframes rippleOff {
 983   0% {
 984     opacity: 0;
 985   }
 986   50% {
 987     opacity: 0.2;
 988   }
 989   100% {
 990     opacity: 0;
 991   }
 992 }
 993 .togglebutton {
 994   vertical-align: middle;
 995 }
 996 .togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
 997   user-select: none;
 998 }
 999 .togglebutton label {
1000   cursor: pointer;
1001   color: rgba(0,0,0, 0.26);
1002 }
1003 .form-group.is-focused .togglebutton label {
1004   color: rgba(0,0,0, 0.26);
1005 }
1006 .form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus {
1007   color: rgba(0,0,0, .54);
1008 }
1009 fieldset[disabled] .form-group.is-focused .togglebutton label {
1010   color: rgba(0,0,0, 0.26);
1011 }
1012 .togglebutton label input[type=checkbox] {
1013   opacity: 0;
1014   width: 0;
1015   height: 0;
1016 }
1017 .togglebutton label .toggle {
1018   text-align: left;
1019   margin-left: 5px;
1020 }
1021 .togglebutton label .toggle,
1022 .togglebutton label input[type=checkbox][disabled] + .toggle {
1023   content: "";
1024   display: inline-block;
1025   width: 30px;
1026   height: 15px;
1027   background-color: rgba(80, 80, 80, 0.7);
1028   border-radius: 15px;
1029   margin-right: 15px;
1030   transition: background 0.3s ease;
1031   vertical-align: middle;
1032 }
1033 .togglebutton label .toggle:after {
1034   content: "";
1035   display: inline-block;
1036   width: 20px;
1037   height: 20px;
1038   background-color: #FFFFFF;
1039   border-radius: 20px;
1040   position: relative;
1041   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
1042   left: -5px;
1043   top: -3px;
1044   border: 1px solid rgba(0,0,0, .54);
1045   transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
1046 }
1047 .togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
1048   background-color: #BDBDBD;
1049 }
1050 .togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
1051   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
1052 }
1053 .togglebutton label input[type=checkbox]:checked + .toggle:after {
1054   left: 15px;
1055 }
1056 .togglebutton label input[type=checkbox]:checked + .toggle {
1057   background-color: rgba(156, 39, 176, 0.7);
1058 }
1059 .togglebutton label input[type=checkbox]:checked + .toggle:after {
1060   border-color: #9c27b0;
1061 }
1062 .togglebutton label input[type=checkbox]:checked + .toggle:active:after {
1063   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
1064 }
1065
1066 .radio label {
1067   cursor: pointer;
1068   padding-left: 35px;
1069   position: relative;
1070   color: rgba(0,0,0, 0.26);
1071 }
1072 .form-group.is-focused .radio label {
1073   color: rgba(0,0,0, 0.26);
1074 }
1075 .form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus {
1076   color: rgba(0,0,0, .54);
1077 }
1078 fieldset[disabled] .form-group.is-focused .radio label {
1079   color: rgba(0,0,0, 0.26);
1080 }
1081 .radio label span {
1082   display: block;
1083   position: absolute;
1084   left: 10px;
1085   top: 2px;
1086   transition-duration: 0.2s;
1087 }
1088 .radio label .circle {
1089   border: 1px solid rgba(0,0,0, .54);
1090   height: 15px;
1091   width: 15px;
1092   border-radius: 100%;
1093 }
1094 .radio label .check {
1095   height: 15px;
1096   width: 15px;
1097   border-radius: 100%;
1098   background-color: #9c27b0;
1099   -webkit-transform: scale3d(0,0,0);
1100   -moz-transform: scale3d(0,0,0);
1101   -o-transform: scale3d(0,0,0);
1102   -ms-transform: scale3d(0,0,0);
1103   transform: scale3d(0,0,0);
1104 }
1105 .radio label .check:after {
1106   display: block;
1107   position: absolute;
1108   content: "";
1109   background-color: rgba(0,0,0, 0.87);
1110   left: -18px;
1111   top: -18px;
1112   height: 50px;
1113   width: 50px;
1114   border-radius: 100%;
1115   z-index: 1;
1116   opacity: 0;
1117   margin: 0;
1118   -webkit-transform: scale3d(1.5,1.5,1);
1119   -moz-transform: scale3d(1.5,1.5,1);
1120   -o-transform: scale3d(1.5,1.5,1);
1121   -ms-transform: scale3d(1.5,1.5,1);
1122   transform: scale3d(1.5,1.5,1);
1123 }
1124 .radio label input[type=radio]:not(:checked) ~ .check:after {
1125   -webkit-animation: rippleOff 500ms;
1126   -moz-animation: rippleOff 500ms;
1127   -o-animation: rippleOff 500ms;
1128   -ms-animation: rippleOff 500ms;
1129   animation: rippleOff 500ms;
1130 }
1131 .radio label input[type=radio]:checked ~ .check:after {
1132   -webkit-animation: rippleOff 500ms;
1133   -moz-animation: rippleOff 500ms;
1134   -o-animation: rippleOff 500ms;
1135   -ms-animation: rippleOff 500ms;
1136   animation: rippleOff 500ms;
1137 }
1138 .radio input[type=radio] {
1139   opacity: 0;
1140   height: 0;
1141   width: 0;
1142   overflow: hidden;
1143 }
1144 .radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle {
1145   opacity: 1;
1146 }
1147 .radio input[type=radio]:checked ~ .check {
1148   background-color: #9c27b0;
1149 }
1150 .radio input[type=radio]:checked ~ .circle {
1151   border-color: #9c27b0;
1152 }
1153 .radio input[type=radio]:checked ~ .check {
1154   -webkit-transform: scale3d(0.65, 0.65, 1);
1155   -moz-transform: scale3d(0.65, 0.65, 1);
1156   -o-transform: scale3d(0.65, 0.65, 1);
1157   -ms-transform: scale3d(0.65, 0.65, 1);
1158   transform: scale3d(0.65, 0.65, 1);
1159 }
1160 .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle {
1161   opacity: 0.26;
1162 }
1163 .radio input[type=radio][disabled] ~ .check {
1164   background-color: #000000;
1165 }
1166 .radio input[type=radio][disabled] ~ .circle {
1167   border-color: #000000;
1168 }
1169
1170 @keyframes rippleOn {
1171   0% {
1172     opacity: 0;
1173   }
1174   50% {
1175     opacity: 0.2;
1176   }
1177   100% {
1178     opacity: 0;
1179   }
1180 }
1181 @keyframes rippleOff {
1182   0% {
1183     opacity: 0;
1184   }
1185   50% {
1186     opacity: 0.2;
1187   }
1188   100% {
1189     opacity: 0;
1190   }
1191 }
1192 legend {
1193   margin-bottom: 20px;
1194   font-size: 21px;
1195 }
1196
1197 output {
1198   padding-top: 8px;
1199   font-size: 14px;
1200   line-height: 1.42857;
1201 }
1202
1203 .form-control {
1204   height: 36px;
1205   padding: 7px 0;
1206   font-size: 14px;
1207   line-height: 1.42857;
1208 }
1209
1210 @media screen and (-webkit-min-device-pixel-ratio: 0) {
1211   input[type="date"].form-control,
1212   input[type="time"].form-control,
1213   input[type="datetime-local"].form-control,
1214   input[type="month"].form-control {
1215     line-height: 36px;
1216   }
1217   input[type="date"].input-sm, .input-group-sm input[type="date"],
1218   input[type="time"].input-sm, .input-group-sm
1219   input[type="time"],
1220   input[type="datetime-local"].input-sm, .input-group-sm
1221   input[type="datetime-local"],
1222   input[type="month"].input-sm, .input-group-sm
1223   input[type="month"] {
1224     line-height: 24px;
1225   }
1226   input[type="date"].input-lg, .input-group-lg input[type="date"],
1227   input[type="time"].input-lg, .input-group-lg
1228   input[type="time"],
1229   input[type="datetime-local"].input-lg, .input-group-lg
1230   input[type="datetime-local"],
1231   input[type="month"].input-lg, .input-group-lg
1232   input[type="month"] {
1233     line-height: 44px;
1234   }
1235 }
1236 .radio label,
1237 .checkbox label {
1238   min-height: 20px;
1239 }
1240
1241 .form-control-static {
1242   padding-top: 8px;
1243   padding-bottom: 8px;
1244   min-height: 34px;
1245 }
1246
1247 .input-sm .input-sm {
1248   height: 24px;
1249   padding: 3px 0;
1250   font-size: 11px;
1251   line-height: 1.5;
1252   border-radius: 0;
1253 }
1254 .input-sm select.input-sm {
1255   height: 24px;
1256   line-height: 24px;
1257 }
1258 .input-sm textarea.input-sm,
1259 .input-sm select[multiple].input-sm {
1260   height: auto;
1261 }
1262
1263 .form-group-sm .form-control {
1264   height: 24px;
1265   padding: 3px 0;
1266   font-size: 11px;
1267   line-height: 1.5;
1268 }
1269 .form-group-sm select.form-control {
1270   height: 24px;
1271   line-height: 24px;
1272 }
1273 .form-group-sm textarea.form-control,
1274 .form-group-sm select[multiple].form-control {
1275   height: auto;
1276 }
1277 .form-group-sm .form-control-static {
1278   height: 24px;
1279   min-height: 31px;
1280   padding: 4px 0;
1281   font-size: 11px;
1282   line-height: 1.5;
1283 }
1284
1285 .input-lg .input-lg {
1286   height: 44px;
1287   padding: 9px 0;
1288   font-size: 18px;
1289   line-height: 1.33333;
1290   border-radius: 0;
1291 }
1292 .input-lg select.input-lg {
1293   height: 44px;
1294   line-height: 44px;
1295 }
1296 .input-lg textarea.input-lg,
1297 .input-lg select[multiple].input-lg {
1298   height: auto;
1299 }
1300
1301 .form-group-lg .form-control {
1302   height: 44px;
1303   padding: 9px 0;
1304   font-size: 18px;
1305   line-height: 1.33333;
1306 }
1307 .form-group-lg select.form-control {
1308   height: 44px;
1309   line-height: 44px;
1310 }
1311 .form-group-lg textarea.form-control,
1312 .form-group-lg select[multiple].form-control {
1313   height: auto;
1314 }
1315 .form-group-lg .form-control-static {
1316   height: 44px;
1317   min-height: 38px;
1318   padding: 10px 0;
1319   font-size: 18px;
1320   line-height: 1.33333;
1321 }
1322
1323 .form-horizontal .radio,
1324 .form-horizontal .checkbox,
1325 .form-horizontal .radio-inline,
1326 .form-horizontal .checkbox-inline {
1327   padding-top: 8px;
1328 }
1329 .form-horizontal .radio,
1330 .form-horizontal .checkbox {
1331   min-height: 28px;
1332 }
1333 @media (min-width: 768px) {
1334   .form-horizontal .control-label {
1335     padding-top: 8px;
1336   }
1337 }
1338 @media (min-width: 768px) {
1339   .form-horizontal .form-group-lg .control-label {
1340     padding-top: 13.0px;
1341     font-size: 18px;
1342   }
1343 }
1344 @media (min-width: 768px) {
1345   .form-horizontal .form-group-sm .control-label {
1346     padding-top: 4px;
1347     font-size: 11px;
1348   }
1349 }
1350
1351 .label {
1352   border-radius: 2px;
1353 }
1354 .label, .label.label-default {
1355   background-color: #9e9e9e;
1356 }
1357 .label.label-inverse {
1358   background-color: #3f51b5;
1359 }
1360 .label.label-primary {
1361   background-color: #9c27b0;
1362 }
1363 .label.label-success {
1364   background-color: #4caf50;
1365 }
1366 .label.label-info {
1367   background-color: #03a9f4;
1368 }
1369 .label.label-warning {
1370   background-color: #fbc02d;
1371 }
1372 .label.label-danger {
1373   background-color: #f44336;
1374 }
1375
1376 .form-control,
1377 .form-group .form-control {
1378   border: 0;
1379   background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
1380   background-size: 0 2px, 100% 1px;
1381   background-repeat: no-repeat;
1382   background-position: center bottom, center calc(100% - 1px);
1383   background-color: transparent;
1384   transition: background 0s ease-out;
1385   float: none;
1386   box-shadow: none;
1387   border-radius: 0;
1388   font-weight: 400;
1389 }
1390 .form-control::-moz-placeholder,
1391 .form-group .form-control::-moz-placeholder {
1392   color: #AAAAAA;
1393   font-weight: 400;
1394 }
1395 .form-control:-ms-input-placeholder,
1396 .form-group .form-control:-ms-input-placeholder {
1397   color: #AAAAAA;
1398   font-weight: 400;
1399 }
1400 .form-control::-webkit-input-placeholder,
1401 .form-group .form-control::-webkit-input-placeholder {
1402   color: #AAAAAA;
1403   font-weight: 400;
1404 }
1405 .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control,
1406 .form-group .form-control[readonly],
1407 .form-group .form-control[disabled], fieldset[disabled]
1408 .form-group .form-control {
1409   background-color: transparent;
1410 }
1411 .form-control[disabled], fieldset[disabled] .form-control,
1412 .form-group .form-control[disabled], fieldset[disabled]
1413 .form-group .form-control {
1414   background-image: none;
1415   border-bottom: 1px dotted #D2D2D2;
1416 }
1417
1418 .form-group {
1419   position: relative;
1420 }
1421 .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
1422   position: absolute;
1423   pointer-events: none;
1424   transition: 0.3s ease all;
1425 }
1426 .form-group.label-floating label.control-label {
1427   will-change: left, top, contents;
1428 }
1429 .form-group.label-placeholder:not(.is-empty) label.control-label {
1430   display: none;
1431 }
1432 .form-group .help-block {
1433   position: absolute;
1434   display: none;
1435 }
1436 .form-group.is-focused .form-control {
1437   outline: none;
1438   background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
1439   background-size: 100% 2px, 100% 1px;
1440   box-shadow: none;
1441   transition-duration: 0.3s;
1442 }
1443 .form-group.is-focused .form-control .material-input:after {
1444   background-color: #9c27b0;
1445 }
1446 .form-group.is-focused label,
1447 .form-group.is-focused label.control-label {
1448   color: #9c27b0;
1449 }
1450 .form-group.is-focused.label-placeholder label,
1451 .form-group.is-focused.label-placeholder label.control-label {
1452   color: #AAAAAA;
1453 }
1454 .form-group.is-focused .help-block {
1455   display: block;
1456 }
1457 .form-group.has-warning .form-control {
1458   box-shadow: none;
1459 }
1460 .form-group.has-warning.is-focused .form-control {
1461   background-image: linear-gradient(#fbc02d, #fbc02d), linear-gradient(#D2D2D2, #D2D2D2);
1462 }
1463 .form-group.has-warning label.control-label,
1464 .form-group.has-warning .help-block {
1465   color: #fbc02d;
1466 }
1467 .form-group.has-error .form-control {
1468   box-shadow: none;
1469 }
1470 .form-group.has-error.is-focused .form-control {
1471   background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
1472 }
1473 .form-group.has-error label.control-label,
1474 .form-group.has-error .help-block {
1475   color: #f44336;
1476 }
1477 .form-group.has-success .form-control {
1478   box-shadow: none;
1479 }
1480 .form-group.has-success.is-focused .form-control {
1481   background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
1482 }
1483 .form-group.has-success label.control-label,
1484 .form-group.has-success .help-block {
1485   color: #4caf50;
1486 }
1487 .form-group.has-info .form-control {
1488   box-shadow: none;
1489 }
1490 .form-group.has-info.is-focused .form-control {
1491   background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2);
1492 }
1493 .form-group.has-info label.control-label,
1494 .form-group.has-info .help-block {
1495   color: #03a9f4;
1496 }
1497 .form-group textarea {
1498   resize: none;
1499 }
1500 .form-group textarea ~ .form-control-highlight {
1501   margin-top: -11px;
1502 }
1503 .form-group select {
1504   appearance: none;
1505 }
1506 .form-group select ~ .material-input:after {
1507   display: none;
1508 }
1509
1510 .form-control {
1511   margin-bottom: 7px;
1512 }
1513 .form-control::-moz-placeholder {
1514   font-size: 14px;
1515   line-height: 1.42857;
1516   color: #AAAAAA;
1517   font-weight: 400;
1518 }
1519 .form-control:-ms-input-placeholder {
1520   font-size: 14px;
1521   line-height: 1.42857;
1522   color: #AAAAAA;
1523   font-weight: 400;
1524 }
1525 .form-control::-webkit-input-placeholder {
1526   font-size: 14px;
1527   line-height: 1.42857;
1528   color: #AAAAAA;
1529   font-weight: 400;
1530 }
1531
1532 .checkbox label,
1533 .radio label,
1534 label {
1535   font-size: 14px;
1536   line-height: 1.42857;
1537   color: #AAAAAA;
1538   font-weight: 400;
1539 }
1540
1541 label.control-label {
1542   font-size: 11px;
1543   line-height: 1.07143;
1544   color: #AAAAAA;
1545   font-weight: 400;
1546   margin: 16px 0 0 0;
1547 }
1548
1549 .help-block {
1550   margin-top: 0;
1551   font-size: 11px;
1552 }
1553
1554 .form-group {
1555   padding-bottom: 7px;
1556   margin: 27px 0 0 0;
1557 }
1558 .form-group .form-control {
1559   margin-bottom: 7px;
1560 }
1561 .form-group .form-control::-moz-placeholder {
1562   font-size: 14px;
1563   line-height: 1.42857;
1564   color: #AAAAAA;
1565   font-weight: 400;
1566 }
1567 .form-group .form-control:-ms-input-placeholder {
1568   font-size: 14px;
1569   line-height: 1.42857;
1570   color: #AAAAAA;
1571   font-weight: 400;
1572 }
1573 .form-group .form-control::-webkit-input-placeholder {
1574   font-size: 14px;
1575   line-height: 1.42857;
1576   color: #AAAAAA;
1577   font-weight: 400;
1578 }
1579 .form-group .checkbox label,
1580 .form-group .radio label,
1581 .form-group label {
1582   font-size: 14px;
1583   line-height: 1.42857;
1584   color: #AAAAAA;
1585   font-weight: 400;
1586 }
1587 .form-group label.control-label {
1588   font-size: 11px;
1589   line-height: 1.07143;
1590   color: #AAAAAA;
1591   font-weight: 400;
1592   margin: 16px 0 0 0;
1593 }
1594 .form-group .help-block {
1595   margin-top: 0;
1596   font-size: 11px;
1597 }
1598 .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
1599   top: -7px;
1600   font-size: 14px;
1601   line-height: 1.42857;
1602 }
1603 .form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
1604   top: -28px;
1605   left: 0;
1606   font-size: 11px;
1607   line-height: 1.07143;
1608 }
1609 .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
1610   top: -28px;
1611   left: 0;
1612   font-size: 11px;
1613   line-height: 1.07143;
1614 }
1615
1616 .form-group.form-group-sm {
1617   padding-bottom: 3px;
1618   margin: 21px 0 0 0;
1619 }
1620 .form-group.form-group-sm .form-control {
1621   margin-bottom: 3px;
1622 }
1623 .form-group.form-group-sm .form-control::-moz-placeholder {
1624   font-size: 11px;
1625   line-height: 1.5;
1626   color: #AAAAAA;
1627   font-weight: 400;
1628 }
1629 .form-group.form-group-sm .form-control:-ms-input-placeholder {
1630   font-size: 11px;
1631   line-height: 1.5;
1632   color: #AAAAAA;
1633   font-weight: 400;
1634 }
1635 .form-group.form-group-sm .form-control::-webkit-input-placeholder {
1636   font-size: 11px;
1637   line-height: 1.5;
1638   color: #AAAAAA;
1639   font-weight: 400;
1640 }
1641 .form-group.form-group-sm .checkbox label,
1642 .form-group.form-group-sm .radio label,
1643 .form-group.form-group-sm label {
1644   font-size: 11px;
1645   line-height: 1.5;
1646   color: #AAAAAA;
1647   font-weight: 400;
1648 }
1649 .form-group.form-group-sm label.control-label {
1650   font-size: 9px;
1651   line-height: 1.125;
1652   color: #AAAAAA;
1653   font-weight: 400;
1654   margin: 16px 0 0 0;
1655 }
1656 .form-group.form-group-sm .help-block {
1657   margin-top: 0;
1658   font-size: 9px;
1659 }
1660 .form-group.form-group-sm.label-floating label.control-label, .form-group.form-group-sm.label-placeholder label.control-label {
1661   top: -11px;
1662   font-size: 11px;
1663   line-height: 1.5;
1664 }
1665 .form-group.form-group-sm.label-static label.control-label, .form-group.form-group-sm.label-floating.is-focused label.control-label, .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
1666   top: -25px;
1667   left: 0;
1668   font-size: 9px;
1669   line-height: 1.125;
1670 }
1671 .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
1672   top: -25px;
1673   left: 0;
1674   font-size: 9px;
1675   line-height: 1.125;
1676 }
1677
1678 .form-group.form-group-lg {
1679   padding-bottom: 9px;
1680   margin: 30px 0 0 0;
1681 }
1682 .form-group.form-group-lg .form-control {
1683   margin-bottom: 9px;
1684 }
1685 .form-group.form-group-lg .form-control::-moz-placeholder {
1686   font-size: 18px;
1687   line-height: 1.33333;
1688   color: #AAAAAA;
1689   font-weight: 400;
1690 }
1691 .form-group.form-group-lg .form-control:-ms-input-placeholder {
1692   font-size: 18px;
1693   line-height: 1.33333;
1694   color: #AAAAAA;
1695   font-weight: 400;
1696 }
1697 .form-group.form-group-lg .form-control::-webkit-input-placeholder {
1698   font-size: 18px;
1699   line-height: 1.33333;
1700   color: #AAAAAA;
1701   font-weight: 400;
1702 }
1703 .form-group.form-group-lg .checkbox label,
1704 .form-group.form-group-lg .radio label,
1705 .form-group.form-group-lg label {
1706   font-size: 18px;
1707   line-height: 1.33333;
1708   color: #AAAAAA;
1709   font-weight: 400;
1710 }
1711 .form-group.form-group-lg label.control-label {
1712   font-size: 14px;
1713   line-height: 1.0;
1714   color: #AAAAAA;
1715   font-weight: 400;
1716   margin: 16px 0 0 0;
1717 }
1718 .form-group.form-group-lg .help-block {
1719   margin-top: 0;
1720   font-size: 14px;
1721 }
1722 .form-group.form-group-lg.label-floating label.control-label, .form-group.form-group-lg.label-placeholder label.control-label {
1723   top: -5px;
1724   font-size: 18px;
1725   line-height: 1.33333;
1726 }
1727 .form-group.form-group-lg.label-static label.control-label, .form-group.form-group-lg.label-floating.is-focused label.control-label, .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
1728   top: -32px;
1729   left: 0;
1730   font-size: 14px;
1731   line-height: 1.0;
1732 }
1733 .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
1734   top: -32px;
1735   left: 0;
1736   font-size: 14px;
1737   line-height: 1.0;
1738 }
1739
1740 select.form-control {
1741   border: 0;
1742   box-shadow: none;
1743   border-radius: 0;
1744 }
1745 .form-group.is-focused select.form-control {
1746   box-shadow: none;
1747   border-color: #D2D2D2;
1748 }
1749 select.form-control[multiple], .form-group.is-focused select.form-control[multiple] {
1750   height: 85px;
1751 }
1752
1753 .input-group-btn .btn {
1754   margin: 0 0 7px 0;
1755 }
1756
1757 .form-group.form-group-sm .input-group-btn .btn {
1758   margin: 0 0 3px 0;
1759 }
1760 .form-group.form-group-lg .input-group-btn .btn {
1761   margin: 0 0 9px 0;
1762 }
1763
1764 .input-group .input-group-btn {
1765   padding: 0 12px;
1766 }
1767 .input-group .input-group-addon {
1768   border: 0;
1769   background: transparent;
1770   padding: 12px 15px 0px;
1771 }
1772
1773 .form-group input[type=file] {
1774   opacity: 0;
1775   position: absolute;
1776   top: 0;
1777   right: 0;
1778   bottom: 0;
1779   left: 0;
1780   width: 100%;
1781   height: 100%;
1782   z-index: 100;
1783 }
1784
1785 .form-control-feedback {
1786   opacity: 0;
1787 }
1788 .has-success .form-control-feedback {
1789   color: #4caf50;
1790   opacity: 1;
1791 }
1792 .has-error .form-control-feedback {
1793   color: #f44336;
1794   opacity: 1;
1795 }
1796
1797 .pagination > li > a,
1798 .pagination > li > span {
1799   border: 0;
1800   border-radius: 30px !important;
1801   transition: all .3s;
1802   padding: 0px 11px;
1803   margin: 0 3px;
1804   min-width: 30px;
1805   height: 30px;
1806   line-height: 30px;
1807   color: #999999;
1808   font-weight: 400;
1809   font-size: 12px;
1810   text-transform: uppercase;
1811   background: transparent;
1812 }
1813 .pagination > li > a:hover, .pagination > li > a:focus,
1814 .pagination > li > span:hover,
1815 .pagination > li > span:focus {
1816   color: #999999;
1817 }
1818 .pagination > .active > a,
1819 .pagination > .active > span {
1820   color: #999999;
1821 }
1822 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover,
1823 .pagination > .active > span,
1824 .pagination > .active > span:focus,
1825 .pagination > .active > span:hover {
1826   background-color: #9c27b0;
1827   border-color: #9c27b0;
1828   color: #FFFFFF;
1829   box-shadow: 0 4px 5px 0 rgba(156, 39, 176, 0.14), 0 1px 10px 0 rgba(156, 39, 176, 0.12), 0 2px 4px -1px rgba(156, 39, 176, 0.2);
1830 }
1831 .pagination.pagination-info > .active > a, .pagination.pagination-info > .active > a:focus, .pagination.pagination-info > .active > a:hover,
1832 .pagination.pagination-info > .active > span,
1833 .pagination.pagination-info > .active > span:focus,
1834 .pagination.pagination-info > .active > span:hover {
1835   background-color: #03a9f4;
1836   border-color: #03a9f4;
1837   box-shadow: 0 4px 5px 0 rgba(3, 169, 244, 0.14), 0 1px 10px 0 rgba(3, 169, 244, 0.12), 0 2px 4px -1px rgba(3, 169, 244, 0.2);
1838 }
1839 .pagination.pagination-success > .active > a, .pagination.pagination-success > .active > a:focus, .pagination.pagination-success > .active > a:hover,
1840 .pagination.pagination-success > .active > span,
1841 .pagination.pagination-success > .active > span:focus,
1842 .pagination.pagination-success > .active > span:hover {
1843   background-color: #4caf50;
1844   border-color: #4caf50;
1845   box-shadow: 0 4px 5px 0 rgba(76, 175, 80, 0.14), 0 1px 10px 0 rgba(76, 175, 80, 0.12), 0 2px 4px -1px rgba(76, 175, 80, 0.2);
1846 }
1847 .pagination.pagination-warning > .active > a, .pagination.pagination-warning > .active > a:focus, .pagination.pagination-warning > .active > a:hover,
1848 .pagination.pagination-warning > .active > span,
1849 .pagination.pagination-warning > .active > span:focus,
1850 .pagination.pagination-warning > .active > span:hover {
1851   background-color: #fbc02d;
1852   border-color: #fbc02d;
1853   box-shadow: 0 4px 5px 0 rgba(251, 192, 45, 0.14), 0 1px 10px 0 rgba(251, 192, 45, 0.12), 0 2px 4px -1px rgba(251, 192, 45, 0.2);
1854 }
1855 .pagination.pagination-danger > .active > a, .pagination.pagination-danger > .active > a:focus, .pagination.pagination-danger > .active > a:hover,
1856 .pagination.pagination-danger > .active > span,
1857 .pagination.pagination-danger > .active > span:focus,
1858 .pagination.pagination-danger > .active > span:hover {
1859   background-color: #f44336;
1860   border-color: #f44336;
1861   box-shadow: 0 4px 5px 0 rgba(244, 67, 54, 0.14), 0 1px 10px 0 rgba(244, 67, 54, 0.12), 0 2px 4px -1px rgba(244, 67, 54, 0.2);
1862 }
1863
1864 .label {
1865   border-radius: 10px;
1866   padding: 5px 12px;
1867   text-transform: uppercase;
1868   font-size: 10px;
1869 }
1870 .label.label-default {
1871   background-color: #999999;
1872 }
1873
1874 .nav-pills > li > a {
1875   line-height: 24px;
1876   text-transform: uppercase;
1877   font-size: 12px;
1878   font-weight: 500;
1879   min-width: 100px;
1880   text-align: center;
1881   color: #555555;
1882   transition: all .3s;
1883 }
1884 .nav-pills > li > a:hover {
1885   background-color: rgba(200, 200, 200, 0.2);
1886 }
1887 .nav-pills > li i {
1888   display: block;
1889   font-size: 30px;
1890   padding: 15px 0;
1891 }
1892 .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
1893   background-color: #9c27b0;
1894   color: #FFFFFF;
1895   box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
1896 }
1897 .nav-pills.nav-pills-info > li.active > a, .nav-pills.nav-pills-info > li.active > a:focus, .nav-pills.nav-pills-info > li.active > a:hover {
1898   background-color: #03a9f4;
1899   box-shadow: 0 16px 26px -10px rgba(3, 169, 244, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(3, 169, 244, 0.2);
1900 }
1901 .nav-pills.nav-pills-success > li.active > a, .nav-pills.nav-pills-success > li.active > a:focus, .nav-pills.nav-pills-success > li.active > a:hover {
1902   background-color: #4caf50;
1903   box-shadow: 0 16px 26px -10px rgba(76, 175, 80, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
1904 }
1905 .nav-pills.nav-pills-warning > li.active > a, .nav-pills.nav-pills-warning > li.active > a:focus, .nav-pills.nav-pills-warning > li.active > a:hover {
1906   background-color: #fbc02d;
1907   box-shadow: 0 16px 26px -10px rgba(251, 192, 45, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(251, 192, 45, 0.2);
1908 }
1909 .nav-pills.nav-pills-danger > li.active > a, .nav-pills.nav-pills-danger > li.active > a:focus, .nav-pills.nav-pills-danger > li.active > a:hover {
1910   background-color: #f44336;
1911   box-shadow: 0 16px 26px -10px rgba(244, 67, 54, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(244, 67, 54, 0.2);
1912 }
1913
1914 .tab-space {
1915   padding: 20px 0 50px 0px;
1916 }
1917
1918 footer {
1919   padding: 15px 0;
1920 }
1921 footer ul {
1922   margin-bottom: 0;
1923   padding: 0;
1924   list-style: none;
1925 }
1926 footer ul li {
1927   display: inline-block;
1928 }
1929 footer ul li a {
1930   color: inherit;
1931   padding: 15px;
1932   font-weight: 500;
1933   font-size: 12px;
1934   text-transform: uppercase;
1935   border-radius: 3px;
1936   text-decoration: none;
1937   position: relative;
1938   display: block;
1939 }
1940 footer ul li a:hover {
1941   text-decoration: none;
1942 }
1943 footer .copyright {
1944   padding: 15px 0;
1945 }
1946 footer .copyright .material-icons {
1947   font-size: 18px;
1948   position: relative;
1949   top: 3px;
1950 }
1951
1952 legend {
1953   border-bottom: 0;
1954 }
1955
1956 .navbar {
1957   border: 0;
1958   border-radius: 3px;
1959   box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
1960   padding: 10px 0;
1961 }
1962 .navbar .navbar-brand {
1963   position: relative;
1964   height: 50px;
1965   line-height: 30px;
1966   color: inherit;
1967   padding: 10px 15px;
1968 }
1969 .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
1970   color: inherit;
1971   background-color: transparent;
1972 }
1973 .navbar .navbar-text {
1974   color: inherit;
1975   margin-top: 15px;
1976   margin-bottom: 15px;
1977 }
1978 .navbar .navbar-nav > li > a {
1979   color: inherit;
1980   padding-top: 15px;
1981   padding-bottom: 15px;
1982   font-weight: 400;
1983   font-size: 12px;
1984   text-transform: uppercase;
1985   border-radius: 3px;
1986 }
1987 .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
1988   color: inherit;
1989   background-color: transparent;
1990 }
1991 .navbar .navbar-nav > li > a .material-icons,
1992 .navbar .navbar-nav > li > a .fa {
1993   font-size: 20px;
1994   max-width: 20px;
1995 }
1996 .navbar .navbar-nav > li > a:not(.btn-just-icon) .fa {
1997   position: relative;
1998   top: 2px;
1999   margin-top: -4px;
2000   margin-right: 4px;
2001 }
2002 .navbar .navbar-nav > li > .dropdown-menu {
2003   margin-top: -20px;
2004 }
2005 .navbar .navbar-nav > li.open > .dropdown-menu {
2006   margin-top: 0;
2007 }
2008 .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
2009   color: inherit;
2010   background-color: rgba(255, 255, 255, 0.1);
2011 }
2012 .navbar .navbar-nav > .disabled > a, .navbar .navbar-nav > .disabled > a:hover, .navbar .navbar-nav > .disabled > a:focus {
2013   color: inherit;
2014   background-color: transparent;
2015   opacity: 0.9;
2016 }
2017 .navbar .navbar-toggle {
2018   border: 0;
2019 }
2020 .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
2021   background-color: transparent;
2022 }
2023 .navbar .navbar-toggle .icon-bar {
2024   background-color: inherit;
2025   border: 1px solid;
2026 }
2027 .navbar .navbar-default .navbar-toggle,
2028 .navbar .navbar-inverse .navbar-toggle {
2029   border-color: transparent;
2030 }
2031 .navbar .navbar-collapse,
2032 .navbar .navbar-form {
2033   border-top: none;
2034   box-shadow: none;
2035 }
2036 .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
2037   background-color: transparent;
2038   color: inherit;
2039 }
2040 @media (max-width: 767px) {
2041   .navbar .navbar-nav .navbar-text {
2042     color: inherit;
2043     margin-top: 15px;
2044     margin-bottom: 15px;
2045   }
2046   .navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
2047     border: 0;
2048     color: inherit;
2049   }
2050   .navbar .navbar-nav .open .dropdown-menu .divider {
2051     border-bottom: 1px solid;
2052     opacity: 0.08;
2053   }
2054   .navbar .navbar-nav .open .dropdown-menu > li > a {
2055     color: inherit;
2056   }
2057   .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
2058     color: inherit;
2059     background-color: transparent;
2060   }
2061   .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
2062     color: inherit;
2063     background-color: transparent;
2064   }
2065   .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
2066     color: inherit;
2067     background-color: transparent;
2068   }
2069 }
2070 .navbar.navbar-default .logo-container .brand {
2071   color: #555555;
2072 }
2073 .navbar .navbar-link {
2074   color: inherit;
2075 }
2076 .navbar .navbar-link:hover {
2077   color: inherit;
2078 }
2079 .navbar .btn {
2080   margin-top: 0;
2081   margin-bottom: 0;
2082 }
2083 .navbar .btn-link {
2084   color: inherit;
2085 }
2086 .navbar .btn-link:hover, .navbar .btn-link:focus {
2087   color: inherit;
2088 }
2089 .navbar .btn-link[disabled]:hover, .navbar .btn-link[disabled]:focus, fieldset[disabled] .navbar .btn-link:hover, fieldset[disabled] .navbar .btn-link:focus {
2090   color: inherit;
2091 }
2092 .navbar .navbar-form {
2093   margin: 4px 0 0;
2094 }
2095 .navbar .navbar-form .form-group {
2096   margin: 0;
2097   padding: 0;
2098 }
2099 .navbar .navbar-form .form-group .material-input:before, .navbar .navbar-form .form-group.is-focused .material-input:after {
2100   background-color: inherit;
2101 }
2102 .navbar .navbar-form .form-group .form-control,
2103 .navbar .navbar-form .form-control {
2104   border-color: inherit;
2105   color: inherit;
2106   padding: 0;
2107   margin: 0;
2108   height: 28px;
2109   font-size: 14px;
2110   line-height: 1.42857;
2111 }
2112 .navbar, .navbar.navbar-default {
2113   background-color: #9c27b0;
2114   color: #ffffff;
2115 }
2116 .navbar .navbar-form .form-group input.form-control::-moz-placeholder,
2117 .navbar .navbar-form input.form-control::-moz-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control::-moz-placeholder,
2118 .navbar.navbar-default .navbar-form input.form-control::-moz-placeholder {
2119   color: #ffffff;
2120 }
2121 .navbar .navbar-form .form-group input.form-control:-ms-input-placeholder,
2122 .navbar .navbar-form input.form-control:-ms-input-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control:-ms-input-placeholder,
2123 .navbar.navbar-default .navbar-form input.form-control:-ms-input-placeholder {
2124   color: #ffffff;
2125 }
2126 .navbar .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2127 .navbar .navbar-form input.form-control::-webkit-input-placeholder, .navbar.navbar-default .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2128 .navbar.navbar-default .navbar-form input.form-control::-webkit-input-placeholder {
2129   color: #ffffff;
2130 }
2131 .navbar .dropdown-menu, .navbar.navbar-default .dropdown-menu {
2132   border-radius: 3px !important;
2133 }
2134 .navbar .dropdown-menu li > a:hover, .navbar .dropdown-menu li > a:focus, .navbar.navbar-default .dropdown-menu li > a:hover, .navbar.navbar-default .dropdown-menu li > a:focus {
2135   color: #FFFFFF;
2136   background-color: #9c27b0;
2137 }
2138 .navbar .dropdown-menu .active > a, .navbar.navbar-default .dropdown-menu .active > a {
2139   background-color: #9c27b0;
2140   color: #ffffff;
2141 }
2142 .navbar .dropdown-menu .active > a:hover, .navbar .dropdown-menu .active > a:focus, .navbar.navbar-default .dropdown-menu .active > a:hover, .navbar.navbar-default .dropdown-menu .active > a:focus {
2143   color: #ffffff;
2144 }
2145 .navbar.navbar-inverse {
2146   background-color: #3f51b5;
2147   color: contrast-color(#3f51b5, #000000, #ffffff);
2148 }
2149 .navbar.navbar-inverse .navbar-form .form-group input.form-control::-moz-placeholder,
2150 .navbar.navbar-inverse .navbar-form input.form-control::-moz-placeholder {
2151   color: contrast-color(#3f51b5, #000000, #ffffff);
2152 }
2153 .navbar.navbar-inverse .navbar-form .form-group input.form-control:-ms-input-placeholder,
2154 .navbar.navbar-inverse .navbar-form input.form-control:-ms-input-placeholder {
2155   color: contrast-color(#3f51b5, #000000, #ffffff);
2156 }
2157 .navbar.navbar-inverse .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2158 .navbar.navbar-inverse .navbar-form input.form-control::-webkit-input-placeholder {
2159   color: contrast-color(#3f51b5, #000000, #ffffff);
2160 }
2161 .navbar.navbar-inverse .dropdown-menu {
2162   border-radius: 3px !important;
2163 }
2164 .navbar.navbar-inverse .dropdown-menu li > a:hover, .navbar.navbar-inverse .dropdown-menu li > a:focus {
2165   color: #FFFFFF;
2166   background-color: #3f51b5;
2167 }
2168 .navbar.navbar-inverse .dropdown-menu .active > a {
2169   background-color: #3f51b5;
2170   color: contrast-color(#3f51b5, #000000, #ffffff);
2171 }
2172 .navbar.navbar-inverse .dropdown-menu .active > a:hover, .navbar.navbar-inverse .dropdown-menu .active > a:focus {
2173   color: contrast-color(#3f51b5, #000000, #ffffff);
2174 }
2175 .navbar.navbar-primary {
2176   background-color: #9c27b0;
2177   color: #ffffff;
2178 }
2179 .navbar.navbar-primary .navbar-form .form-group input.form-control::-moz-placeholder,
2180 .navbar.navbar-primary .navbar-form input.form-control::-moz-placeholder {
2181   color: #ffffff;
2182 }
2183 .navbar.navbar-primary .navbar-form .form-group input.form-control:-ms-input-placeholder,
2184 .navbar.navbar-primary .navbar-form input.form-control:-ms-input-placeholder {
2185   color: #ffffff;
2186 }
2187 .navbar.navbar-primary .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2188 .navbar.navbar-primary .navbar-form input.form-control::-webkit-input-placeholder {
2189   color: #ffffff;
2190 }
2191 .navbar.navbar-primary .dropdown-menu {
2192   border-radius: 3px !important;
2193 }
2194 .navbar.navbar-primary .dropdown-menu li > a:hover, .navbar.navbar-primary .dropdown-menu li > a:focus {
2195   color: #FFFFFF;
2196   background-color: #9c27b0;
2197 }
2198 .navbar.navbar-primary .dropdown-menu .active > a {
2199   background-color: #9c27b0;
2200   color: #ffffff;
2201 }
2202 .navbar.navbar-primary .dropdown-menu .active > a:hover, .navbar.navbar-primary .dropdown-menu .active > a:focus {
2203   color: #ffffff;
2204 }
2205 .navbar.navbar-success {
2206   background-color: #4caf50;
2207   color: #ffffff;
2208 }
2209 .navbar.navbar-success .navbar-form .form-group input.form-control::-moz-placeholder,
2210 .navbar.navbar-success .navbar-form input.form-control::-moz-placeholder {
2211   color: #ffffff;
2212 }
2213 .navbar.navbar-success .navbar-form .form-group input.form-control:-ms-input-placeholder,
2214 .navbar.navbar-success .navbar-form input.form-control:-ms-input-placeholder {
2215   color: #ffffff;
2216 }
2217 .navbar.navbar-success .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2218 .navbar.navbar-success .navbar-form input.form-control::-webkit-input-placeholder {
2219   color: #ffffff;
2220 }
2221 .navbar.navbar-success .dropdown-menu {
2222   border-radius: 3px !important;
2223 }
2224 .navbar.navbar-success .dropdown-menu li > a:hover, .navbar.navbar-success .dropdown-menu li > a:focus {
2225   color: #FFFFFF;
2226   background-color: #4caf50;
2227 }
2228 .navbar.navbar-success .dropdown-menu .active > a {
2229   background-color: #4caf50;
2230   color: #ffffff;
2231 }
2232 .navbar.navbar-success .dropdown-menu .active > a:hover, .navbar.navbar-success .dropdown-menu .active > a:focus {
2233   color: #ffffff;
2234 }
2235 .navbar.navbar-info {
2236   background-color: #03a9f4;
2237   color: #ffffff;
2238 }
2239 .navbar.navbar-info .navbar-form .form-group input.form-control::-moz-placeholder,
2240 .navbar.navbar-info .navbar-form input.form-control::-moz-placeholder {
2241   color: #ffffff;
2242 }
2243 .navbar.navbar-info .navbar-form .form-group input.form-control:-ms-input-placeholder,
2244 .navbar.navbar-info .navbar-form input.form-control:-ms-input-placeholder {
2245   color: #ffffff;
2246 }
2247 .navbar.navbar-info .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2248 .navbar.navbar-info .navbar-form input.form-control::-webkit-input-placeholder {
2249   color: #ffffff;
2250 }
2251 .navbar.navbar-info .dropdown-menu {
2252   border-radius: 3px !important;
2253 }
2254 .navbar.navbar-info .dropdown-menu li > a:hover, .navbar.navbar-info .dropdown-menu li > a:focus {
2255   color: #FFFFFF;
2256   background-color: #03a9f4;
2257 }
2258 .navbar.navbar-info .dropdown-menu .active > a {
2259   background-color: #03a9f4;
2260   color: #ffffff;
2261 }
2262 .navbar.navbar-info .dropdown-menu .active > a:hover, .navbar.navbar-info .dropdown-menu .active > a:focus {
2263   color: #ffffff;
2264 }
2265 .navbar.navbar-warning {
2266   background-color: #fbc02d;
2267   color: #ffffff;
2268 }
2269 .navbar.navbar-warning .navbar-form .form-group input.form-control::-moz-placeholder,
2270 .navbar.navbar-warning .navbar-form input.form-control::-moz-placeholder {
2271   color: #ffffff;
2272 }
2273 .navbar.navbar-warning .navbar-form .form-group input.form-control:-ms-input-placeholder,
2274 .navbar.navbar-warning .navbar-form input.form-control:-ms-input-placeholder {
2275   color: #ffffff;
2276 }
2277 .navbar.navbar-warning .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2278 .navbar.navbar-warning .navbar-form input.form-control::-webkit-input-placeholder {
2279   color: #ffffff;
2280 }
2281 .navbar.navbar-warning .dropdown-menu {
2282   border-radius: 3px !important;
2283 }
2284 .navbar.navbar-warning .dropdown-menu li > a:hover, .navbar.navbar-warning .dropdown-menu li > a:focus {
2285   color: #FFFFFF;
2286   background-color: #fbc02d;
2287 }
2288 .navbar.navbar-warning .dropdown-menu .active > a {
2289   background-color: #fbc02d;
2290   color: #ffffff;
2291 }
2292 .navbar.navbar-warning .dropdown-menu .active > a:hover, .navbar.navbar-warning .dropdown-menu .active > a:focus {
2293   color: #ffffff;
2294 }
2295 .navbar.navbar-danger {
2296   background-color: #f44336;
2297   color: #ffffff;
2298 }
2299 .navbar.navbar-danger .navbar-form .form-group input.form-control::-moz-placeholder,
2300 .navbar.navbar-danger .navbar-form input.form-control::-moz-placeholder {
2301   color: #ffffff;
2302 }
2303 .navbar.navbar-danger .navbar-form .form-group input.form-control:-ms-input-placeholder,
2304 .navbar.navbar-danger .navbar-form input.form-control:-ms-input-placeholder {
2305   color: #ffffff;
2306 }
2307 .navbar.navbar-danger .navbar-form .form-group input.form-control::-webkit-input-placeholder,
2308 .navbar.navbar-danger .navbar-form input.form-control::-webkit-input-placeholder {
2309   color: #ffffff;
2310 }
2311 .navbar.navbar-danger .dropdown-menu {
2312   border-radius: 3px !important;
2313 }
2314 .navbar.navbar-danger .dropdown-menu li > a:hover, .navbar.navbar-danger .dropdown-menu li > a:focus {
2315   color: #FFFFFF;
2316   background-color: #f44336;
2317 }
2318 .navbar.navbar-danger .dropdown-menu .active > a {
2319   background-color: #f44336;
2320   color: #ffffff;
2321 }
2322 .navbar.navbar-danger .dropdown-menu .active > a:hover, .navbar.navbar-danger .dropdown-menu .active > a:focus {
2323   color: #ffffff;
2324 }
2325 .navbar-inverse {
2326   background-color: #3f51b5;
2327 }
2328 .navbar.navbar-transparent {
2329   background-color: transparent;
2330   box-shadow: none;
2331   color: #fff;
2332   padding-top: 25px;
2333 }
2334 .navbar.navbar-transparent .logo-container .brand {
2335   color: #FFFFFF;
2336 }
2337 .navbar-fixed-top {
2338   border-radius: 0;
2339 }
2340 @media (max-width: 1199px) {
2341   .navbar {
2342     /*
2343         .navbar-form {
2344           margin-top: 10px;
2345         }
2346     */
2347   }
2348   .navbar .navbar-brand {
2349     height: 50px;
2350     padding: 10px 15px;
2351   }
2352   .navbar .navbar-nav > li > a {
2353     padding-top: 15px;
2354     padding-bottom: 15px;
2355   }
2356 }
2357 .navbar .alert {
2358   border-radius: 0;
2359   left: 0;
2360   position: absolute;
2361   right: 0;
2362   top: 85px;
2363   width: 100%;
2364   z-index: 3;
2365   transition: all 0.3s;
2366 }
2367
2368 .dropdown-menu {
2369   border: 0;
2370   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
2371 }
2372 .dropdown-menu .divider {
2373   background-color: rgba(0, 0, 0, 0.12);
2374 }
2375 .dropdown-menu li > a {
2376   font-size: 13px;
2377   padding: 10px 20px;
2378   margin: 0 5px;
2379   border-radius: 2px;
2380   -webkit-transition: all 150ms linear;
2381   -moz-transition: all 150ms linear;
2382   -o-transition: all 150ms linear;
2383   -ms-transition: all 150ms linear;
2384   transition: all 150ms linear;
2385 }
2386 .dropdown-menu li > a:hover, .dropdown-menu li > a:focus {
2387   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
2388 }
2389 .dropdown-menu li {
2390   position: relative;
2391 }
2392 .dropdown-menu li a:hover,
2393 .dropdown-menu li a:focus,
2394 .dropdown-menu li a:active {
2395   background-color: #9c27b0;
2396   color: #FFFFFF;
2397 }
2398 .dropdown-menu .divider {
2399   margin: 5px 0;
2400 }
2401
2402 @media (min-width: 992px) {
2403   .dropdown .dropdown-menu {
2404     -webkit-transition: all 150ms linear;
2405     -moz-transition: all 150ms linear;
2406     -o-transition: all 150ms linear;
2407     -ms-transition: all 150ms linear;
2408     transition: all 150ms linear;
2409     margin-top: -20px;
2410     opacity: 0;
2411     visibility: hidden;
2412     display: block;
2413   }
2414   .dropdown.open .dropdown-menu {
2415     opacity: 1;
2416     visibility: visible;
2417     margin-top: 1px;
2418   }
2419 }
2420 .info {
2421   max-width: 360px;
2422   margin: 0 auto;
2423   padding: 70px 0 30px;
2424 }
2425 .info .icon {
2426   color: #999999;
2427 }
2428 .info .icon > i {
2429   font-size: 4.4em;
2430 }
2431 .info .info-title {
2432   color: #3C4858;
2433   margin: 30px 0 15px;
2434 }
2435 .info p {
2436   color: #999999;
2437 }
2438
2439 .icon.icon-primary {
2440   color: #9c27b0;
2441 }
2442 .icon.icon-info {
2443   color: #03a9f4;
2444 }
2445 .icon.icon-success {
2446   color: #4caf50;
2447 }
2448 .icon.icon-warning {
2449   color: #fbc02d;
2450 }
2451 .icon.icon-danger {
2452   color: #f44336;
2453 }
2454
2455 .alert {
2456   border: 0;
2457   border-radius: 0;
2458   padding: 20px 15px;
2459   line-height: 20px;
2460 }
2461 .alert b {
2462   font-weight: 500;
2463   text-transform: uppercase;
2464   font-size: 12px;
2465 }
2466 .alert, .alert.alert-default {
2467   background-color: white;
2468   color: #ffffff;
2469 }
2470 .alert a, .alert .alert-link, .alert.alert-default a, .alert.alert-default .alert-link {
2471   color: #ffffff;
2472 }
2473 .alert.alert-inverse {
2474   background-color: #4558be;
2475   color: contrast-color(#3f51b5, #000000, #ffffff);
2476 }
2477 .alert.alert-inverse a, .alert.alert-inverse .alert-link {
2478   color: contrast-color(#3f51b5, #000000, #ffffff);
2479 }
2480 .alert.alert-primary {
2481   background-color: #a72abd;
2482   color: #ffffff;
2483 }
2484 .alert.alert-primary a, .alert.alert-primary .alert-link {
2485   color: #ffffff;
2486 }
2487 .alert.alert-success {
2488   background-color: #55b559;
2489   color: #ffffff;
2490 }
2491 .alert.alert-success a, .alert.alert-success .alert-link {
2492   color: #ffffff;
2493 }
2494 .alert.alert-info {
2495   background-color: #0ab1fc;
2496   color: #ffffff;
2497 }
2498 .alert.alert-info a, .alert.alert-info .alert-link {
2499   color: #ffffff;
2500 }
2501 .alert.alert-warning {
2502   background-color: #fbc53c;
2503   color: #ffffff;
2504 }
2505 .alert.alert-warning a, .alert.alert-warning .alert-link {
2506   color: #ffffff;
2507 }
2508 .alert.alert-danger {
2509   background-color: #f55145;
2510   color: #ffffff;
2511 }
2512 .alert.alert-danger a, .alert.alert-danger .alert-link {
2513   color: #ffffff;
2514 }
2515 .alert-info, .alert-danger, .alert-warning, .alert-success {
2516   color: #ffffff;
2517 }
2518 .alert-default a, .alert-default .alert-link {
2519   color: rgba(0,0,0, 0.87);
2520 }
2521 .alert .alert-icon {
2522   display: block;
2523   float: left;
2524   margin-right: 15px;
2525 }
2526 .alert .alert-icon i {
2527   margin-top: -7px;
2528   top: 5px;
2529   position: relative;
2530 }
2531
2532 .progress {
2533   height: 4px;
2534   border-radius: 0;
2535   box-shadow: none;
2536   background: #DDDDDD;
2537 }
2538 .progress .progress-bar {
2539   box-shadow: none;
2540 }
2541 .progress .progress-bar, .progress .progress-bar.progress-bar-default {
2542   background-color: #9c27b0;
2543 }
2544 .progress .progress-bar.progress-bar-inverse {
2545   background-color: #3f51b5;
2546 }
2547 .progress .progress-bar.progress-bar-primary {
2548   background-color: #9c27b0;
2549 }
2550 .progress .progress-bar.progress-bar-success {
2551   background-color: #4caf50;
2552 }
2553 .progress .progress-bar.progress-bar-info {
2554   background-color: #03a9f4;
2555 }
2556 .progress .progress-bar.progress-bar-warning {
2557   background-color: #fbc02d;
2558 }
2559 .progress .progress-bar.progress-bar-danger {
2560   background-color: #f44336;
2561 }
2562 .progress.progress-line-primary {
2563   background: rgba(156, 39, 176, 0.2);
2564 }
2565 .progress.progress-line-info {
2566   background: rgba(3, 169, 244, 0.2);
2567 }
2568 .progress.progress-line-success {
2569   background: rgba(76, 175, 80, 0.2);
2570 }
2571 .progress.progress-line-warning {
2572   background: rgba(251, 192, 45, 0.2);
2573 }
2574 .progress.progress-line-danger {
2575   background: rgba(244, 67, 54, 0.2);
2576 }
2577
2578 h1, .h1 {
2579   font-size: 3.8em;
2580   line-height: 1.15em;
2581 }
2582
2583 h2, .h2 {
2584   font-size: 2.6em;
2585 }
2586
2587 h3, .h3 {
2588   font-size: 1.825em;
2589   line-height: 1.4em;
2590   margin: 20px 0 10px;
2591 }
2592
2593 h4, .h4 {
2594   font-size: 1.3em;
2595   line-height: 1.4em;
2596 }
2597
2598 h5, .h5 {
2599   font-size: 1.25em;
2600   line-height: 1.4em;
2601   margin-bottom: 15px;
2602 }
2603
2604 h6, .h6 {
2605   font-size: 1em;
2606   text-transform: uppercase;
2607 }
2608
2609 .title,
2610 .card-title,
2611 .info-title,
2612 .footer-brand,
2613 .footer-big h5,
2614 .footer-big h4,
2615 .media .media-heading {
2616   font-weight: 700;
2617 }
2618 .title,
2619 .title a,
2620 .card-title,
2621 .card-title a,
2622 .info-title,
2623 .info-title a,
2624 .footer-brand,
2625 .footer-brand a,
2626 .footer-big h5,
2627 .footer-big h5 a,
2628 .footer-big h4,
2629 .footer-big h4 a,
2630 .media .media-heading,
2631 .media .media-heading a {
2632   color: #3C4858;
2633   text-decoration: none;
2634 }
2635
2636 h2.title {
2637   margin-bottom: 30px;
2638 }
2639
2640 .description,
2641 .card-description,
2642 .footer-big p {
2643   color: #999999;
2644 }
2645
2646 .text-warning {
2647   color: #fbc02d;
2648 }
2649
2650 .text-primary {
2651   color: #9c27b0;
2652 }
2653
2654 .text-danger {
2655   color: #f44336;
2656 }
2657
2658 .text-success {
2659   color: #4caf50;
2660 }
2661
2662 .text-info {
2663   color: #03a9f4;
2664 }
2665
2666 .nav-tabs {
2667   background: #9c27b0;
2668   border: 0;
2669   border-radius: 3px;
2670   padding: 0 15px;
2671 }
2672 .nav-tabs > li > a {
2673   color: #FFFFFF;
2674   border: 0;
2675   margin: 0;
2676   border-radius: 3px;
2677   line-height: 24px;
2678   text-transform: uppercase;
2679   font-size: 12px;
2680 }
2681 .nav-tabs > li > a:hover {
2682   background-color: transparent;
2683   border: 0;
2684 }
2685 .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
2686   background-color: transparent;
2687   border: 0 !important;
2688   color: #FFFFFF !important;
2689   font-weight: 500;
2690 }
2691 .nav-tabs > li.disabled > a, .nav-tabs > li.disabled > a:hover {
2692   color: rgba(255, 255, 255, 0.5);
2693 }
2694 .nav-tabs > li .material-icons {
2695   margin: -1px 5px 0 0;
2696 }
2697 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
2698   background-color: rgba(255, 255, 255, 0.2);
2699   transition: background-color .1s .2s;
2700 }
2701
2702 .popover, .tooltip-inner {
2703   color: #555555;
2704   line-height: 1.5em;
2705   background: #FFFFFF;
2706   border: none;
2707   border-radius: 3px;
2708   box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
2709 }
2710
2711 .popover {
2712   padding: 0;
2713   box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
2714 }
2715 .popover.left > .arrow, .popover.right > .arrow, .popover.top > .arrow, .popover.bottom > .arrow {
2716   border: none;
2717 }
2718
2719 .popover-title {
2720   background-color: #FFFFFF;
2721   border: none;
2722   padding: 15px 15px 5px;
2723   font-size: 1.3em;
2724 }
2725
2726 .popover-content {
2727   padding: 10px 15px 15px;
2728   line-height: 1.4;
2729 }
2730
2731 .tooltip.in {
2732   opacity: 1;
2733   -webkit-transform: translate3d(0, 0px, 0);
2734   -moz-transform: translate3d(0, 0px, 0);
2735   -o-transform: translate3d(0, 0px, 0);
2736   -ms-transform: translate3d(0, 0px, 0);
2737   transform: translate3d(0, 0px, 0);
2738 }
2739
2740 .tooltip {
2741   opacity: 0;
2742   transition: opacity, transform .2s ease;
2743   -webkit-transform: translate3d(0, 5px, 0);
2744   -moz-transform: translate3d(0, 5px, 0);
2745   -o-transform: translate3d(0, 5px, 0);
2746   -ms-transform: translate3d(0, 5px, 0);
2747   transform: translate3d(0, 5px, 0);
2748 }
2749 .tooltip.left .tooltip-arrow {
2750   border-left-color: #FFFFFF;
2751 }
2752 .tooltip.right .tooltip-arrow {
2753   border-right-color: #FFFFFF;
2754 }
2755 .tooltip.top .tooltip-arrow {
2756   border-top-color: #FFFFFF;
2757 }
2758 .tooltip.bottom .tooltip-arrow {
2759   border-bottom-color: #FFFFFF;
2760 }
2761
2762 .tooltip-inner {
2763   padding: 10px 15px;
2764   min-width: 130px;
2765 }
2766
2767 .carousel .carousel-control {
2768   width: 50%;
2769 }
2770 .carousel .carousel-control.left, .carousel .carousel-control.right {
2771   background-image: none;
2772 }
2773 .carousel .carousel-control .material-icons,
2774 .carousel .carousel-control .fa {
2775   display: none;
2776 }
2777 .carousel .left {
2778   cursor: url("../img/arrow-left.png"), url("../img/arrow-left.cur"), default !important;
2779 }
2780 .carousel .right {
2781   cursor: url("../img/arrow-right.png"), url("../img/arrow-right.cur"), default !important;
2782 }
2783 .carousel .carousel-indicators {
2784   bottom: 5px;
2785 }
2786 .carousel .carousel-indicators li,
2787 .carousel .carousel-indicators .active {
2788   margin: 11px 10px;
2789 }
2790 .carousel .carousel-indicators li {
2791   background: #FFFFFF;
2792   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
2793   border-radius: 2px;
2794 }
2795 .carousel .carousel-indicators .active {
2796   margin-top: 10px;
2797   -webkit-transform: scale(1.5);
2798   -moz-transform: scale(1.5);
2799   -o-transform: scale(1.5);
2800   -ms-transform: scale(1.5);
2801   transform: scale(1.5);
2802   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
2803 }
2804 .carousel .carousel-caption {
2805   padding-bottom: 45px;
2806 }
2807 .carousel .carousel-caption .material-icons {
2808   position: relative;
2809   top: 5px;
2810 }
2811
2812 .card {
2813   display: inline-block;
2814   position: relative;
2815   width: 100%;
2816   border-radius: 3px;
2817   color: rgba(0,0,0, 0.87);
2818   background: #fff;
2819   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
2820 }
2821 .card .card-height-indicator {
2822   margin-top: 100%;
2823 }
2824 .card .card-content {
2825   position: absolute;
2826   top: 0;
2827   bottom: 0;
2828   left: 0;
2829   right: 0;
2830 }
2831 .card .card-image {
2832   height: 60%;
2833   position: relative;
2834   overflow: hidden;
2835 }
2836 .card .card-image img {
2837   width: 100%;
2838   height: 100%;
2839   border-top-left-radius: 2px;
2840   border-top-right-radius: 2px;
2841   pointer-events: none;
2842 }
2843 .card .card-image .card-image-headline {
2844   position: absolute;
2845   bottom: 16px;
2846   left: 18px;
2847   color: #fff;
2848   font-size: 2em;
2849 }
2850 .card .content {
2851   padding: 15px;
2852 }
2853 .card .card-body {
2854   height: 30%;
2855   padding: 18px;
2856 }
2857 .card .card-footer {
2858   height: 10%;
2859   padding: 18px;
2860 }
2861 .card .card-footer button, .card .card-footer a {
2862   margin: 0 !important;
2863   position: relative;
2864   bottom: 25px;
2865   width: auto;
2866 }
2867 .card .card-footer button:first-child, .card .card-footer a:first-child {
2868   left: -15px;
2869 }
2870 .card .header {
2871   box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
2872   margin: 15px;
2873   border-radius: 3px;
2874   padding: 15px 0;
2875   background-color: #FFFFFF;
2876 }
2877 .card .header-primary {
2878   background: linear-gradient(60deg, #ab47bc, #7b1fa2);
2879 }
2880 .card .header-info {
2881   background: linear-gradient(60deg, #29b6f6, #0288d1);
2882 }
2883 .card .header-success {
2884   background: linear-gradient(60deg, #66bb6a, #388e3c);
2885 }
2886 .card .header-warning {
2887   background: linear-gradient(60deg, #fdd835, #fbc02d);
2888 }
2889 .card .header-danger {
2890   background: linear-gradient(60deg, #ef5350, #d32f2f);
2891 }
2892 .card [class*="header-"] {
2893   color: #FFFFFF;
2894 }
2895
2896 .card-raised {
2897   box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
2898 }
2899
2900 .card-signup .header {
2901   box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
2902   margin-left: 20px;
2903   margin-right: 20px;
2904   margin-top: -40px;
2905   padding: 20px 0;
2906 }
2907 .card-signup .text-divider {
2908   margin-top: 30px;
2909   margin-bottom: 0px;
2910   text-align: center;
2911 }
2912 .card-signup .content {
2913   padding: 0px 30px 0px 10px;
2914 }
2915 .card-signup .checkbox {
2916   margin-top: 20px;
2917 }
2918 .card-signup .checkbox label {
2919   margin-left: 17px;
2920 }
2921 .card-signup .checkbox .checkbox-material {
2922   padding-right: 12px;
2923 }
2924 .card-signup .social-line {
2925   margin-top: 15px;
2926   text-align: center;
2927 }
2928 .card-signup .social-line .btn {
2929   color: #FFFFFF;
2930   margin-left: 5px;
2931   margin-right: 5px;
2932 }
2933
2934 .card-nav-tabs {
2935   margin-top: 45px;
2936 }
2937 .card-nav-tabs .header {
2938   margin-top: -30px;
2939 }
2940 .card-nav-tabs .nav-tabs {
2941   background: transparent;
2942 }
2943
2944 .card-plain {
2945   background: transparent;
2946   box-shadow: none;
2947 }
2948 .card-plain .header {
2949   margin-left: 0;
2950   margin-right: 0;
2951 }
2952 .card-plain .content {
2953   padding-left: 0;
2954   padding-right: 0;
2955 }
2956
2957 .modal-content {
2958   box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
2959   border-radius: 3px;
2960   border: none;
2961 }
2962 .modal-content .modal-header {
2963   border-bottom: none;
2964   padding-top: 24px;
2965   padding-right: 24px;
2966   padding-bottom: 0;
2967   padding-left: 24px;
2968 }
2969 .modal-content .modal-body {
2970   padding-top: 24px;
2971   padding-right: 24px;
2972   padding-bottom: 16px;
2973   padding-left: 24px;
2974 }
2975 .modal-content .modal-footer {
2976   border-top: none;
2977   padding: 7px;
2978 }
2979 .modal-content .modal-footer button {
2980   margin: 0;
2981   padding-left: 16px;
2982   padding-right: 16px;
2983   width: auto;
2984 }
2985 .modal-content .modal-footer button.pull-left {
2986   padding-left: 5px;
2987   padding-right: 5px;
2988   position: relative;
2989   left: -5px;
2990 }
2991 .modal-content .modal-footer button + button {
2992   margin-bottom: 16px;
2993 }
2994 .modal-content .modal-body + .modal-footer {
2995   padding-top: 0;
2996 }
2997
2998 .modal-backdrop {
2999   background: rgba(0, 0, 0, 0.3);
3000 }
3001
3002 .modal .modal-dialog {
3003   margin-top: 100px;
3004 }
3005 .modal .modal-header .close {
3006   color: #555555;
3007 }
3008 .modal .modal-header .close:hover, .modal .modal-header .close:focus {
3009   opacity: 1;
3010   color: #555555;
3011 }
3012
3013 .panel {
3014   border-radius: 2px;
3015   border: 0;
3016   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3017 }
3018 .panel > .panel-heading, .panel.panel-default > .panel-heading {
3019   background-color: #eeeeee;
3020 }
3021 .panel.panel-inverse > .panel-heading {
3022   background-color: #3f51b5;
3023 }
3024 .panel.panel-primary > .panel-heading {
3025   background-color: #9c27b0;
3026 }
3027 .panel.panel-success > .panel-heading {
3028   background-color: #4caf50;
3029 }
3030 .panel.panel-info > .panel-heading {
3031   background-color: #03a9f4;
3032 }
3033 .panel.panel-warning > .panel-heading {
3034   background-color: #fbc02d;
3035 }
3036 .panel.panel-danger > .panel-heading {
3037   background-color: #f44336;
3038 }
3039
3040 [class*="panel-"] > .panel-heading {
3041   color: #ffffff;
3042   border: 0;
3043 }
3044
3045 .panel-default > .panel-heading, .panel:not([class*="panel-"]) > .panel-heading {
3046   color: rgba(0,0,0, 0.87);
3047 }
3048
3049 .panel-footer {
3050   background-color: #eeeeee;
3051 }
3052
3053 hr.on-dark {
3054   color: #1a1a1a;
3055 }
3056 hr.on-light {
3057   color: white;
3058 }
3059 @media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3 / 4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (min-resolution: 120dpi) {
3060   hr {
3061     height: 0.75px;
3062   }
3063 }
3064 @media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (min-resolution: 160dpi) {
3065   hr {
3066     height: 1px;
3067   }
3068 }
3069 @media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133 / 100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (min-resolution: 213dpi) {
3070   hr {
3071     height: 1.333px;
3072   }
3073 }
3074 @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 240dpi) {
3075   hr {
3076     height: 1.5px;
3077   }
3078 }
3079 @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2 / 1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 380dpi) {
3080   hr {
3081     height: 2px;
3082   }
3083 }
3084 @media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3 / 1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 480dpi) {
3085   hr {
3086     height: 3px;
3087   }
3088 }
3089 @media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4 / 1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (min-resolution: 640dpi) {
3090   hr {
3091     height: 4px;
3092   }
3093 }
3094
3095 .img-thumbnail {
3096   border-radius: 16px;
3097 }
3098
3099 .img-raised {
3100   box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3101 }
3102
3103 * {
3104   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
3105   -webkit-tap-highlight-color: transparent;
3106 }
3107 *:focus {
3108   outline: 0;
3109 }
3110
3111 a:focus, a:active,
3112 button:active, button:focus, button:hover,
3113 button::-moz-focus-inner,
3114 input[type="reset"]::-moz-focus-inner,
3115 input[type="button"]::-moz-focus-inner,
3116 input[type="submit"]::-moz-focus-inner,
3117 select::-moz-focus-inner,
3118 input[type="file"] > input[type="button"]::-moz-focus-inner {
3119   outline: 0 !important;
3120 }
3121
3122 .section {
3123   padding: 70px 0;
3124 }
3125
3126 .section-navbars {
3127   padding-bottom: 0;
3128 }
3129
3130 .section-full-screen {
3131   height: 100vh;
3132 }
3133
3134 .section-signup {
3135   padding-top: 20vh;
3136 }
3137
3138 .noUi-target,
3139 .noUi-target * {
3140   -webkit-touch-callout: none;
3141   -ms-touch-action: none;
3142   user-select: none;
3143   box-sizing: border-box;
3144 }
3145
3146 .noUi-base {
3147   width: 100%;
3148   height: 100%;
3149   position: relative;
3150 }
3151
3152 .noUi-origin {
3153   position: absolute;
3154   right: 0;
3155   top: 0;
3156   left: 0;
3157   bottom: 0;
3158 }
3159
3160 .noUi-handle {
3161   position: relative;
3162   z-index: 1;
3163   box-sizing: border-box;
3164 }
3165
3166 .noUi-stacking .noUi-handle {
3167   z-index: 10;
3168 }
3169
3170 .noUi-state-tap .noUi-origin {
3171   transition: left 0.3s, top 0.3s;
3172 }
3173
3174 .noUi-state-drag * {
3175   cursor: inherit !important;
3176 }
3177
3178 .noUi-horizontal {
3179   height: 10px;
3180 }
3181
3182 .noUi-handle {
3183   box-sizing: border-box;
3184   width: 14px;
3185   height: 14px;
3186   left: -10px;
3187   top: -6px;
3188   cursor: pointer;
3189   border-radius: 100%;
3190   transition: all 0.2s ease-out;
3191   border: 1px solid;
3192   background: #FFFFFF;
3193   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
3194 }
3195
3196 .noUi-vertical .noUi-handle {
3197   margin-left: 5px;
3198   cursor: ns-resize;
3199 }
3200
3201 .noUi-horizontal.noUi-extended {
3202   padding: 0 15px;
3203 }
3204
3205 .noUi-horizontal.noUi-extended .noUi-origin {
3206   right: -15px;
3207 }
3208
3209 .noUi-background {
3210   height: 2px;
3211   margin: 20px 0;
3212 }
3213
3214 .noUi-origin {
3215   margin: 0;
3216   border-radius: 0;
3217   height: 2px;
3218   background: #c8c8c8;
3219 }
3220 .noUi-origin[style^="left: 0"] .noUi-handle {
3221   background-color: #fff;
3222   border: 2px solid #c8c8c8;
3223 }
3224 .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
3225   border-width: 1px;
3226 }
3227
3228 .noUi-target {
3229   border-radius: 3px;
3230 }
3231
3232 .noUi-horizontal {
3233   height: 2px;
3234   margin: 15px 0;
3235 }
3236
3237 .noUi-vertical {
3238   height: 100%;
3239   width: 2px;
3240   margin: 0 15px;
3241   display: inline-block;
3242 }
3243
3244 .noUi-handle.noUi-active {
3245   transform: scale3d(2, 2, 1);
3246 }
3247
3248 [disabled].noUi-slider {
3249   opacity: 0.5;
3250 }
3251
3252 [disabled] .noUi-handle {
3253   cursor: not-allowed;
3254 }
3255
3256 .slider {
3257   background: #c8c8c8;
3258 }
3259
3260 .slider.noUi-connect {
3261   background-color: #9c27b0;
3262 }
3263 .slider .noUi-handle {
3264   border-color: #9c27b0;
3265 }
3266 .slider.slider-info .noUi-connect, .slider.slider-info.noUi-connect {
3267   background-color: #03a9f4;
3268 }
3269 .slider.slider-info .noUi-handle {
3270   border-color: #03a9f4;
3271 }
3272 .slider.slider-success .noUi-connect, .slider.slider-success.noUi-connect {
3273   background-color: #4caf50;
3274 }
3275 .slider.slider-success .noUi-handle {
3276   border-color: #4caf50;
3277 }
3278 .slider.slider-warning .noUi-connect, .slider.slider-warning.noUi-connect {
3279   background-color: #fbc02d;
3280 }
3281 .slider.slider-warning .noUi-handle {
3282   border-color: #fbc02d;
3283 }
3284 .slider.slider-danger .noUi-connect, .slider.slider-danger.noUi-connect {
3285   background-color: #f44336;
3286 }
3287 .slider.slider-danger .noUi-handle {
3288   border-color: #f44336;
3289 }
3290
3291 .dropdownjs::after {
3292   right: 5px;
3293   top: 3px;
3294   font-size: 25px;
3295   position: absolute;
3296   font-family: 'Material Icons';
3297   font-style: normal;
3298   font-weight: 400;
3299   content: "\e5c5";
3300   pointer-events: none;
3301   color: #757575;
3302 }
3303
3304 /*!
3305  * Datepicker for Bootstrap
3306  *
3307  * Copyright 2012 Stefan Petre
3308  * Licensed under the Apache License v2.0
3309  * http://www.apache.org/licenses/LICENSE-2.0
3310  *
3311  */
3312 /*
3313  *
3314  *   SCSS by Creative Tim
3315  *   http://www.creative-tim.com
3316  *
3317  */
3318 .datepicker {
3319   top: 0;
3320   left: 0;
3321   padding: 4px;
3322   margin-top: 1px;
3323   -webkit-border-radius: 4px;
3324   -moz-border-radius: 4px;
3325   border-radius: 4px;
3326 }
3327 .datepicker > div {
3328   display: none;
3329 }
3330 .datepicker table {
3331   width: 100%;
3332   margin: 0;
3333 }
3334 .datepicker td,
3335 .datepicker th {
3336   text-align: center;
3337   width: 20px;
3338   height: 20px;
3339   -webkit-border-radius: 4px;
3340   -moz-border-radius: 4px;
3341   border-radius: 4px;
3342 }
3343 .datepicker td {
3344   text-align: center;
3345 }
3346 .datepicker td p {
3347   font-size: 1em;
3348   font-weight: 400;
3349   border-radius: 50%;
3350   height: 29px;
3351   line-height: 29px;
3352   margin: 3px 0 8px;
3353   width: 29px;
3354 }
3355 .datepicker td :hover {
3356   cursor: pointer;
3357 }
3358 .datepicker th {
3359   font-weight: 500;
3360 }
3361 .datepicker th.switch-datepicker {
3362   font-size: 1em;
3363 }
3364 .datepicker .prev p,
3365 .datepicker .next p {
3366   font-size: 1.825em;
3367 }
3368 .datepicker p:hover {
3369   background: #eeeeee;
3370 }
3371 .datepicker .day.disabled {
3372   color: #eeeeee;
3373 }
3374 .datepicker td.old,
3375 .datepicker td.new {
3376   color: #999999;
3377   border-top: 0;
3378 }
3379 .datepicker td.active p,
3380 .datepicker td.active:hover p {
3381   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
3382   color: #ffffff;
3383   background-color: #9c27b0;
3384 }
3385 .datepicker td.primary p,
3386 .datepicker td.primary:hover p {
3387   background-color: #9c27b0;
3388 }
3389 .datepicker td.info p,
3390 .datepicker td.info:hover p {
3391   background-color: #03a9f4;
3392 }
3393 .datepicker td.success p,
3394 .datepicker td.success:hover p {
3395   background-color: #4caf50;
3396 }
3397 .datepicker td.warning p,
3398 .datepicker td.warning:hover p {
3399   background-color: #fbc02d;
3400 }
3401 .datepicker td.danger p,
3402 .datepicker td.danger:hover p {
3403   background-color: #f44336;
3404 }
3405 .datepicker span {
3406   display: block;
3407   width: 55px;
3408   height: 54px;
3409   line-height: 54px;
3410   float: left;
3411   margin: 2px;
3412   cursor: pointer;
3413   -webkit-border-radius: 4px;
3414   -moz-border-radius: 4px;
3415   border-radius: 4px;
3416 }
3417 .datepicker span.old {
3418   color: #999999;
3419 }
3420 .datepicker span.active, .datepicker span.active:focus, .datepicker span.active:hover, .datepicker span.active:active {
3421   background-color: #9c27b0;
3422   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
3423 }
3424 .datepicker span.active {
3425   color: #FFFFFF;
3426 }
3427 .datepicker span:hover {
3428   background-color: #EEEEEE;
3429 }
3430 .datepicker span.primary,
3431 .datepicker span.primary:hover {
3432   background-color: #9c27b0;
3433 }
3434 .datepicker span.info,
3435 .datepicker span.info:hover {
3436   background-color: #03a9f4;
3437 }
3438 .datepicker span.success,
3439 .datepicker span.success:hover {
3440   background-color: #4caf50;
3441 }
3442 .datepicker span.warning,
3443 .datepicker span.warning:hover {
3444   background-color: #fbc02d;
3445 }
3446 .datepicker span.danger,
3447 .datepicker span.danger:hover {
3448   background-color: #f44336;
3449 }
3450 .datepicker th.switch-datepicker {
3451   width: 145px;
3452 }
3453 .datepicker th.next,
3454 .datepicker th.prev {
3455   font-size: 21px;
3456 }
3457 .datepicker thead tr:first-child th {
3458   cursor: pointer;
3459 }
3460 .datepicker thead tr:first-child th:hover {
3461   background: #eeeeee;
3462 }
3463 .datepicker.dropdown-menu {
3464   border-radius: 3px;
3465   box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3466   -webkit-transition: all 150ms linear;
3467   -moz-transition: all 150ms linear;
3468   -o-transition: all 150ms linear;
3469   -ms-transition: all 150ms linear;
3470   transition: all 150ms linear;
3471   margin-top: -20px;
3472   opacity: 0;
3473   visibility: hidden;
3474 }
3475 .datepicker.dropdown-menu.open {
3476   opacity: 1;
3477   visibility: visible;
3478   margin-top: 1px;
3479 }
3480 .datepicker .table-condensed > tbody > tr > td {
3481   padding: 2px;
3482 }
3483 .datepicker .table-condensed > thead > tr > th {
3484   padding: 0;
3485 }
3486
3487 .input-append.date .add-on i,
3488 .input-prepend.date .add-on i {
3489   display: block;
3490   cursor: pointer;
3491   width: 16px;
3492   height: 16px;
3493 }
3494
3495 .datepicker-months thead {
3496   padding: 0 0 3px;
3497   display: block;
3498 }
3499
3500 .withripple {
3501   position: relative;
3502 }
3503
3504 .ripple-container {
3505   position: absolute;
3506   top: 0;
3507   left: 0;
3508   z-index: 1;
3509   width: 100%;
3510   height: 100%;
3511   overflow: hidden;
3512   border-radius: inherit;
3513   pointer-events: none;
3514 }
3515
3516 .ripple {
3517   position: absolute;
3518   width: 20px;
3519   height: 20px;
3520   margin-left: -10px;
3521   margin-top: -10px;
3522   border-radius: 100%;
3523   background-color: #000;
3524   background-color: rgba(0, 0, 0, 0.05);
3525   transform: scale(1);
3526   transform-origin: 50%;
3527   opacity: 0;
3528   pointer-events: none;
3529 }
3530
3531 .ripple.ripple-on {
3532   transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
3533   opacity: 0.1;
3534 }
3535
3536 .ripple.ripple-out {
3537   transition: opacity 0.1s linear 0s !important;
3538   opacity: 0;
3539 }
3540
3541 .wrapper > .header {
3542   min-height: 300px;
3543   background-position: center center;
3544   background-size: cover;
3545 }
3546
3547 .main {
3548   background: #FFFFFF;
3549   position: relative;
3550   z-index: 3;
3551 }
3552
3553 .main-raised {
3554   margin: -60px 30px 0px;
3555   border-radius: 6px;
3556   box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
3557 }
3558
3559 .title {
3560   font-weight: 500;
3561   color: #3C4858;
3562 }
3563
3564 h2.title {
3565   margin-bottom: 30px;
3566 }
3567
3568 .description {
3569   color: #999999;
3570 }
3571
3572 .header-filter {
3573   position: relative;
3574 }
3575 .header-filter:after {
3576   position: absolute;
3577   z-index: 1;
3578   width: 100%;
3579   height: 100%;
3580   display: block;
3581   left: 0;
3582   top: 0;
3583   content: "";
3584   background-color: rgba(0, 0, 0, 0.4);
3585 }
3586 .header-filter .container {
3587   z-index: 2;
3588   position: relative;
3589 }
3590
3591 .gallery .image img {
3592   width: 100%;
3593 }
3594
3595 .features {
3596   padding: 80px 0 0;
3597 }
3598
3599 .team {
3600   margin-top: 80px;
3601 }
3602 .team .team-player .title {
3603   margin: 30px auto;
3604 }
3605 .team .team-player img {
3606   max-width: 170px;
3607 }
3608
3609 .nav-align-center {
3610   text-align: center;
3611 }
3612 .nav-align-center .nav-pills {
3613   display: inline-block;
3614 }
3615
3616 .navbar-absolute {
3617   position: absolute;
3618   width: 100%;
3619   padding-top: 10px;
3620   z-index: 1031;
3621 }
3622
3623 .index-page .wrapper > .header {
3624   height: 90vh;
3625 }
3626 .index-page .brand {
3627   margin-top: 30vh;
3628   color: #FFFFFF;
3629   text-align: center;
3630 }
3631 .index-page .brand h1 {
3632   font-size: 4.8em;
3633   font-weight: 600;
3634 }
3635 .index-page .brand h3 {
3636   font-size: 1.5em;
3637   text-transform: uppercase;
3638   max-width: 400px;
3639   margin: 10px auto 0;
3640 }
3641 .index-page .section-basic {
3642   padding-top: 15px;
3643 }
3644 .index-page .header-filter:after {
3645   background: rgba(101, 47, 142, 0.64);
3646   background: linear-gradient(45deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);
3647   background: -moz-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);
3648   background: -webkit-linear-gradient(135deg, rgba(101, 47, 142, 0.88) 0%, rgba(125, 46, 185, 0.45) 100%);
3649 }
3650
3651 .landing-page .header {
3652   height: 100vh;
3653 }
3654 .landing-page .header .container {
3655   padding-top: 26vh;
3656   color: #FFFFFF;
3657 }
3658 .landing-page .header .share {
3659   margin-top: 150px;
3660 }
3661 .landing-page .header h1 {
3662   font-weight: 600;
3663 }
3664 .landing-page .header .title {
3665   color: #FFFFFF;
3666 }
3667 .landing-page .wrapper {
3668   background: #CCCCCC;
3669 }
3670
3671 .profile-page .header {
3672   height: 380px;
3673   background-position: top center;
3674 }
3675 .profile-page .profile {
3676   text-align: center;
3677 }
3678 .profile-page .profile img {
3679   max-width: 160px;
3680   margin: -80px auto 0;
3681 }
3682 .profile-page .description {
3683   margin: 30px auto 0;
3684   max-width: 600px;
3685 }
3686 .profile-page .profile-tabs {
3687   margin-top: 60px;
3688 }
3689 .profile-page .gallery {
3690   margin-top: 45px;
3691   padding-bottom: 50px;
3692 }
3693 .profile-page .gallery img {
3694   width: 100%;
3695   margin-bottom: 30px;
3696 }
3697
3698 .signup-page .wrapper > .header {
3699   min-height: 100vh;
3700 }
3701 .signup-page .wrapper .card-signup {
3702   margin: 160px 0 40px;
3703 }
3704 .signup-page .footer .copyright,
3705 .signup-page .footer a {
3706   color: #FFFFFF;
3707 }
3708
3709 .landing-page .navbar-transparent,
3710 .profile-page .navbar-transparent,
3711 .signup-page .navbar-transparent,
3712 .index-page .navbar-transparent {
3713   padding-top: 25px;
3714 }
3715
3716 @media (max-width: 991px) {
3717   .landing-page .header {
3718     height: auto;
3719     min-height: 100vh;
3720   }
3721   .landing-page .header .container {
3722     padding-bottom: 70px;
3723   }
3724 }
3725 @media (max-width: 768px) {
3726   .footer .copyright {
3727     display: inline-block;
3728     text-align: center;
3729     padding: 10px 0;
3730     float: none !important;
3731     width: 100%;
3732   }
3733
3734   .navbar.navbar-transparent {
3735     background-color: rgba(0, 0, 0, 0.4);
3736     padding-top: 10px;
3737     border-radius: 0;
3738   }
3739
3740   .main-raised {
3741     margin-left: 10px;
3742     margin-right: 10px;
3743   }
3744 }
3745
3746 /*# sourceMappingURL=material-kit.css.map */