/* cyrillic-ext */ @import url(https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700); /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://fonts.gstatic.com/s/materialicons/v19/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format("woff2"); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } /* ANIMATION */ /* SHADOWS */ /* Shadows (from mdl http://www.getmdl.io/) */ body { background-color: #CCCCCC; } body.inverse { background: #333333; } body.inverse, body.inverse .form-control { color: #ffffff; } body.inverse .modal, body.inverse .modal .form-control, body.inverse .panel-default, body.inverse .panel-default .form-control, body.inverse .card, body.inverse .card .form-control { background-color: initial; color: initial; } .life-of-material-kit { background: #FFFFFF; } body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { font-family: "Work Sans", sans-serif; font-weight: 300; line-height: 1.5em; } /* Animations */ .animation-transition-general { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .animation-transition-slow { -webkit-transition: all 370ms linear; -moz-transition: all 370ms linear; -o-transition: all 370ms linear; -ms-transition: all 370ms linear; transition: all 370ms linear; } .animation-transition-fast { -webkit-transition: all 150ms ease 0s; -moz-transition: all 150ms ease 0s; -o-transition: all 150ms ease 0s; -ms-transition: all 150ms ease 0s; transition: all 150ms ease 0s; } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 0; } .form-horizontal .radio { margin-bottom: 10px; } .form-horizontal label { text-align: right; } .form-horizontal label.control-label { margin: 0; } .btn, .input-group-btn .btn { border: none; border-radius: 3px; position: relative; padding: 12px 30px; margin: 10px 1px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0; will-change: box-shadow, transform; -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1); background: transparent; } .btn::-moz-focus-inner, .input-group-btn .btn::-moz-focus-inner { border: 0; } .btn:not(.btn-raised), .input-group-btn .btn:not(.btn-raised) { -webkit-box-shadow: none; box-shadow: none; } .btn:not(.btn-raised), .btn:not(.btn-raised).btn-default, .input-group-btn .btn:not(.btn-raised), .input-group-btn .btn:not(.btn-raised).btn-default { color: rgba(0,0,0, 0.87); } .btn:not(.btn-raised).btn-inverse, .input-group-btn .btn:not(.btn-raised).btn-inverse { color: #3f51b5; } .btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary { color: #9c27b0; } .btn:not(.btn-raised).btn-success, .input-group-btn .btn:not(.btn-raised).btn-success { color: #4caf50; } .btn:not(.btn-raised).btn-info, .input-group-btn .btn:not(.btn-raised).btn-info { color: #03a9f4; } .btn:not(.btn-raised).btn-warning, .input-group-btn .btn:not(.btn-raised).btn-warning { color: #fbc02d; } .btn:not(.btn-raised).btn-danger, .input-group-btn .btn:not(.btn-raised).btn-danger { color: #f44336; } .btn:not(.btn-raised):not(.btn-link):hover, .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus { background-color: transparent; } .btn:focus, .btn:active, .btn:active:focus, .input-group-btn .btn:focus, .input-group-btn .btn:active, .input-group-btn .btn:active:focus { outline: 0; } .btn.btn-raised, .btn.btn-raised.btn-default, .btn.btn-fab, .btn.btn-fab.btn-default, .btn-group-raised .btn, .btn-group-raised .btn.btn-default, .input-group-btn .btn.btn-raised, .input-group-btn .btn.btn-raised.btn-default, .input-group-btn .btn.btn-fab, .input-group-btn .btn.btn-fab.btn-default, .btn-group-raised .input-group-btn .btn, .btn-group-raised .input-group-btn .btn.btn-default { background-color: #EEEEEE; color: rgba(0,0,0, 0.87); } .btn.btn-raised.btn-inverse, .btn.btn-fab.btn-inverse, .btn-group-raised .btn.btn-inverse, .input-group-btn .btn.btn-raised.btn-inverse, .input-group-btn .btn.btn-fab.btn-inverse, .btn-group-raised .input-group-btn .btn.btn-inverse { background-color: #3f51b5; color: contrast-color(#3f51b5, #000000, #ffffff); } .btn.btn-raised.btn-primary, .btn.btn-fab.btn-primary, .btn-group-raised .btn.btn-primary, .input-group-btn .btn.btn-raised.btn-primary, .input-group-btn .btn.btn-fab.btn-primary, .btn-group-raised .input-group-btn .btn.btn-primary { background-color: #9c27b0; color: #ffffff; } .btn.btn-raised.btn-success, .btn.btn-fab.btn-success, .btn-group-raised .btn.btn-success, .input-group-btn .btn.btn-raised.btn-success, .input-group-btn .btn.btn-fab.btn-success, .btn-group-raised .input-group-btn .btn.btn-success { background-color: #4caf50; color: #ffffff; } .btn.btn-raised.btn-info, .btn.btn-fab.btn-info, .btn-group-raised .btn.btn-info, .input-group-btn .btn.btn-raised.btn-info, .input-group-btn .btn.btn-fab.btn-info, .btn-group-raised .input-group-btn .btn.btn-info { background-color: #03a9f4; color: #ffffff; } .btn.btn-raised.btn-warning, .btn.btn-fab.btn-warning, .btn-group-raised .btn.btn-warning, .input-group-btn .btn.btn-raised.btn-warning, .input-group-btn .btn.btn-fab.btn-warning, .btn-group-raised .input-group-btn .btn.btn-warning { background-color: #fbc02d; color: #ffffff; } .btn.btn-raised.btn-danger, .btn.btn-fab.btn-danger, .btn-group-raised .btn.btn-danger, .input-group-btn .btn.btn-raised.btn-danger, .input-group-btn .btn.btn-fab.btn-danger, .btn-group-raised .input-group-btn .btn.btn-danger { background-color: #f44336; color: #ffffff; } .btn.btn-raised:not(.btn-link), .btn-group-raised .btn:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .input-group-btn .btn:not(.btn-link) { -webkit-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); 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); } .btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link):active, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):focus, .input-group-btn .btn.btn-raised:not(.btn-link).active, .input-group-btn .btn.btn-raised:not(.btn-link):active, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .input-group-btn .btn:not(.btn-link):active { outline: 0; } .btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):hover.btn-default, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link):focus.btn-default, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link).active.btn-default, .btn.btn-raised:not(.btn-link):active, .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):hover.btn-default, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link):focus.btn-default, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link).active.btn-default, .btn-group-raised .btn:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):active.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):focus, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link).active, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):active, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):active, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default { background-color: contrast-color(#EEEEEE, #e4e4e4, #f8f8f8); } .btn.btn-raised:not(.btn-link):hover.btn-inverse, .btn.btn-raised:not(.btn-link):focus.btn-inverse, .btn.btn-raised:not(.btn-link).active.btn-inverse, .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .btn:not(.btn-link):active.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse { background-color: contrast-color(#3f51b5, #3a4aa6, #495bc0); } .btn.btn-raised:not(.btn-link):hover.btn-primary, .btn.btn-raised:not(.btn-link):focus.btn-primary, .btn.btn-raised:not(.btn-link).active.btn-primary, .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .btn:not(.btn-link).active.btn-primary, .btn-group-raised .btn:not(.btn-link):active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary { background-color: contrast-color(#9c27b0, #8d239f, #ab2bc1); } .btn.btn-raised:not(.btn-link):hover.btn-success, .btn.btn-raised:not(.btn-link):focus.btn-success, .btn.btn-raised:not(.btn-link).active.btn-success, .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .btn:not(.btn-link):hover.btn-success, .btn-group-raised .btn:not(.btn-link):focus.btn-success, .btn-group-raised .btn:not(.btn-link).active.btn-success, .btn-group-raised .btn:not(.btn-link):active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success { background-color: contrast-color(#4caf50, #46a149, #59b75c); } .btn.btn-raised:not(.btn-link):hover.btn-info, .btn.btn-raised:not(.btn-link):focus.btn-info, .btn.btn-raised:not(.btn-link).active.btn-info, .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .btn:not(.btn-link):hover.btn-info, .btn-group-raised .btn:not(.btn-link):focus.btn-info, .btn-group-raised .btn:not(.btn-link).active.btn-info, .btn-group-raised .btn:not(.btn-link):active.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info { background-color: contrast-color(#03a9f4, #039be0, #0fb2fc); } .btn.btn-raised:not(.btn-link):hover.btn-warning, .btn.btn-raised:not(.btn-link):focus.btn-warning, .btn.btn-raised:not(.btn-link).active.btn-warning, .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .btn:not(.btn-link).active.btn-warning, .btn-group-raised .btn:not(.btn-link):active.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning { background-color: contrast-color(#fbc02d, #fbba19, #fbc641); } .btn.btn-raised:not(.btn-link):hover.btn-danger, .btn.btn-raised:not(.btn-link):focus.btn-danger, .btn.btn-raised:not(.btn-link).active.btn-danger, .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .btn:not(.btn-link).active.btn-danger, .btn-group-raised .btn:not(.btn-link):active.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger { background-color: contrast-color(#f44336, #f33123, #f55549); } .btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):hover:focus, .btn.btn-raised:not(.btn-link):hover.active, .btn.btn-raised:not(.btn-link):hover.active:focus, .btn.btn-raised:not(.btn-link):hover:active, .btn.btn-raised:not(.btn-link):hover:active:focus, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):hover:focus, .btn-group-raised .btn:not(.btn-link):hover.active, .btn-group-raised .btn:not(.btn-link):hover.active:focus, .btn-group-raised .btn:not(.btn-link):hover:active, .btn-group-raised .btn:not(.btn-link):hover:active:focus, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):hover:focus, .input-group-btn .btn.btn-raised:not(.btn-link):hover.active, .input-group-btn .btn.btn-raised:not(.btn-link):hover.active:focus, .input-group-btn .btn.btn-raised:not(.btn-link):hover:active, .input-group-btn .btn.btn-raised:not(.btn-link):hover:active:focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover:focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active:focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active:focus { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36); } .btn.btn-round, .input-group-btn .btn.btn-round { border-radius: 30px; } .btn i.material-icons, .input-group-btn .btn i.material-icons { vertical-align: middle; font-size: 17px; top: -1px; position: relative; } .btn.btn-fab, .input-group-btn .btn.btn-fab { border-radius: 50%; font-size: 24px; height: 56px; margin: auto; min-width: 56px; width: 56px; padding: 0; overflow: hidden; -webkit-box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24); position: relative; line-height: normal; } .btn.btn-fab .ripple-container, .input-group-btn .btn.btn-fab .ripple-container { border-radius: 50%; } .btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-fab, .input-group-btn .btn.btn-fab.btn-fab-mini, .btn-group-sm .input-group-btn .btn.btn-fab { height: 40px; min-width: 40px; width: 40px; } .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons, .input-group-btn .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .input-group-btn .btn.btn-fab.material-icons { top: -3.5px; left: -3.5px; } .btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .btn.btn-fab .material-icons, .input-group-btn .btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .input-group-btn .btn.btn-fab .material-icons { font-size: 17px; } .btn.btn-fab i.material-icons, .input-group-btn .btn.btn-fab i.material-icons { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-12px, -12px); -ms-transform: translate(-12px, -12px); transform: translate(-12px, -12px); line-height: 24px; width: 24px; font-size: 24px; } .btn.btn-lg, .btn-group-lg .btn, .input-group-btn .btn.btn-lg, .btn-group-lg .input-group-btn .btn { font-size: 14px; padding: 18px 36px; } .btn.btn-sm, .btn-group-sm .btn, .input-group-btn .btn.btn-sm, .btn-group-sm .input-group-btn .btn { padding: 5px 20px; font-size: 11px; } .btn.btn-xs, .btn-group-xs .btn, .input-group-btn .btn.btn-xs, .btn-group-xs .input-group-btn .btn { padding: 4px 15px; font-size: 10px; } .btn-just-icon { font-size: 20px; padding: 6px 11px; } fieldset[disabled][disabled] .btn, .btn.disabled, .btn:disabled, .btn[disabled][disabled], fieldset[disabled][disabled] .input-group-btn .btn, .input-group-btn .btn.disabled, .input-group-btn .btn:disabled, .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .btn-group, .btn-group.disabled, .btn-group:disabled, .btn-group[disabled][disabled], fieldset[disabled][disabled] .btn-group-vertical, .btn-group-vertical.disabled, .btn-group-vertical:disabled, .btn-group-vertical[disabled][disabled] { color: rgba(0, 0, 0, 0.26); background: transparent; } .theme-dark fieldset[disabled][disabled] .btn, .theme-dark .btn.disabled, .theme-dark .btn:disabled, .theme-dark .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] .input-group-btn .btn, .theme-dark .input-group-btn .btn.disabled, .theme-dark .input-group-btn .btn:disabled, .theme-dark .input-group-btn .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] .btn-group, .theme-dark .btn-group.disabled, .theme-dark .btn-group:disabled, .theme-dark .btn-group[disabled][disabled], .theme-dark fieldset[disabled][disabled] .btn-group-vertical, .theme-dark .btn-group-vertical.disabled, .theme-dark .btn-group-vertical:disabled, .theme-dark .btn-group-vertical[disabled][disabled] { color: rgba(255, 255, 255, 0.3); } fieldset[disabled][disabled] .btn.btn-raised, fieldset[disabled][disabled] .btn.btn-raised.active, fieldset[disabled][disabled] .btn.btn-raised:active, fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn.btn-group-raised, fieldset[disabled][disabled] .btn.btn-group-raised.active, fieldset[disabled][disabled] .btn.btn-group-raised:active, fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active), .btn.disabled.btn-raised, .btn.disabled.btn-raised.active, .btn.disabled.btn-raised:active, .btn.disabled.btn-raised:focus:not(:active), .btn.disabled.btn-group-raised, .btn.disabled.btn-group-raised.active, .btn.disabled.btn-group-raised:active, .btn.disabled.btn-group-raised:focus:not(:active), .btn:disabled.btn-raised, .btn:disabled.btn-raised.active, .btn:disabled.btn-raised:active, .btn:disabled.btn-raised:focus:not(:active), .btn:disabled.btn-group-raised, .btn:disabled.btn-group-raised.active, .btn:disabled.btn-group-raised:active, .btn:disabled.btn-group-raised:focus:not(:active), .btn[disabled][disabled].btn-raised, .btn[disabled][disabled].btn-raised.active, .btn[disabled][disabled].btn-raised:active, .btn[disabled][disabled].btn-raised:focus:not(:active), .btn[disabled][disabled].btn-group-raised, .btn[disabled][disabled].btn-group-raised.active, .btn[disabled][disabled].btn-group-raised:active, .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .input-group-btn .btn.btn-raised, fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active, fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active, fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised, fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active, fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active, fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active), .input-group-btn .btn.disabled.btn-raised, .input-group-btn .btn.disabled.btn-raised.active, .input-group-btn .btn.disabled.btn-raised:active, .input-group-btn .btn.disabled.btn-raised:focus:not(:active), .input-group-btn .btn.disabled.btn-group-raised, .input-group-btn .btn.disabled.btn-group-raised.active, .input-group-btn .btn.disabled.btn-group-raised:active, .input-group-btn .btn.disabled.btn-group-raised:focus:not(:active), .input-group-btn .btn:disabled.btn-raised, .input-group-btn .btn:disabled.btn-raised.active, .input-group-btn .btn:disabled.btn-raised:active, .input-group-btn .btn:disabled.btn-raised:focus:not(:active), .input-group-btn .btn:disabled.btn-group-raised, .input-group-btn .btn:disabled.btn-group-raised.active, .input-group-btn .btn:disabled.btn-group-raised:active, .input-group-btn .btn:disabled.btn-group-raised:focus:not(:active), .input-group-btn .btn[disabled][disabled].btn-raised, .input-group-btn .btn[disabled][disabled].btn-raised.active, .input-group-btn .btn[disabled][disabled].btn-raised:active, .input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active), .input-group-btn .btn[disabled][disabled].btn-group-raised, .input-group-btn .btn[disabled][disabled].btn-group-raised.active, .input-group-btn .btn[disabled][disabled].btn-group-raised:active, .input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group.btn-raised, fieldset[disabled][disabled] .btn-group.btn-raised.active, fieldset[disabled][disabled] .btn-group.btn-raised:active, fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group.btn-group-raised, fieldset[disabled][disabled] .btn-group.btn-group-raised.active, fieldset[disabled][disabled] .btn-group.btn-group-raised:active, fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active), .btn-group.disabled.btn-raised, .btn-group.disabled.btn-raised.active, .btn-group.disabled.btn-raised:active, .btn-group.disabled.btn-raised:focus:not(:active), .btn-group.disabled.btn-group-raised, .btn-group.disabled.btn-group-raised.active, .btn-group.disabled.btn-group-raised:active, .btn-group.disabled.btn-group-raised:focus:not(:active), .btn-group:disabled.btn-raised, .btn-group:disabled.btn-raised.active, .btn-group:disabled.btn-raised:active, .btn-group:disabled.btn-raised:focus:not(:active), .btn-group:disabled.btn-group-raised, .btn-group:disabled.btn-group-raised.active, .btn-group:disabled.btn-group-raised:active, .btn-group:disabled.btn-group-raised:focus:not(:active), .btn-group[disabled][disabled].btn-raised, .btn-group[disabled][disabled].btn-raised.active, .btn-group[disabled][disabled].btn-raised:active, .btn-group[disabled][disabled].btn-raised:focus:not(:active), .btn-group[disabled][disabled].btn-group-raised, .btn-group[disabled][disabled].btn-group-raised.active, .btn-group[disabled][disabled].btn-group-raised:active, .btn-group[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group-vertical.btn-raised, fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active, fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active, fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised, fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active, fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active, fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active), .btn-group-vertical.disabled.btn-raised, .btn-group-vertical.disabled.btn-raised.active, .btn-group-vertical.disabled.btn-raised:active, .btn-group-vertical.disabled.btn-raised:focus:not(:active), .btn-group-vertical.disabled.btn-group-raised, .btn-group-vertical.disabled.btn-group-raised.active, .btn-group-vertical.disabled.btn-group-raised:active, .btn-group-vertical.disabled.btn-group-raised:focus:not(:active), .btn-group-vertical:disabled.btn-raised, .btn-group-vertical:disabled.btn-raised.active, .btn-group-vertical:disabled.btn-raised:active, .btn-group-vertical:disabled.btn-raised:focus:not(:active), .btn-group-vertical:disabled.btn-group-raised, .btn-group-vertical:disabled.btn-group-raised.active, .btn-group-vertical:disabled.btn-group-raised:active, .btn-group-vertical:disabled.btn-group-raised:focus:not(:active), .btn-group-vertical[disabled][disabled].btn-raised, .btn-group-vertical[disabled][disabled].btn-raised.active, .btn-group-vertical[disabled][disabled].btn-raised:active, .btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active), .btn-group-vertical[disabled][disabled].btn-group-raised, .btn-group-vertical[disabled][disabled].btn-group-raised.active, .btn-group-vertical[disabled][disabled].btn-group-raised:active, .btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) { -webkit-box-shadow: none; box-shadow: none; } .btn-group, .btn-group-vertical { position: relative; margin: 10px 1px; } .btn-group.open > .dropdown-toggle.btn, .btn-group.open > .dropdown-toggle.btn.btn-default, .btn-group-vertical.open > .dropdown-toggle.btn, .btn-group-vertical.open > .dropdown-toggle.btn.btn-default { background-color: #EEEEEE; } .btn-group.open > .dropdown-toggle.btn.btn-inverse, .btn-group-vertical.open > .dropdown-toggle.btn.btn-inverse { background-color: #3f51b5; } .btn-group.open > .dropdown-toggle.btn.btn-primary, .btn-group-vertical.open > .dropdown-toggle.btn.btn-primary { background-color: #9c27b0; } .btn-group.open > .dropdown-toggle.btn.btn-success, .btn-group-vertical.open > .dropdown-toggle.btn.btn-success { background-color: #4caf50; } .btn-group.open > .dropdown-toggle.btn.btn-info, .btn-group-vertical.open > .dropdown-toggle.btn.btn-info { background-color: #03a9f4; } .btn-group.open > .dropdown-toggle.btn.btn-warning, .btn-group-vertical.open > .dropdown-toggle.btn.btn-warning { background-color: #fbc02d; } .btn-group.open > .dropdown-toggle.btn.btn-danger, .btn-group-vertical.open > .dropdown-toggle.btn.btn-danger { background-color: #f44336; } .btn-group .dropdown-menu, .btn-group-vertical .dropdown-menu { border-radius: 0 0 3px 3px; } .btn-group.btn-group-raised, .btn-group-vertical.btn-group-raised { -webkit-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); 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); } .btn-group .btn + .btn, .btn-group .btn, .btn-group .btn:active, .btn-group .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn, .btn-group-vertical .btn:active, .btn-group-vertical .btn-group { margin: 0; } .close { font-size: inherit; color: #FFFFFF; opacity: .9; text-shadow: none; } .close:hover, .close:focus { opacity: 1; color: #FFFFFF; } .close i { font-size: 20px; } .checkbox label { cursor: pointer; padding-left: 0; color: rgba(0,0,0, 0.26); } .form-group.is-focused .checkbox label { color: rgba(0,0,0, 0.26); } .form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .checkbox label { color: rgba(0,0,0, 0.26); } .checkbox input[type=checkbox] { opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; } .checkbox .checkbox-material { vertical-align: middle; position: relative; top: 3px; padding-right: 5px; } .checkbox .checkbox-material:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; -webkit-transform: scale3d(2.3, 2.3, 1); transform: scale3d(2.3, 2.3, 1); } .checkbox .checkbox-material .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(0,0,0, .54); overflow: hidden; z-index: 1; border-radius: 3px; } .checkbox .checkbox-material .check:before { position: absolute; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; margin-top: -3px; margin-left: 7px; width: 0; height: 0; background: red; -webkit-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; 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; -webkit-animation: checkbox-off 0.3s forwards; animation: checkbox-off 0.3s forwards; } .checkbox input[type=checkbox]:focus + .checkbox-material .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:checked + .checkbox-material .check { background: #9c27b0; } .checkbox input[type=checkbox]:checked + .checkbox-material .check:before { color: #FFFFFF; -webkit-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; 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; -webkit-animation: checkbox-on 0.3s forwards; animation: checkbox-on 0.3s forwards; } .checkbox input[type=checkbox]:checked + .checkbox-material:before { -webkit-animation: rippleOn 500ms; animation: rippleOn 500ms; } .checkbox input[type=checkbox]:checked + .checkbox-material .check:after { -webkit-animation: rippleOn 500ms forwards; animation: rippleOn 500ms forwards; } .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before { -webkit-animation: rippleOff 500ms; animation: rippleOff 500ms; } .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after { -webkit-animation: rippleOff 500ms; animation: rippleOff 500ms; } fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox], .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check, .checkbox input[type=checkbox][disabled] + .circle { opacity: 0.5; } .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check { border-color: #000000; opacity: .26; } .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after { background-color: rgba(0,0,0, 0.87); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @-webkit-keyframes checkbox-on { 0% { -webkit-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; 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; } 50% { -webkit-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; 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; } 100% { -webkit-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; 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; } } @keyframes checkbox-on { 0% { -webkit-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; 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; } 50% { -webkit-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; 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; } 100% { -webkit-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; 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; } } @-webkit-keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @-webkit-keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } .togglebutton { vertical-align: middle; } .togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .togglebutton label { cursor: pointer; color: rgba(0,0,0, 0.26); } .form-group.is-focused .togglebutton label { color: rgba(0,0,0, 0.26); } .form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .togglebutton label { color: rgba(0,0,0, 0.26); } .togglebutton label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .togglebutton label .toggle { text-align: left; margin-left: 5px; } .togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled] + .toggle { content: ""; display: inline-block; width: 30px; height: 15px; background-color: rgba(80, 80, 80, 0.7); border-radius: 15px; margin-right: 15px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; } .togglebutton label .toggle:after { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #FFFFFF; border-radius: 20px; position: relative; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; border: 1px solid rgba(0,0,0, .54); -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease; -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } .togglebutton label input[type=checkbox][disabled] + .toggle:after, .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after { background-color: #BDBDBD; } .togglebutton label input[type=checkbox] + .toggle:active:after, .togglebutton label input[type=checkbox][disabled] + .toggle:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } .togglebutton label input[type=checkbox]:checked + .toggle:after { left: 15px; } .togglebutton label input[type=checkbox]:checked + .toggle { background-color: rgba(156, 39, 176, 0.7); } .togglebutton label input[type=checkbox]:checked + .toggle:after { border-color: #9c27b0; } .togglebutton label input[type=checkbox]:checked + .toggle:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1); } .radio label { cursor: pointer; padding-left: 35px; position: relative; color: rgba(0,0,0, 0.26); } .form-group.is-focused .radio label { color: rgba(0,0,0, 0.26); } .form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus { color: rgba(0,0,0, .54); } fieldset[disabled] .form-group.is-focused .radio label { color: rgba(0,0,0, 0.26); } .radio label span { display: block; position: absolute; left: 10px; top: 2px; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .radio label .circle { border: 1px solid rgba(0,0,0, .54); height: 15px; width: 15px; border-radius: 100%; } .radio label .check { height: 15px; width: 15px; border-radius: 100%; background-color: #9c27b0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .radio label .check:after { display: block; position: absolute; content: ""; background-color: rgba(0,0,0, 0.87); left: -18px; top: -18px; height: 50px; width: 50px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; -webkit-transform: scale3d(1.5, 1.5, 1); transform: scale3d(1.5, 1.5, 1); } .radio label input[type=radio]:not(:checked) ~ .check:after { -webkit-animation: rippleOff 500ms; animation: rippleOff 500ms; } .radio label input[type=radio]:checked ~ .check:after { -webkit-animation: rippleOn 500ms; animation: rippleOn 500ms; } .radio input[type=radio] { opacity: 0; height: 0; width: 0; overflow: hidden; } .radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle { opacity: 1; } .radio input[type=radio]:checked ~ .check { background-color: #9c27b0; } .radio input[type=radio]:checked ~ .circle { border-color: #9c27b0; } .radio input[type=radio]:checked ~ .check { -webkit-transform: scale3d(0.65, 0.65, 1); transform: scale3d(0.65, 0.65, 1); } .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle { opacity: 0.26; } .radio input[type=radio][disabled] ~ .check { background-color: #000000; } .radio input[type=radio][disabled] ~ .circle { border-color: #000000; } @keyframes rippleOn { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } @keyframes rippleOff { 0% { opacity: 0; } 50% { opacity: 0.2; } 100% { opacity: 0; } } legend { margin-bottom: 20px; font-size: 21px; } output { padding-top: 8px; font-size: 14px; line-height: 1.42857; } .form-control { height: 36px; padding: 7px 0; font-size: 14px; line-height: 1.42857; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 36px; } input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] { line-height: 24px; } input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] { line-height: 44px; } } .radio label, .checkbox label { min-height: 20px; } .form-control-static { padding-top: 8px; padding-bottom: 8px; min-height: 34px; } .input-sm .input-sm { height: 24px; padding: 3px 0; font-size: 11px; line-height: 1.5; border-radius: 0; } .input-sm select.input-sm { height: 24px; line-height: 24px; } .input-sm textarea.input-sm, .input-sm select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 24px; padding: 3px 0; font-size: 11px; line-height: 1.5; } .form-group-sm select.form-control { height: 24px; line-height: 24px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 24px; min-height: 31px; padding: 4px 0; font-size: 11px; line-height: 1.5; } .input-lg .input-lg { height: 44px; padding: 9px 0; font-size: 18px; line-height: 1.33333; border-radius: 0; } .input-lg select.input-lg { height: 44px; line-height: 44px; } .input-lg textarea.input-lg, .input-lg select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 44px; padding: 9px 0; font-size: 18px; line-height: 1.33333; } .form-group-lg select.form-control { height: 44px; line-height: 44px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 44px; min-height: 38px; padding: 10px 0; font-size: 18px; line-height: 1.33333; } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 8px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 28px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 8px; } } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 13.0px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 4px; font-size: 11px; } } .label { border-radius: 2px; } .label, .label.label-default { background-color: #9e9e9e; } .label.label-inverse { background-color: #3f51b5; } .label.label-primary { background-color: #9c27b0; } .label.label-success { background-color: #4caf50; } .label.label-info { background-color: #03a9f4; } .label.label-warning { background-color: #fbc02d; } .label.label-danger { background-color: #f44336; } .form-control, .form-group .form-control { border: 0; background-size: 0 2px, 100% 1px; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent; -webkit-transition: background 0s ease-out; -o-transition: background 0s ease-out; transition: background 0s ease-out; float: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-weight: 400; } .form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder { color: #AAAAAA; font-weight: 400; } .form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder { color: #AAAAAA; font-weight: 400; } .form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder { color: #AAAAAA; font-weight: 400; } .form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { background-color: transparent; } .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control { background-image: none; border-bottom: 1px dotted #D2D2D2; } .form-group { position: relative; } .form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label { position: absolute; pointer-events: none; -webkit-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; } .form-group.label-floating label.control-label { will-change: left, top, contents; } .form-group.label-placeholder:not(.is-empty) label.control-label { display: none; } .form-group .help-block { position: absolute; display: none; } .form-group.is-focused .form-control { outline: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#9c27b0), to(#9c27b0)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#9c27b0, #9c27b0), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#9c27b0, #9c27b0), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2); background-size: 100% 2px, 100% 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .form-group.is-focused .form-control .material-input:after { background-color: #9c27b0; } .form-group.is-focused label, .form-group.is-focused label.control-label { color: #9c27b0; } .form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label { color: #AAAAAA; } .form-group.is-focused .help-block { display: block; } .form-group.has-warning .form-control { -webkit-box-shadow: none; box-shadow: none; } .form-group.has-warning.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#fbc02d), to(#fbc02d)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#fbc02d, #fbc02d), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#fbc02d, #fbc02d), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#fbc02d, #fbc02d), linear-gradient(#D2D2D2, #D2D2D2); } .form-group.has-warning label.control-label, .form-group.has-warning .help-block { color: #fbc02d; } .form-group.has-error .form-control { -webkit-box-shadow: none; box-shadow: none; } .form-group.has-error.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#f44336), to(#f44336)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#f44336, #f44336), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#f44336, #f44336), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); } .form-group.has-error label.control-label, .form-group.has-error .help-block { color: #f44336; } .form-group.has-success .form-control { -webkit-box-shadow: none; box-shadow: none; } .form-group.has-success.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); } .form-group.has-success label.control-label, .form-group.has-success .help-block { color: #4caf50; } .form-group.has-info .form-control { -webkit-box-shadow: none; box-shadow: none; } .form-group.has-info.is-focused .form-control { background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)); background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2); background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2); background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2); } .form-group.has-info label.control-label, .form-group.has-info .help-block { color: #03a9f4; } .form-group textarea { resize: none; } .form-group textarea ~ .form-control-highlight { margin-top: -11px; } .form-group select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-group select ~ .material-input:after { display: none; } .form-control { margin-bottom: 7px; } .form-control::-moz-placeholder { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-control:-ms-input-placeholder { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-control::-webkit-input-placeholder { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .checkbox label, .radio label, label { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } label.control-label { font-size: 11px; line-height: 1.07143; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; } .help-block { margin-top: 0; font-size: 11px; } .form-group { padding-bottom: 7px; margin: 27px 0 0 0; } .form-group .form-control { margin-bottom: 7px; } .form-group .form-control::-moz-placeholder { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-group .form-control:-ms-input-placeholder { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-group .form-control::-webkit-input-placeholder { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-group .checkbox label, .form-group .radio label, .form-group label { font-size: 14px; line-height: 1.42857; color: #AAAAAA; font-weight: 400; } .form-group label.control-label { font-size: 11px; line-height: 1.07143; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; } .form-group .help-block { margin-top: 0; font-size: 11px; } .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label { top: -7px; font-size: 14px; line-height: 1.42857; } .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 { top: -28px; left: 0; font-size: 11px; line-height: 1.07143; } .form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -28px; left: 0; font-size: 11px; line-height: 1.07143; } .form-group.form-group-sm { padding-bottom: 3px; margin: 21px 0 0 0; } .form-group.form-group-sm .form-control { margin-bottom: 3px; } .form-group.form-group-sm .form-control::-moz-placeholder { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; } .form-group.form-group-sm .form-control:-ms-input-placeholder { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; } .form-group.form-group-sm .form-control::-webkit-input-placeholder { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; } .form-group.form-group-sm .checkbox label, .form-group.form-group-sm .radio label, .form-group.form-group-sm label { font-size: 11px; line-height: 1.5; color: #AAAAAA; font-weight: 400; } .form-group.form-group-sm label.control-label { font-size: 9px; line-height: 1.125; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; } .form-group.form-group-sm .help-block { margin-top: 0; font-size: 9px; } .form-group.form-group-sm.label-floating label.control-label, .form-group.form-group-sm.label-placeholder label.control-label { top: -11px; font-size: 11px; line-height: 1.5; } .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 { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -25px; left: 0; font-size: 9px; line-height: 1.125; } .form-group.form-group-lg { padding-bottom: 9px; margin: 30px 0 0 0; } .form-group.form-group-lg .form-control { margin-bottom: 9px; } .form-group.form-group-lg .form-control::-moz-placeholder { font-size: 18px; line-height: 1.33333; color: #AAAAAA; font-weight: 400; } .form-group.form-group-lg .form-control:-ms-input-placeholder { font-size: 18px; line-height: 1.33333; color: #AAAAAA; font-weight: 400; } .form-group.form-group-lg .form-control::-webkit-input-placeholder { font-size: 18px; line-height: 1.33333; color: #AAAAAA; font-weight: 400; } .form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label { font-size: 18px; line-height: 1.33333; color: #AAAAAA; font-weight: 400; } .form-group.form-group-lg label.control-label { font-size: 14px; line-height: 1.0; color: #AAAAAA; font-weight: 400; margin: 16px 0 0 0; } .form-group.form-group-lg .help-block { margin-top: 0; font-size: 14px; } .form-group.form-group-lg.label-floating label.control-label, .form-group.form-group-lg.label-placeholder label.control-label { top: -5px; font-size: 18px; line-height: 1.33333; } .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 { top: -32px; left: 0; font-size: 14px; line-height: 1.0; } .form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label { top: -32px; left: 0; font-size: 14px; line-height: 1.0; } select.form-control { border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .form-group.is-focused select.form-control { -webkit-box-shadow: none; box-shadow: none; border-color: #D2D2D2; } select.form-control[multiple], .form-group.is-focused select.form-control[multiple] { height: 85px; } .input-group-btn .btn { margin: 0 0 7px 0; } .form-group.form-group-sm .input-group-btn .btn { margin: 0 0 3px 0; } .form-group.form-group-lg .input-group-btn .btn { margin: 0 0 9px 0; } .input-group .input-group-btn { padding: 0 12px; } .input-group .input-group-addon { border: 0; background: transparent; padding: 12px 15px 0px; } .form-group input[type=file] { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .form-control-feedback { opacity: 0; } .has-success .form-control-feedback { color: #4caf50; opacity: 1; } .has-error .form-control-feedback { color: #f44336; opacity: 1; } /*@import '_pagination';*/ .nav-pills > li > a { line-height: 24px; text-transform: uppercase; font-size: 12px; font-weight: 500; min-width: 100px; text-align: center; color: #555555; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .nav-pills > li i { display: block; font-size: 30px; padding: 15px 0; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #9c27b0; color: #FFFFFF; -webkit-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); 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); } .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 { background-color: #03a9f4; } .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 { background-color: #4caf50; } .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 { background-color: #fbc02d; } .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 { background-color: #f44336; } /*@import '_footers';*/ legend { border-bottom: 0; } /*@import '_alerts';*/ .progress { height: 5px; -webkit-box-shadow: none; box-shadow: none; background: #DDDDDD; } .progress .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress .progress-bar, .progress .progress-bar.progress-bar-default { background-color: #9c27b0; } .progress .progress-bar.progress-bar-inverse { background-color: #3f51b5; } .progress .progress-bar.progress-bar-primary { background-color: #9c27b0; } .progress .progress-bar.progress-bar-success { background-color: #4caf50; } .progress .progress-bar.progress-bar-info { background-color: #03a9f4; } .progress .progress-bar.progress-bar-warning { background-color: #fbc02d; } .progress .progress-bar.progress-bar-danger { background-color: #f44336; } .progress.progress-line-primary { background: rgba(156, 39, 176, 0.2); } .progress.progress-line-info { background: rgba(3, 169, 244, 0.2); } .progress.progress-line-success { background: rgba(76, 175, 80, 0.2); } .progress.progress-line-warning { background: rgba(251, 192, 45, 0.2); } .progress.progress-line-danger { background: rgba(244, 67, 54, 0.2); } h1, .h1 { font-size: 3.8em; line-height: 1.15em; } h2, .h2 { font-size: 2.6em; } h3, .h3 { font-size: 1.825em; line-height: 1.4em; margin: 20px 0 10px; } h4, .h4 { font-size: 1.3em; line-height: 1.4em; } h5, .h5 { font-size: 1.25em; line-height: 1.4em; margin-bottom: 15px; } h6, .h6 { font-size: 1em; text-transform: uppercase; } .text-warning { color: #fbc02d; } .text-primary { color: #9c27b0; } .text-danger { color: #f44336; } .text-success { color: #4caf50; } .text-info { color: #03a9f4; } /*@import '_tabs'; @import '_popups'; @import '_carousel';*/ .card { border-radius: 3px; color: rgba(0,0,0, 0.87); background: #fff; -webkit-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); 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); } .card .card-height-indicator { margin-top: 100%; } .card .card-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .card .card-image { height: 60%; position: relative; overflow: hidden; } .card .card-image img { width: 100%; height: 100%; border-top-left-radius: 2px; border-top-right-radius: 2px; pointer-events: none; } .card .card-image .card-image-headline { position: absolute; bottom: 16px; left: 18px; color: #fff; font-size: 2em; } .card .header-primary { background: -webkit-linear-gradient(30deg, #F15F79, #B24592); background: -o-linear-gradient(30deg, #F15F79, #B24592); background: linear-gradient(60deg, #F15F79, #B24592); } .card .header-info { background: -webkit-linear-gradient(30deg, #29b6f6, #0288d1); background: -o-linear-gradient(30deg, #29b6f6, #0288d1); background: linear-gradient(60deg, #29b6f6, #0288d1); } .card .header-success { background: -webkit-linear-gradient(30deg, #66bb6a, #388e3c); background: -o-linear-gradient(30deg, #66bb6a, #388e3c); background: linear-gradient(60deg, #66bb6a, #388e3c); } .card .header-warning { background: -webkit-linear-gradient(30deg, #fdd835, #fbc02d); background: -o-linear-gradient(30deg, #fdd835, #fbc02d); background: linear-gradient(60deg, #fdd835, #fbc02d); } .card .header-danger { background: -webkit-linear-gradient(30deg, #ef5350, #d32f2f); background: -o-linear-gradient(30deg, #ef5350, #d32f2f); background: linear-gradient(60deg, #ef5350, #d32f2f); } .card [class*="header-"] { color: #ffffff; } .card-raised { -webkit-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); 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); } .card-signup .header { -webkit-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); 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); margin-left: 20px; margin-right: 20px; margin-top: -40px; padding: 20px 0; } .card-signup .text-divider { margin-top: 30px; margin-bottom: 0px; text-align: center; } .card-signup .content { padding: 0px 30px 0px 10px; } .card-signup .checkbox { margin-top: 20px; } .card-signup .checkbox label { margin-left: 17px; } .card-signup .checkbox .checkbox-material { padding-right: 12px; } .card-signup .social-line { margin-top: 15px; text-align: center; } .card-signup .social-line .btn { color: #FFFFFF; margin-left: 5px; margin-right: 5px; } .card-nav-tabs { margin-top: 45px; } .card-nav-tabs .header { margin-top: -30px; } .card-nav-tabs .nav-tabs { background: transparent; } .card-plain { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .card-plain .header { margin-left: 0; margin-right: 0; } .card-plain .content { padding-left: 0; padding-right: 0; } .modal-content { -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); border-radius: 3px; border: none; } .modal-content .modal-header { border-bottom: none; padding-top: 24px; padding-right: 24px; padding-bottom: 0; padding-left: 24px; } .modal-content .modal-body { padding-top: 24px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; } .modal-content .modal-footer { border-top: none; padding: 7px; } .modal-content .modal-footer button { margin: 0; padding-left: 16px; padding-right: 16px; width: auto; } .modal-content .modal-footer button.pull-left { padding-left: 5px; padding-right: 5px; position: relative; left: -5px; } .modal-content .modal-body + .modal-footer { padding-top: 0; } .modal-backdrop { background: rgba(0, 0, 0, 0.3); } .modal .modal-dialog { /*margin-top: 100px;*/ } .modal .modal-header .close { color: #555555; } .modal .modal-header .close:hover, .modal .modal-header .close:focus { opacity: 1; color: #555555; } .panel { border-radius: 2px; border: 0; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); } .panel > .panel-heading, .panel.panel-default > .panel-heading { background-color: #eeeeee; } .panel.panel-inverse > .panel-heading { background-color: #3f51b5; } .panel.panel-primary > .panel-heading { background-color: #9c27b0; } .panel.panel-success > .panel-heading { background-color: #4caf50; } .panel.panel-info > .panel-heading { background-color: #03a9f4; } .panel.panel-warning > .panel-heading { background-color: #fbc02d; } .panel.panel-danger > .panel-heading { background-color: #f44336; } [class*="panel-"] > .panel-heading { color: #ffffff; border: 0; } .panel-default > .panel-heading, .panel:not([class*="panel-"]) > .panel-heading { color: rgba(0,0,0, 0.87); } .panel-footer { background-color: #eeeeee; } hr.on-dark { color: #1a1a1a; } hr.on-light { color: white; } @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), (-o-min-device-pixel-ratio: 3/4), (min-resolution: 0.75dppx), (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 120dpi) { hr { height: 0.75px; } } @media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (-o-min-device-pixel-ratio: 1/1), (min-resolution: 1dppx), (-webkit-min-device-pixel-ratio: 1.6666666666666667), (-o-min-device-pixel-ratio: 5/3), (min-resolution: 160dpi) { hr { height: 1px; } } @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), (-o-min-device-pixel-ratio: 133/100), (min-resolution: 1.33dppx), (-webkit-min-device-pixel-ratio: 2.21875), (-o-min-device-pixel-ratio: 71/32), (min-resolution: 213dpi) { hr { height: 1.333px; } } @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), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 2.5), (-o-min-device-pixel-ratio: 5/2), (min-resolution: 240dpi) { hr { height: 1.5px; } } @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2 / 1), (min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 3.9583333333333335), (-o-min-device-pixel-ratio: 95/24), (min-resolution: 380dpi) { hr { height: 2px; } } @media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3 / 1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3/1), (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 5), (-o-min-device-pixel-ratio: 5/1), (min-resolution: 480dpi) { hr { height: 3px; } } @media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4 / 1), (min-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 4/1), (min-resolution: 4dppx), (-webkit-min-device-pixel-ratio: 6.666666666666667), (-o-min-device-pixel-ratio: 20/3), (min-resolution: 640dpi) { hr { height: 4px; } } .img-thumbnail { border-radius: 16px; } .img-raised { -webkit-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); 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); } * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } *:focus { outline: 0; } a:focus, a:active, button:active, button:focus, button:hover, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: 0 !important; } .section { padding: 70px 0; } .section-navbars { padding-bottom: 0; } .section-full-screen { height: 100vh; } .section-signup { padding-top: 20vh; } /* // External plugins // @import 'plugins/_plugin-snackbarjs'; // Not designed yet by Creative Tim, you can use it as it is @import 'plugins/_plugin-nouislider'; //@import 'plugins/_plugin-selectize'; // Not designed yet by Creative Tim, you can use it as it is @import 'plugins/_plugin-dropdownjs'; @import 'plugins/_plugin-datepicker';*/ .withripple { position: relative; } .ripple-container { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; border-radius: inherit; pointer-events: none; } .ripple { position: absolute; width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; border-radius: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; opacity: 0; pointer-events: none; } .ripple.ripple-on { -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; -o-transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s; opacity: 0.1; } .ripple.ripple-out { -webkit-transition: opacity 0.1s linear 0s !important; -o-transition: opacity 0.1s linear 0s !important; transition: opacity 0.1s linear 0s !important; opacity: 0; } /*! * Materialize v0.97.7 (http://materializecss.com) * Copyright 2014-2015 Materialize * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) */ /* Radio Buttons ========================================================================== */ [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; opacity: 0; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; /* webkit (konqueror) browsers */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type="radio"] + label:before, [type="radio"] + label:after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; -webkit-transition: .28s ease; -o-transition: .28s ease; transition: .28s ease; } /* Unchecked styles */ [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:before, [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after { border-radius: 50%; } [type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + label:after { border: 2px solid #5a5a5a; } [type="radio"]:not(:checked) + label:after { z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } /* Checked styles */ [type="radio"]:checked + label:before { border: 2px solid transparent; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after { border: 2px solid #26a69a; } [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after { background-color: #26a69a; z-index: 0; } [type="radio"]:checked + label:after { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } /* Radio With gap */ [type="radio"].with-gap:checked + label:after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } /* Focused styles */ [type="radio"].tabbed:focus + label:before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } /* Disabled Radio With gap */ [type="radio"].with-gap:disabled:checked + label:before { border: 2px solid rgba(0, 0, 0, 0.26); } [type="radio"].with-gap:disabled:checked + label:after { border: none; background-color: rgba(0, 0, 0, 0.26); } /* Disabled style */ [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled + label { color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:not(:checked) + label:before { border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:checked + label:after { background-color: rgba(0, 0, 0, 0.26); border-color: #BDBDBD; } /* Checkboxes ========================================================================== */ /* CUSTOM CSS CHECKBOXES */ form p { margin-bottom: 10px; text-align: left; } form p:last-child { margin-bottom: 0; } /* Remove default checkbox */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; opacity: 0; } [type="checkbox"] { /* checkbox aspect */ } [type="checkbox"] + label { position: relative; padding-left: 35px; cursor: pointer; display: inline-block; height: 25px; line-height: 25px; font-size: 1rem; -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ } [type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; z-index: 0; border: 2px solid #5a5a5a; border-radius: 1px; margin-top: 2px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } [type="checkbox"]:not(.filled-in) + label:after { border: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type="checkbox"]:not(:checked):disabled + label:before { border: none; background-color: rgba(0, 0, 0, 0.26); } [type="checkbox"].tabbed:focus + label:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: 0; border-radius: 50%; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"]:checked + label:before { top: -4px; left: -5px; width: 12px; height: 22px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #26a69a; border-bottom: 2px solid #26a69a; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:checked:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26); } /* Indeterminate checkbox */ [type="checkbox"]:indeterminate + label:before { top: -11px; left: -12px; width: 10px; height: 22px; border-top: none; border-left: none; border-right: 2px solid #26a69a; border-bottom: none; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:indeterminate:disabled + label:before { border-right: 2px solid rgba(0, 0, 0, 0.26); background-color: transparent; } [type="checkbox"].filled-in + label:after { border-radius: 2px; } [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after { content: ''; left: 0; position: absolute; /* .1s delay is for check animation */ -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; -o-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s; z-index: 1; } [type="checkbox"].filled-in:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); -ms-transform: rotate(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:not(:checked) + label:after { height: 20px; width: 20px; background-color: transparent; border: 2px solid #5a5a5a; top: 0px; z-index: 0; } [type="checkbox"].filled-in:checked + label:before { top: 0; left: 1px; width: 8px; height: 13px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotateZ(37deg); -ms-transform: rotate(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:checked + label:after { top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } [type="checkbox"].filled-in.tabbed:focus + label:after { border-radius: 2px; border-color: #5a5a5a; background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"].filled-in.tabbed:checked:focus + label:after { border-radius: 2px; background-color: #26a69a; border-color: #26a69a; } [type="checkbox"].filled-in:disabled:not(:checked) + label:before { background-color: transparent; border: 2px solid transparent; } [type="checkbox"].filled-in:disabled:not(:checked) + label:after { border-color: transparent; background-color: #BDBDBD; } [type="checkbox"].filled-in:disabled:checked + label:before { background-color: transparent; } [type="checkbox"].filled-in:disabled:checked + label:after { background-color: #BDBDBD; border-color: #BDBDBD; } /* Switch ========================================================================== */ .switch, .switch * { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .switch label { cursor: pointer; } .switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; } .switch label input[type=checkbox]:checked + .lever { background-color: #84c7c1; } .switch label input[type=checkbox]:checked + .lever:after { background-color: #26a69a; left: 24px; } .switch label .lever { content: ""; display: inline-block; position: relative; width: 40px; height: 15px; background-color: #818181; border-radius: 15px; margin-right: 10px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; } .switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background-color: #F1F1F1; border-radius: 21px; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); left: -5px; top: -3px; -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease; -o-transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; } input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); } input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); } .switch input[type=checkbox][disabled] + .lever { cursor: default; } .switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #BDBDBD; } /* Material Icons ============================== */ @font-face { font-family: Material-Design-Iconic-Font; src: url(../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(../fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype"); } .zmdi { display: inline-block; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .zmdi-hc-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .zmdi-hc-2x { font-size: 2em; } .zmdi-hc-3x { font-size: 3em; } .zmdi-hc-4x { font-size: 4em; } .zmdi-hc-5x { font-size: 5em; } .zmdi-hc-fw { width: 1.28571429em; text-align: center; } .zmdi-hc-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .zmdi-hc-ul > li { position: relative; } .zmdi-hc-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .zmdi-hc-li.zmdi-hc-lg { left: -1.85714286em; } .zmdi-hc-border { padding: .1em .25em; border: solid .1em #9e9e9e; border-radius: 2px; } .zmdi-hc-border-circle { padding: .1em .25em; border: solid .1em #9e9e9e; border-radius: 50%; } .zmdi.pull-left { float: left; margin-right: .15em; } .zmdi.pull-right { float: right; margin-left: .15em; } .zmdi-hc-spin { -webkit-animation: zmdi-spin 1.5s infinite linear; animation: zmdi-spin 1.5s infinite linear; } .zmdi-hc-spin-reverse { -webkit-animation: zmdi-spin-reverse 1.5s infinite linear; animation: zmdi-spin-reverse 1.5s infinite linear; } @-webkit-keyframes zmdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes zmdi-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes zmdi-spin-reverse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-359deg); transform: rotate(-359deg); } } @keyframes zmdi-spin-reverse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(-359deg); transform: rotate(-359deg); } } .zmdi-hc-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .zmdi-hc-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .zmdi-hc-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .zmdi-hc-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .zmdi-hc-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .zmdi-hc-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .zmdi-hc-stack-1x, .zmdi-hc-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .zmdi-hc-stack-1x { line-height: inherit; } .zmdi-hc-stack-2x { font-size: 2em; } .zmdi-hc-inverse { color: #fff; } .zmdi-3d-rotation:before { content: '\f101'; } .zmdi-airplane-off:before { content: '\f102'; } .zmdi-airplane:before { content: '\f103'; } .zmdi-album:before { content: '\f104'; } .zmdi-archive:before { content: '\f105'; } .zmdi-assignment-account:before { content: '\f106'; } .zmdi-assignment-alert:before { content: '\f107'; } .zmdi-assignment-check:before { content: '\f108'; } .zmdi-assignment-o:before { content: '\f109'; } .zmdi-assignment-return:before { content: '\f10a'; } .zmdi-assignment-returned:before { content: '\f10b'; } .zmdi-assignment:before { content: '\f10c'; } .zmdi-attachment-alt:before { content: '\f10d'; } .zmdi-attachment:before { content: '\f10e'; } .zmdi-audio:before { content: '\f10f'; } .zmdi-badge-check:before { content: '\f110'; } .zmdi-balance-wallet:before { content: '\f111'; } .zmdi-balance:before { content: '\f112'; } .zmdi-battery-alert:before { content: '\f113'; } .zmdi-battery-flash:before { content: '\f114'; } .zmdi-battery-unknown:before { content: '\f115'; } .zmdi-battery:before { content: '\f116'; } .zmdi-bike:before { content: '\f117'; } .zmdi-block-alt:before { content: '\f118'; } .zmdi-block:before { content: '\f119'; } .zmdi-boat:before { content: '\f11a'; } .zmdi-book-image:before { content: '\f11b'; } .zmdi-book:before { content: '\f11c'; } .zmdi-bookmark-outline:before { content: '\f11d'; } .zmdi-bookmark:before { content: '\f11e'; } .zmdi-brush:before { content: '\f11f'; } .zmdi-bug:before { content: '\f120'; } .zmdi-bus:before { content: '\f121'; } .zmdi-cake:before { content: '\f122'; } .zmdi-car-taxi:before { content: '\f123'; } .zmdi-car-wash:before { content: '\f124'; } .zmdi-car:before { content: '\f125'; } .zmdi-card-giftcard:before { content: '\f126'; } .zmdi-card-membership:before { content: '\f127'; } .zmdi-card-travel:before { content: '\f128'; } .zmdi-card:before { content: '\f129'; } .zmdi-case-check:before { content: '\f12a'; } .zmdi-case-download:before { content: '\f12b'; } .zmdi-case-play:before { content: '\f12c'; } .zmdi-case:before { content: '\f12d'; } .zmdi-cast-connected:before { content: '\f12e'; } .zmdi-cast:before { content: '\f12f'; } .zmdi-chart-donut:before { content: '\f130'; } .zmdi-chart:before { content: '\f131'; } .zmdi-city-alt:before { content: '\f132'; } .zmdi-city:before { content: '\f133'; } .zmdi-close-circle-o:before { content: '\f134'; } .zmdi-close-circle:before { content: '\f135'; } .zmdi-close:before { content: '\f136'; } .zmdi-cocktail:before { content: '\f137'; } .zmdi-code-setting:before { content: '\f138'; } .zmdi-code-smartphone:before { content: '\f139'; } .zmdi-code:before { content: '\f13a'; } .zmdi-coffee:before { content: '\f13b'; } .zmdi-collection-bookmark:before { content: '\f13c'; } .zmdi-collection-case-play:before { content: '\f13d'; } .zmdi-collection-folder-image:before { content: '\f13e'; } .zmdi-collection-image-o:before { content: '\f13f'; } .zmdi-collection-image:before { content: '\f140'; } .zmdi-collection-item-1:before { content: '\f141'; } .zmdi-collection-item-2:before { content: '\f142'; } .zmdi-collection-item-3:before { content: '\f143'; } .zmdi-collection-item-4:before { content: '\f144'; } .zmdi-collection-item-5:before { content: '\f145'; } .zmdi-collection-item-6:before { content: '\f146'; } .zmdi-collection-item-7:before { content: '\f147'; } .zmdi-collection-item-8:before { content: '\f148'; } .zmdi-collection-item-9-plus:before { content: '\f149'; } .zmdi-collection-item-9:before { content: '\f14a'; } .zmdi-collection-item:before { content: '\f14b'; } .zmdi-collection-music:before { content: '\f14c'; } .zmdi-collection-pdf:before { content: '\f14d'; } .zmdi-collection-plus:before { content: '\f14e'; } .zmdi-collection-speaker:before { content: '\f14f'; } .zmdi-collection-text:before { content: '\f150'; } .zmdi-collection-video:before { content: '\f151'; } .zmdi-compass:before { content: '\f152'; } .zmdi-cutlery:before { content: '\f153'; } .zmdi-delete:before { content: '\f154'; } .zmdi-dialpad:before { content: '\f155'; } .zmdi-dns:before { content: '\f156'; } .zmdi-drink:before { content: '\f157'; } .zmdi-edit:before { content: '\f158'; } .zmdi-email-open:before { content: '\f159'; } .zmdi-email:before { content: '\f15a'; } .zmdi-eye-off:before { content: '\f15b'; } .zmdi-eye:before { content: '\f15c'; } .zmdi-eyedropper:before { content: '\f15d'; } .zmdi-favorite-outline:before { content: '\f15e'; } .zmdi-favorite:before { content: '\f15f'; } .zmdi-filter-list:before { content: '\f160'; } .zmdi-fire:before { content: '\f161'; } .zmdi-flag:before { content: '\f162'; } .zmdi-flare:before { content: '\f163'; } .zmdi-flash-auto:before { content: '\f164'; } .zmdi-flash-off:before { content: '\f165'; } .zmdi-flash:before { content: '\f166'; } .zmdi-flip:before { content: '\f167'; } .zmdi-flower-alt:before { content: '\f168'; } .zmdi-flower:before { content: '\f169'; } .zmdi-font:before { content: '\f16a'; } .zmdi-fullscreen-alt:before { content: '\f16b'; } .zmdi-fullscreen-exit:before { content: '\f16c'; } .zmdi-fullscreen:before { content: '\f16d'; } .zmdi-functions:before { content: '\f16e'; } .zmdi-gas-station:before { content: '\f16f'; } .zmdi-gesture:before { content: '\f170'; } .zmdi-globe-alt:before { content: '\f171'; } .zmdi-globe-lock:before { content: '\f172'; } .zmdi-globe:before { content: '\f173'; } .zmdi-graduation-cap:before { content: '\f174'; } .zmdi-home:before { content: '\f175'; } .zmdi-hospital-alt:before { content: '\f176'; } .zmdi-hospital:before { content: '\f177'; } .zmdi-hotel:before { content: '\f178'; } .zmdi-hourglass-alt:before { content: '\f179'; } .zmdi-hourglass-outline:before { content: '\f17a'; } .zmdi-hourglass:before { content: '\f17b'; } .zmdi-http:before { content: '\f17c'; } .zmdi-image-alt:before { content: '\f17d'; } .zmdi-image-o:before { content: '\f17e'; } .zmdi-image:before { content: '\f17f'; } .zmdi-inbox:before { content: '\f180'; } .zmdi-invert-colors-off:before { content: '\f181'; } .zmdi-invert-colors:before { content: '\f182'; } .zmdi-key:before { content: '\f183'; } .zmdi-label-alt-outline:before { content: '\f184'; } .zmdi-label-alt:before { content: '\f185'; } .zmdi-label-heart:before { content: '\f186'; } .zmdi-label:before { content: '\f187'; } .zmdi-labels:before { content: '\f188'; } .zmdi-lamp:before { content: '\f189'; } .zmdi-landscape:before { content: '\f18a'; } .zmdi-layers-off:before { content: '\f18b'; } .zmdi-layers:before { content: '\f18c'; } .zmdi-library:before { content: '\f18d'; } .zmdi-link:before { content: '\f18e'; } .zmdi-lock-open:before { content: '\f18f'; } .zmdi-lock-outline:before { content: '\f190'; } .zmdi-lock:before { content: '\f191'; } .zmdi-mail-reply-all:before { content: '\f192'; } .zmdi-mail-reply:before { content: '\f193'; } .zmdi-mail-send:before { content: '\f194'; } .zmdi-mall:before { content: '\f195'; } .zmdi-map:before { content: '\f196'; } .zmdi-menu:before { content: '\f197'; } .zmdi-money-box:before { content: '\f198'; } .zmdi-money-off:before { content: '\f199'; } .zmdi-money:before { content: '\f19a'; } .zmdi-more-vert:before { content: '\f19b'; } .zmdi-more:before { content: '\f19c'; } .zmdi-movie-alt:before { content: '\f19d'; } .zmdi-movie:before { content: '\f19e'; } .zmdi-nature-people:before { content: '\f19f'; } .zmdi-nature:before { content: '\f1a0'; } .zmdi-navigation:before { content: '\f1a1'; } .zmdi-open-in-browser:before { content: '\f1a2'; } .zmdi-open-in-new:before { content: '\f1a3'; } .zmdi-palette:before { content: '\f1a4'; } .zmdi-parking:before { content: '\f1a5'; } .zmdi-pin-account:before { content: '\f1a6'; } .zmdi-pin-assistant:before { content: '\f1a7'; } .zmdi-pin-drop:before { content: '\f1a8'; } .zmdi-pin-help:before { content: '\f1a9'; } .zmdi-pin-off:before { content: '\f1aa'; } .zmdi-pin:before { content: '\f1ab'; } .zmdi-pizza:before { content: '\f1ac'; } .zmdi-plaster:before { content: '\f1ad'; } .zmdi-power-setting:before { content: '\f1ae'; } .zmdi-power:before { content: '\f1af'; } .zmdi-print:before { content: '\f1b0'; } .zmdi-puzzle-piece:before { content: '\f1b1'; } .zmdi-quote:before { content: '\f1b2'; } .zmdi-railway:before { content: '\f1b3'; } .zmdi-receipt:before { content: '\f1b4'; } .zmdi-refresh-alt:before { content: '\f1b5'; } .zmdi-refresh-sync-alert:before { content: '\f1b6'; } .zmdi-refresh-sync-off:before { content: '\f1b7'; } .zmdi-refresh-sync:before { content: '\f1b8'; } .zmdi-refresh:before { content: '\f1b9'; } .zmdi-roller:before { content: '\f1ba'; } .zmdi-ruler:before { content: '\f1bb'; } .zmdi-scissors:before { content: '\f1bc'; } .zmdi-screen-rotation-lock:before { content: '\f1bd'; } .zmdi-screen-rotation:before { content: '\f1be'; } .zmdi-search-for:before { content: '\f1bf'; } .zmdi-search-in-file:before { content: '\f1c0'; } .zmdi-search-in-page:before { content: '\f1c1'; } .zmdi-search-replace:before { content: '\f1c2'; } .zmdi-search:before { content: '\f1c3'; } .zmdi-seat:before { content: '\f1c4'; } .zmdi-settings-square:before { content: '\f1c5'; } .zmdi-settings:before { content: '\f1c6'; } .zmdi-shield-check:before { content: '\f1c7'; } .zmdi-shield-security:before { content: '\f1c8'; } .zmdi-shopping-basket:before { content: '\f1c9'; } .zmdi-shopping-cart-plus:before { content: '\f1ca'; } .zmdi-shopping-cart:before { content: '\f1cb'; } .zmdi-sign-in:before { content: '\f1cc'; } .zmdi-sort-amount-asc:before { content: '\f1cd'; } .zmdi-sort-amount-desc:before { content: '\f1ce'; } .zmdi-sort-asc:before { content: '\f1cf'; } .zmdi-sort-desc:before { content: '\f1d0'; } .zmdi-spellcheck:before { content: '\f1d1'; } .zmdi-storage:before { content: '\f1d2'; } .zmdi-store-24:before { content: '\f1d3'; } .zmdi-store:before { content: '\f1d4'; } .zmdi-subway:before { content: '\f1d5'; } .zmdi-sun:before { content: '\f1d6'; } .zmdi-tab-unselected:before { content: '\f1d7'; } .zmdi-tab:before { content: '\f1d8'; } .zmdi-tag-close:before { content: '\f1d9'; } .zmdi-tag-more:before { content: '\f1da'; } .zmdi-tag:before { content: '\f1db'; } .zmdi-thumb-down:before { content: '\f1dc'; } .zmdi-thumb-up-down:before { content: '\f1dd'; } .zmdi-thumb-up:before { content: '\f1de'; } .zmdi-ticket-star:before { content: '\f1df'; } .zmdi-toll:before { content: '\f1e0'; } .zmdi-toys:before { content: '\f1e1'; } .zmdi-traffic:before { content: '\f1e2'; } .zmdi-translate:before { content: '\f1e3'; } .zmdi-triangle-down:before { content: '\f1e4'; } .zmdi-triangle-up:before { content: '\f1e5'; } .zmdi-truck:before { content: '\f1e6'; } .zmdi-turning-sign:before { content: '\f1e7'; } .zmdi-wallpaper:before { content: '\f1e8'; } .zmdi-washing-machine:before { content: '\f1e9'; } .zmdi-window-maximize:before { content: '\f1ea'; } .zmdi-window-minimize:before { content: '\f1eb'; } .zmdi-window-restore:before { content: '\f1ec'; } .zmdi-wrench:before { content: '\f1ed'; } .zmdi-zoom-in:before { content: '\f1ee'; } .zmdi-zoom-out:before { content: '\f1ef'; } .zmdi-alert-circle-o:before { content: '\f1f0'; } .zmdi-alert-circle:before { content: '\f1f1'; } .zmdi-alert-octagon:before { content: '\f1f2'; } .zmdi-alert-polygon:before { content: '\f1f3'; } .zmdi-alert-triangle:before { content: '\f1f4'; } .zmdi-help-outline:before { content: '\f1f5'; } .zmdi-help:before { content: '\f1f6'; } .zmdi-info-outline:before { content: '\f1f7'; } .zmdi-info:before { content: '\f1f8'; } .zmdi-notifications-active:before { content: '\f1f9'; } .zmdi-notifications-add:before { content: '\f1fa'; } .zmdi-notifications-none:before { content: '\f1fb'; } .zmdi-notifications-off:before { content: '\f1fc'; } .zmdi-notifications-paused:before { content: '\f1fd'; } .zmdi-notifications:before { content: '\f1fe'; } .zmdi-account-add:before { content: '\f1ff'; } .zmdi-account-box-mail:before { content: '\f200'; } .zmdi-account-box-o:before { content: '\f201'; } .zmdi-account-box-phone:before { content: '\f202'; } .zmdi-account-box:before { content: '\f203'; } .zmdi-account-calendar:before { content: '\f204'; } .zmdi-account-circle:before { content: '\f205'; } .zmdi-account-o:before { content: '\f206'; } .zmdi-account:before { content: '\f207'; } .zmdi-accounts-add:before { content: '\f208'; } .zmdi-accounts-alt:before { content: '\f209'; } .zmdi-accounts-list-alt:before { content: '\f20a'; } .zmdi-accounts-list:before { content: '\f20b'; } .zmdi-accounts-outline:before { content: '\f20c'; } .zmdi-accounts:before { content: '\f20d'; } .zmdi-face:before { content: '\f20e'; } .zmdi-female:before { content: '\f20f'; } .zmdi-male-alt:before { content: '\f210'; } .zmdi-male-female:before { content: '\f211'; } .zmdi-male:before { content: '\f212'; } .zmdi-mood-bad:before { content: '\f213'; } .zmdi-mood:before { content: '\f214'; } .zmdi-run:before { content: '\f215'; } .zmdi-walk:before { content: '\f216'; } .zmdi-cloud-box:before { content: '\f217'; } .zmdi-cloud-circle:before { content: '\f218'; } .zmdi-cloud-done:before { content: '\f219'; } .zmdi-cloud-download:before { content: '\f21a'; } .zmdi-cloud-off:before { content: '\f21b'; } .zmdi-cloud-outline-alt:before { content: '\f21c'; } .zmdi-cloud-outline:before { content: '\f21d'; } .zmdi-cloud-upload:before { content: '\f21e'; } .zmdi-cloud:before { content: '\f21f'; } .zmdi-download:before { content: '\f220'; } .zmdi-file-plus:before { content: '\f221'; } .zmdi-file-text:before { content: '\f222'; } .zmdi-file:before { content: '\f223'; } .zmdi-folder-outline:before { content: '\f224'; } .zmdi-folder-person:before { content: '\f225'; } .zmdi-folder-star-alt:before { content: '\f226'; } .zmdi-folder-star:before { content: '\f227'; } .zmdi-folder:before { content: '\f228'; } .zmdi-gif:before { content: '\f229'; } .zmdi-upload:before { content: '\f22a'; } .zmdi-border-all:before { content: '\f22b'; } .zmdi-border-bottom:before { content: '\f22c'; } .zmdi-border-clear:before { content: '\f22d'; } .zmdi-border-color:before { content: '\f22e'; } .zmdi-border-horizontal:before { content: '\f22f'; } .zmdi-border-inner:before { content: '\f230'; } .zmdi-border-left:before { content: '\f231'; } .zmdi-border-outer:before { content: '\f232'; } .zmdi-border-right:before { content: '\f233'; } .zmdi-border-style:before { content: '\f234'; } .zmdi-border-top:before { content: '\f235'; } .zmdi-border-vertical:before { content: '\f236'; } .zmdi-copy:before { content: '\f237'; } .zmdi-crop:before { content: '\f238'; } .zmdi-format-align-center:before { content: '\f239'; } .zmdi-format-align-justify:before { content: '\f23a'; } .zmdi-format-align-left:before { content: '\f23b'; } .zmdi-format-align-right:before { content: '\f23c'; } .zmdi-format-bold:before { content: '\f23d'; } .zmdi-format-clear-all:before { content: '\f23e'; } .zmdi-format-clear:before { content: '\f23f'; } .zmdi-format-color-fill:before { content: '\f240'; } .zmdi-format-color-reset:before { content: '\f241'; } .zmdi-format-color-text:before { content: '\f242'; } .zmdi-format-indent-decrease:before { content: '\f243'; } .zmdi-format-indent-increase:before { content: '\f244'; } .zmdi-format-italic:before { content: '\f245'; } .zmdi-format-line-spacing:before { content: '\f246'; } .zmdi-format-list-bulleted:before { content: '\f247'; } .zmdi-format-list-numbered:before { content: '\f248'; } .zmdi-format-ltr:before { content: '\f249'; } .zmdi-format-rtl:before { content: '\f24a'; } .zmdi-format-size:before { content: '\f24b'; } .zmdi-format-strikethrough-s:before { content: '\f24c'; } .zmdi-format-strikethrough:before { content: '\f24d'; } .zmdi-format-subject:before { content: '\f24e'; } .zmdi-format-underlined:before { content: '\f24f'; } .zmdi-format-valign-bottom:before { content: '\f250'; } .zmdi-format-valign-center:before { content: '\f251'; } .zmdi-format-valign-top:before { content: '\f252'; } .zmdi-redo:before { content: '\f253'; } .zmdi-select-all:before { content: '\f254'; } .zmdi-space-bar:before { content: '\f255'; } .zmdi-text-format:before { content: '\f256'; } .zmdi-transform:before { content: '\f257'; } .zmdi-undo:before { content: '\f258'; } .zmdi-wrap-text:before { content: '\f259'; } .zmdi-comment-alert:before { content: '\f25a'; } .zmdi-comment-alt-text:before { content: '\f25b'; } .zmdi-comment-alt:before { content: '\f25c'; } .zmdi-comment-edit:before { content: '\f25d'; } .zmdi-comment-image:before { content: '\f25e'; } .zmdi-comment-list:before { content: '\f25f'; } .zmdi-comment-more:before { content: '\f260'; } .zmdi-comment-outline:before { content: '\f261'; } .zmdi-comment-text-alt:before { content: '\f262'; } .zmdi-comment-text:before { content: '\f263'; } .zmdi-comment-video:before { content: '\f264'; } .zmdi-comment:before { content: '\f265'; } .zmdi-comments:before { content: '\f266'; } .zmdi-check-all:before { content: '\f267'; } .zmdi-check-circle-u:before { content: '\f268'; } .zmdi-check-circle:before { content: '\f269'; } .zmdi-check-square:before { content: '\f26a'; } .zmdi-check:before { content: '\f26b'; } .zmdi-circle-o:before { content: '\f26c'; } .zmdi-circle:before { content: '\f26d'; } .zmdi-dot-circle-alt:before { content: '\f26e'; } .zmdi-dot-circle:before { content: '\f26f'; } .zmdi-minus-circle-outline:before { content: '\f270'; } .zmdi-minus-circle:before { content: '\f271'; } .zmdi-minus-square:before { content: '\f272'; } .zmdi-minus:before { content: '\f273'; } .zmdi-plus-circle-o-duplicate:before { content: '\f274'; } .zmdi-plus-circle-o:before { content: '\f275'; } .zmdi-plus-circle:before { content: '\f276'; } .zmdi-plus-square:before { content: '\f277'; } .zmdi-plus:before { content: '\f278'; } .zmdi-square-o:before { content: '\f279'; } .zmdi-star-circle:before { content: '\f27a'; } .zmdi-star-half:before { content: '\f27b'; } .zmdi-star-outline:before { content: '\f27c'; } .zmdi-star:before { content: '\f27d'; } .zmdi-bluetooth-connected:before { content: '\f27e'; } .zmdi-bluetooth-off:before { content: '\f27f'; } .zmdi-bluetooth-search:before { content: '\f280'; } .zmdi-bluetooth-setting:before { content: '\f281'; } .zmdi-bluetooth:before { content: '\f282'; } .zmdi-camera-add:before { content: '\f283'; } .zmdi-camera-alt:before { content: '\f284'; } .zmdi-camera-bw:before { content: '\f285'; } .zmdi-camera-front:before { content: '\f286'; } .zmdi-camera-mic:before { content: '\f287'; } .zmdi-camera-party-mode:before { content: '\f288'; } .zmdi-camera-rear:before { content: '\f289'; } .zmdi-camera-roll:before { content: '\f28a'; } .zmdi-camera-switch:before { content: '\f28b'; } .zmdi-camera:before { content: '\f28c'; } .zmdi-card-alert:before { content: '\f28d'; } .zmdi-card-off:before { content: '\f28e'; } .zmdi-card-sd:before { content: '\f28f'; } .zmdi-card-sim:before { content: '\f290'; } .zmdi-desktop-mac:before { content: '\f291'; } .zmdi-desktop-windows:before { content: '\f292'; } .zmdi-device-hub:before { content: '\f293'; } .zmdi-devices-off:before { content: '\f294'; } .zmdi-devices:before { content: '\f295'; } .zmdi-dock:before { content: '\f296'; } .zmdi-floppy:before { content: '\f297'; } .zmdi-gamepad:before { content: '\f298'; } .zmdi-gps-dot:before { content: '\f299'; } .zmdi-gps-off:before { content: '\f29a'; } .zmdi-gps:before { content: '\f29b'; } .zmdi-headset-mic:before { content: '\f29c'; } .zmdi-headset:before { content: '\f29d'; } .zmdi-input-antenna:before { content: '\f29e'; } .zmdi-input-composite:before { content: '\f29f'; } .zmdi-input-hdmi:before { content: '\f2a0'; } .zmdi-input-power:before { content: '\f2a1'; } .zmdi-input-svideo:before { content: '\f2a2'; } .zmdi-keyboard-hide:before { content: '\f2a3'; } .zmdi-keyboard:before { content: '\f2a4'; } .zmdi-laptop-chromebook:before { content: '\f2a5'; } .zmdi-laptop-mac:before { content: '\f2a6'; } .zmdi-laptop:before { content: '\f2a7'; } .zmdi-mic-off:before { content: '\f2a8'; } .zmdi-mic-outline:before { content: '\f2a9'; } .zmdi-mic-setting:before { content: '\f2aa'; } .zmdi-mic:before { content: '\f2ab'; } .zmdi-mouse:before { content: '\f2ac'; } .zmdi-network-alert:before { content: '\f2ad'; } .zmdi-network-locked:before { content: '\f2ae'; } .zmdi-network-off:before { content: '\f2af'; } .zmdi-network-outline:before { content: '\f2b0'; } .zmdi-network-setting:before { content: '\f2b1'; } .zmdi-network:before { content: '\f2b2'; } .zmdi-phone-bluetooth:before { content: '\f2b3'; } .zmdi-phone-end:before { content: '\f2b4'; } .zmdi-phone-forwarded:before { content: '\f2b5'; } .zmdi-phone-in-talk:before { content: '\f2b6'; } .zmdi-phone-locked:before { content: '\f2b7'; } .zmdi-phone-missed:before { content: '\f2b8'; } .zmdi-phone-msg:before { content: '\f2b9'; } .zmdi-phone-paused:before { content: '\f2ba'; } .zmdi-phone-ring:before { content: '\f2bb'; } .zmdi-phone-setting:before { content: '\f2bc'; } .zmdi-phone-sip:before { content: '\f2bd'; } .zmdi-phone:before { content: '\f2be'; } .zmdi-portable-wifi-changes:before { content: '\f2bf'; } .zmdi-portable-wifi-off:before { content: '\f2c0'; } .zmdi-portable-wifi:before { content: '\f2c1'; } .zmdi-radio:before { content: '\f2c2'; } .zmdi-reader:before { content: '\f2c3'; } .zmdi-remote-control-alt:before { content: '\f2c4'; } .zmdi-remote-control:before { content: '\f2c5'; } .zmdi-router:before { content: '\f2c6'; } .zmdi-scanner:before { content: '\f2c7'; } .zmdi-smartphone-android:before { content: '\f2c8'; } .zmdi-smartphone-download:before { content: '\f2c9'; } .zmdi-smartphone-erase:before { content: '\f2ca'; } .zmdi-smartphone-info:before { content: '\f2cb'; } .zmdi-smartphone-iphone:before { content: '\f2cc'; } .zmdi-smartphone-landscape-lock:before { content: '\f2cd'; } .zmdi-smartphone-landscape:before { content: '\f2ce'; } .zmdi-smartphone-lock:before { content: '\f2cf'; } .zmdi-smartphone-portrait-lock:before { content: '\f2d0'; } .zmdi-smartphone-ring:before { content: '\f2d1'; } .zmdi-smartphone-setting:before { content: '\f2d2'; } .zmdi-smartphone-setup:before { content: '\f2d3'; } .zmdi-smartphone:before { content: '\f2d4'; } .zmdi-speaker:before { content: '\f2d5'; } .zmdi-tablet-android:before { content: '\f2d6'; } .zmdi-tablet-mac:before { content: '\f2d7'; } .zmdi-tablet:before { content: '\f2d8'; } .zmdi-tv-alt-play:before { content: '\f2d9'; } .zmdi-tv-list:before { content: '\f2da'; } .zmdi-tv-play:before { content: '\f2db'; } .zmdi-tv:before { content: '\f2dc'; } .zmdi-usb:before { content: '\f2dd'; } .zmdi-videocam-off:before { content: '\f2de'; } .zmdi-videocam-switch:before { content: '\f2df'; } .zmdi-videocam:before { content: '\f2e0'; } .zmdi-watch:before { content: '\f2e1'; } .zmdi-wifi-alt-2:before { content: '\f2e2'; } .zmdi-wifi-alt:before { content: '\f2e3'; } .zmdi-wifi-info:before { content: '\f2e4'; } .zmdi-wifi-lock:before { content: '\f2e5'; } .zmdi-wifi-off:before { content: '\f2e6'; } .zmdi-wifi-outline:before { content: '\f2e7'; } .zmdi-wifi:before { content: '\f2e8'; } .zmdi-arrow-left-bottom:before { content: '\f2e9'; } .zmdi-arrow-left:before { content: '\f2ea'; } .zmdi-arrow-merge:before { content: '\f2eb'; } .zmdi-arrow-missed:before { content: '\f2ec'; } .zmdi-arrow-right-top:before { content: '\f2ed'; } .zmdi-arrow-right:before { content: '\f2ee'; } .zmdi-arrow-split:before { content: '\f2ef'; } .zmdi-arrows:before { content: '\f2f0'; } .zmdi-caret-down-circle:before { content: '\f2f1'; } .zmdi-caret-down:before { content: '\f2f2'; } .zmdi-caret-left-circle:before { content: '\f2f3'; } .zmdi-caret-left:before { content: '\f2f4'; } .zmdi-caret-right-circle:before { content: '\f2f5'; } .zmdi-caret-right:before { content: '\f2f6'; } .zmdi-caret-up-circle:before { content: '\f2f7'; } .zmdi-caret-up:before { content: '\f2f8'; } .zmdi-chevron-down:before { content: '\f2f9'; } .zmdi-chevron-left:before { content: '\f2fa'; } .zmdi-chevron-right:before { content: '\f2fb'; } .zmdi-chevron-up:before { content: '\f2fc'; } .zmdi-forward:before { content: '\f2fd'; } .zmdi-long-arrow-down:before { content: '\f2fe'; } .zmdi-long-arrow-left:before { content: '\f2ff'; } .zmdi-long-arrow-return:before { content: '\f300'; } .zmdi-long-arrow-right:before { content: '\f301'; } .zmdi-long-arrow-tab:before { content: '\f302'; } .zmdi-long-arrow-up:before { content: '\f303'; } .zmdi-rotate-ccw:before { content: '\f304'; } .zmdi-rotate-cw:before { content: '\f305'; } .zmdi-rotate-left:before { content: '\f306'; } .zmdi-rotate-right:before { content: '\f307'; } .zmdi-square-down:before { content: '\f308'; } .zmdi-square-right:before { content: '\f309'; } .zmdi-swap-alt:before { content: '\f30a'; } .zmdi-swap-vertical-circle:before { content: '\f30b'; } .zmdi-swap-vertical:before { content: '\f30c'; } .zmdi-swap:before { content: '\f30d'; } .zmdi-trending-down:before { content: '\f30e'; } .zmdi-trending-flat:before { content: '\f30f'; } .zmdi-trending-up:before { content: '\f310'; } .zmdi-unfold-less:before { content: '\f311'; } .zmdi-unfold-more:before { content: '\f312'; } .zmdi-apps:before { content: '\f313'; } .zmdi-grid-off:before { content: '\f314'; } .zmdi-grid:before { content: '\f315'; } .zmdi-view-agenda:before { content: '\f316'; } .zmdi-view-array:before { content: '\f317'; } .zmdi-view-carousel:before { content: '\f318'; } .zmdi-view-column:before { content: '\f319'; } .zmdi-view-comfy:before { content: '\f31a'; } .zmdi-view-compact:before { content: '\f31b'; } .zmdi-view-dashboard:before { content: '\f31c'; } .zmdi-view-day:before { content: '\f31d'; } .zmdi-view-headline:before { content: '\f31e'; } .zmdi-view-list-alt:before { content: '\f31f'; } .zmdi-view-list:before { content: '\f320'; } .zmdi-view-module:before { content: '\f321'; } .zmdi-view-quilt:before { content: '\f322'; } .zmdi-view-stream:before { content: '\f323'; } .zmdi-view-subtitles:before { content: '\f324'; } .zmdi-view-toc:before { content: '\f325'; } .zmdi-view-web:before { content: '\f326'; } .zmdi-view-week:before { content: '\f327'; } .zmdi-widgets:before { content: '\f328'; } .zmdi-alarm-check:before { content: '\f329'; } .zmdi-alarm-off:before { content: '\f32a'; } .zmdi-alarm-plus:before { content: '\f32b'; } .zmdi-alarm-snooze:before { content: '\f32c'; } .zmdi-alarm:before { content: '\f32d'; } .zmdi-calendar-alt:before { content: '\f32e'; } .zmdi-calendar-check:before { content: '\f32f'; } .zmdi-calendar-close:before { content: '\f330'; } .zmdi-calendar-note:before { content: '\f331'; } .zmdi-calendar:before { content: '\f332'; } .zmdi-time-countdown:before { content: '\f333'; } .zmdi-time-interval:before { content: '\f334'; } .zmdi-time-restore-setting:before { content: '\f335'; } .zmdi-time-restore:before { content: '\f336'; } .zmdi-time:before { content: '\f337'; } .zmdi-timer-off:before { content: '\f338'; } .zmdi-timer:before { content: '\f339'; } .zmdi-android-alt:before { content: '\f33a'; } .zmdi-android:before { content: '\f33b'; } .zmdi-apple:before { content: '\f33c'; } .zmdi-behance:before { content: '\f33d'; } .zmdi-codepen:before { content: '\f33e'; } .zmdi-dribbble:before { content: '\f33f'; } .zmdi-dropbox:before { content: '\f340'; } .zmdi-evernote:before { content: '\f341'; } .zmdi-facebook-box:before { content: '\f342'; } .zmdi-facebook:before { content: '\f343'; } .zmdi-github-box:before { content: '\f344'; } .zmdi-github:before { content: '\f345'; } .zmdi-google-drive:before { content: '\f346'; } .zmdi-google-earth:before { content: '\f347'; } .zmdi-google-glass:before { content: '\f348'; } .zmdi-google-maps:before { content: '\f349'; } .zmdi-google-pages:before { content: '\f34a'; } .zmdi-google-play:before { content: '\f34b'; } .zmdi-google-plus-box:before { content: '\f34c'; } .zmdi-google-plus:before { content: '\f34d'; } .zmdi-google:before { content: '\f34e'; } .zmdi-instagram:before { content: '\f34f'; } .zmdi-language-css3:before { content: '\f350'; } .zmdi-language-html5:before { content: '\f351'; } .zmdi-language-javascript:before { content: '\f352'; } .zmdi-language-python-alt:before { content: '\f353'; } .zmdi-language-python:before { content: '\f354'; } .zmdi-lastfm:before { content: '\f355'; } .zmdi-linkedin-box:before { content: '\f356'; } .zmdi-paypal:before { content: '\f357'; } .zmdi-pinterest-box:before { content: '\f358'; } .zmdi-pocket:before { content: '\f359'; } .zmdi-polymer:before { content: '\f35a'; } .zmdi-share:before { content: '\f35b'; } .zmdi-stackoverflow:before { content: '\f35c'; } .zmdi-steam-square:before { content: '\f35d'; } .zmdi-steam:before { content: '\f35e'; } .zmdi-twitter-box:before { content: '\f35f'; } .zmdi-twitter:before { content: '\f360'; } .zmdi-vk:before { content: '\f361'; } .zmdi-wikipedia:before { content: '\f362'; } .zmdi-windows:before { content: '\f363'; } .zmdi-aspect-ratio-alt:before { content: '\f364'; } .zmdi-aspect-ratio:before { content: '\f365'; } .zmdi-blur-circular:before { content: '\f366'; } .zmdi-blur-linear:before { content: '\f367'; } .zmdi-blur-off:before { content: '\f368'; } .zmdi-blur:before { content: '\f369'; } .zmdi-brightness-2:before { content: '\f36a'; } .zmdi-brightness-3:before { content: '\f36b'; } .zmdi-brightness-4:before { content: '\f36c'; } .zmdi-brightness-5:before { content: '\f36d'; } .zmdi-brightness-6:before { content: '\f36e'; } .zmdi-brightness-7:before { content: '\f36f'; } .zmdi-brightness-auto:before { content: '\f370'; } .zmdi-brightness-setting:before { content: '\f371'; } .zmdi-broken-image:before { content: '\f372'; } .zmdi-center-focus-strong:before { content: '\f373'; } .zmdi-center-focus-weak:before { content: '\f374'; } .zmdi-compare:before { content: '\f375'; } .zmdi-crop-16-9:before { content: '\f376'; } .zmdi-crop-3-2:before { content: '\f377'; } .zmdi-crop-5-4:before { content: '\f378'; } .zmdi-crop-7-5:before { content: '\f379'; } .zmdi-crop-din:before { content: '\f37a'; } .zmdi-crop-free:before { content: '\f37b'; } .zmdi-crop-landscape:before { content: '\f37c'; } .zmdi-crop-portrait:before { content: '\f37d'; } .zmdi-crop-square:before { content: '\f37e'; } .zmdi-exposure-alt:before { content: '\f37f'; } .zmdi-exposure:before { content: '\f380'; } .zmdi-filter-b-and-w:before { content: '\f381'; } .zmdi-filter-center-focus:before { content: '\f382'; } .zmdi-filter-frames:before { content: '\f383'; } .zmdi-filter-tilt-shift:before { content: '\f384'; } .zmdi-gradient:before { content: '\f385'; } .zmdi-grain:before { content: '\f386'; } .zmdi-graphic-eq:before { content: '\f387'; } .zmdi-hdr-off:before { content: '\f388'; } .zmdi-hdr-strong:before { content: '\f389'; } .zmdi-hdr-weak:before { content: '\f38a'; } .zmdi-hdr:before { content: '\f38b'; } .zmdi-iridescent:before { content: '\f38c'; } .zmdi-leak-off:before { content: '\f38d'; } .zmdi-leak:before { content: '\f38e'; } .zmdi-looks:before { content: '\f38f'; } .zmdi-loupe:before { content: '\f390'; } .zmdi-panorama-horizontal:before { content: '\f391'; } .zmdi-panorama-vertical:before { content: '\f392'; } .zmdi-panorama-wide-angle:before { content: '\f393'; } .zmdi-photo-size-select-large:before { content: '\f394'; } .zmdi-photo-size-select-small:before { content: '\f395'; } .zmdi-picture-in-picture:before { content: '\f396'; } .zmdi-slideshow:before { content: '\f397'; } .zmdi-texture:before { content: '\f398'; } .zmdi-tonality:before { content: '\f399'; } .zmdi-vignette:before { content: '\f39a'; } .zmdi-wb-auto:before { content: '\f39b'; } .zmdi-eject-alt:before { content: '\f39c'; } .zmdi-eject:before { content: '\f39d'; } .zmdi-equalizer:before { content: '\f39e'; } .zmdi-fast-forward:before { content: '\f39f'; } .zmdi-fast-rewind:before { content: '\f3a0'; } .zmdi-forward-10:before { content: '\f3a1'; } .zmdi-forward-30:before { content: '\f3a2'; } .zmdi-forward-5:before { content: '\f3a3'; } .zmdi-hearing:before { content: '\f3a4'; } .zmdi-pause-circle-outline:before { content: '\f3a5'; } .zmdi-pause-circle:before { content: '\f3a6'; } .zmdi-pause:before { content: '\f3a7'; } .zmdi-play-circle-outline:before { content: '\f3a8'; } .zmdi-play-circle:before { content: '\f3a9'; } .zmdi-play:before { content: '\f3aa'; } .zmdi-playlist-audio:before { content: '\f3ab'; } .zmdi-playlist-plus:before { content: '\f3ac'; } .zmdi-repeat-one:before { content: '\f3ad'; } .zmdi-repeat:before { content: '\f3ae'; } .zmdi-replay-10:before { content: '\f3af'; } .zmdi-replay-30:before { content: '\f3b0'; } .zmdi-replay-5:before { content: '\f3b1'; } .zmdi-replay:before { content: '\f3b2'; } .zmdi-shuffle:before { content: '\f3b3'; } .zmdi-skip-next:before { content: '\f3b4'; } .zmdi-skip-previous:before { content: '\f3b5'; } .zmdi-stop:before { content: '\f3b6'; } .zmdi-surround-sound:before { content: '\f3b7'; } .zmdi-tune:before { content: '\f3b8'; } .zmdi-volume-down:before { content: '\f3b9'; } .zmdi-volume-mute:before { content: '\f3ba'; } .zmdi-volume-off:before { content: '\f3bb'; } .zmdi-volume-up:before { content: '\f3bc'; } .zmdi-n-1-square:before { content: '\f3bd'; } .zmdi-n-2-square:before { content: '\f3be'; } .zmdi-n-3-square:before { content: '\f3bf'; } .zmdi-n-4-square:before { content: '\f3c0'; } .zmdi-n-5-square:before { content: '\f3c1'; } .zmdi-n-6-square:before { content: '\f3c2'; } .zmdi-neg-1:before { content: '\f3c3'; } .zmdi-neg-2:before { content: '\f3c4'; } .zmdi-plus-1:before { content: '\f3c5'; } .zmdi-plus-2:before { content: '\f3c6'; } .zmdi-sec-10:before { content: '\f3c7'; } .zmdi-sec-3:before { content: '\f3c8'; } .zmdi-zero:before { content: '\f3c9'; } .zmdi-airline-seat-flat-angled:before { content: '\f3ca'; } .zmdi-airline-seat-flat:before { content: '\f3cb'; } .zmdi-airline-seat-individual-suite:before { content: '\f3cc'; } .zmdi-airline-seat-legroom-extra:before { content: '\f3cd'; } .zmdi-airline-seat-legroom-normal:before { content: '\f3ce'; } .zmdi-airline-seat-legroom-reduced:before { content: '\f3cf'; } .zmdi-airline-seat-recline-extra:before { content: '\f3d0'; } .zmdi-airline-seat-recline-normal:before { content: '\f3d1'; } .zmdi-airplay:before { content: '\f3d2'; } .zmdi-closed-caption:before { content: '\f3d3'; } .zmdi-confirmation-number:before { content: '\f3d4'; } .zmdi-developer-board:before { content: '\f3d5'; } .zmdi-disc-full:before { content: '\f3d6'; } .zmdi-explicit:before { content: '\f3d7'; } .zmdi-flight-land:before { content: '\f3d8'; } .zmdi-flight-takeoff:before { content: '\f3d9'; } .zmdi-flip-to-back:before { content: '\f3da'; } .zmdi-flip-to-front:before { content: '\f3db'; } .zmdi-group-work:before { content: '\f3dc'; } .zmdi-hd:before { content: '\f3dd'; } .zmdi-hq:before { content: '\f3de'; } .zmdi-markunread-mailbox:before { content: '\f3df'; } .zmdi-memory:before { content: '\f3e0'; } .zmdi-nfc:before { content: '\f3e1'; } .zmdi-play-for-work:before { content: '\f3e2'; } .zmdi-power-input:before { content: '\f3e3'; } .zmdi-present-to-all:before { content: '\f3e4'; } .zmdi-satellite:before { content: '\f3e5'; } .zmdi-tap-and-play:before { content: '\f3e6'; } .zmdi-vibration:before { content: '\f3e7'; } .zmdi-voicemail:before { content: '\f3e8'; } .zmdi-group:before { content: '\f3e9'; } .zmdi-rss:before { content: '\f3ea'; } .zmdi-shape:before { content: '\f3eb'; } .zmdi-spinner:before { content: '\f3ec'; } .zmdi-ungroup:before { content: '\f3ed'; } .zmdi-500px:before { content: '\f3ee'; } .zmdi-8tracks:before { content: '\f3ef'; } .zmdi-amazon:before { content: '\f3f0'; } .zmdi-blogger:before { content: '\f3f1'; } .zmdi-delicious:before { content: '\f3f2'; } .zmdi-disqus:before { content: '\f3f3'; } .zmdi-flattr:before { content: '\f3f4'; } .zmdi-flickr:before { content: '\f3f5'; } .zmdi-github-alt:before { content: '\f3f6'; } .zmdi-google-old:before { content: '\f3f7'; } .zmdi-linkedin:before { content: '\f3f8'; } .zmdi-odnoklassniki:before { content: '\f3f9'; } .zmdi-outlook:before { content: '\f3fa'; } .zmdi-paypal-alt:before { content: '\f3fb'; } .zmdi-pinterest:before { content: '\f3fc'; } .zmdi-playstation:before { content: '\f3fd'; } .zmdi-reddit:before { content: '\f3fe'; } .zmdi-skype:before { content: '\f3ff'; } .zmdi-slideshare:before { content: '\f400'; } .zmdi-soundcloud:before { content: '\f401'; } .zmdi-tumblr:before { content: '\f402'; } .zmdi-twitch:before { content: '\f403'; } .zmdi-vimeo:before { content: '\f404'; } .zmdi-whatsapp:before { content: '\f405'; } .zmdi-xbox:before { content: '\f406'; } .zmdi-yahoo:before { content: '\f407'; } .zmdi-youtube-play:before { content: '\f408'; } .zmdi-youtube:before { content: '\f409'; } .zmdi-3d-rotation:before { content: '\f101'; } .zmdi-airplane-off:before { content: '\f102'; } .zmdi-airplane:before { content: '\f103'; } .zmdi-album:before { content: '\f104'; } .zmdi-archive:before { content: '\f105'; } .zmdi-assignment-account:before { content: '\f106'; } .zmdi-assignment-alert:before { content: '\f107'; } .zmdi-assignment-check:before { content: '\f108'; } .zmdi-assignment-o:before { content: '\f109'; } .zmdi-assignment-return:before { content: '\f10a'; } .zmdi-assignment-returned:before { content: '\f10b'; } .zmdi-assignment:before { content: '\f10c'; } .zmdi-attachment-alt:before { content: '\f10d'; } .zmdi-attachment:before { content: '\f10e'; } .zmdi-audio:before { content: '\f10f'; } .zmdi-badge-check:before { content: '\f110'; } .zmdi-balance-wallet:before { content: '\f111'; } .zmdi-balance:before { content: '\f112'; } .zmdi-battery-alert:before { content: '\f113'; } .zmdi-battery-flash:before { content: '\f114'; } .zmdi-battery-unknown:before { content: '\f115'; } .zmdi-battery:before { content: '\f116'; } .zmdi-bike:before { content: '\f117'; } .zmdi-block-alt:before { content: '\f118'; } .zmdi-block:before { content: '\f119'; } .zmdi-boat:before { content: '\f11a'; } .zmdi-book-image:before { content: '\f11b'; } .zmdi-book:before { content: '\f11c'; } .zmdi-bookmark-outline:before { content: '\f11d'; } .zmdi-bookmark:before { content: '\f11e'; } .zmdi-brush:before { content: '\f11f'; } .zmdi-bug:before { content: '\f120'; } .zmdi-bus:before { content: '\f121'; } .zmdi-cake:before { content: '\f122'; } .zmdi-car-taxi:before { content: '\f123'; } .zmdi-car-wash:before { content: '\f124'; } .zmdi-car:before { content: '\f125'; } .zmdi-card-giftcard:before { content: '\f126'; } .zmdi-card-membership:before { content: '\f127'; } .zmdi-card-travel:before { content: '\f128'; } .zmdi-card:before { content: '\f129'; } .zmdi-case-check:before { content: '\f12a'; } .zmdi-case-download:before { content: '\f12b'; } .zmdi-case-play:before { content: '\f12c'; } .zmdi-case:before { content: '\f12d'; } .zmdi-cast-connected:before { content: '\f12e'; } .zmdi-cast:before { content: '\f12f'; } .zmdi-chart-donut:before { content: '\f130'; } .zmdi-chart:before { content: '\f131'; } .zmdi-city-alt:before { content: '\f132'; } .zmdi-city:before { content: '\f133'; } .zmdi-close-circle-o:before { content: '\f134'; } .zmdi-close-circle:before { content: '\f135'; } .zmdi-close:before { content: '\f136'; } .zmdi-cocktail:before { content: '\f137'; } .zmdi-code-setting:before { content: '\f138'; } .zmdi-code-smartphone:before { content: '\f139'; } .zmdi-code:before { content: '\f13a'; } .zmdi-coffee:before { content: '\f13b'; } .zmdi-collection-bookmark:before { content: '\f13c'; } .zmdi-collection-case-play:before { content: '\f13d'; } .zmdi-collection-folder-image:before { content: '\f13e'; } .zmdi-collection-image-o:before { content: '\f13f'; } .zmdi-collection-image:before { content: '\f140'; } .zmdi-collection-item-1:before { content: '\f141'; } .zmdi-collection-item-2:before { content: '\f142'; } .zmdi-collection-item-3:before { content: '\f143'; } .zmdi-collection-item-4:before { content: '\f144'; } .zmdi-collection-item-5:before { content: '\f145'; } .zmdi-collection-item-6:before { content: '\f146'; } .zmdi-collection-item-7:before { content: '\f147'; } .zmdi-collection-item-8:before { content: '\f148'; } .zmdi-collection-item-9-plus:before { content: '\f149'; } .zmdi-collection-item-9:before { content: '\f14a'; } .zmdi-collection-item:before { content: '\f14b'; } .zmdi-collection-music:before { content: '\f14c'; } .zmdi-collection-pdf:before { content: '\f14d'; } .zmdi-collection-plus:before { content: '\f14e'; } .zmdi-collection-speaker:before { content: '\f14f'; } .zmdi-collection-text:before { content: '\f150'; } .zmdi-collection-video:before { content: '\f151'; } .zmdi-compass:before { content: '\f152'; } .zmdi-cutlery:before { content: '\f153'; } .zmdi-delete:before { content: '\f154'; } .zmdi-dialpad:before { content: '\f155'; } .zmdi-dns:before { content: '\f156'; } .zmdi-drink:before { content: '\f157'; } .zmdi-edit:before { content: '\f158'; } .zmdi-email-open:before { content: '\f159'; } .zmdi-email:before { content: '\f15a'; } .zmdi-eye-off:before { content: '\f15b'; } .zmdi-eye:before { content: '\f15c'; } .zmdi-eyedropper:before { content: '\f15d'; } .zmdi-favorite-outline:before { content: '\f15e'; } .zmdi-favorite:before { content: '\f15f'; } .zmdi-filter-list:before { content: '\f160'; } .zmdi-fire:before { content: '\f161'; } .zmdi-flag:before { content: '\f162'; } .zmdi-flare:before { content: '\f163'; } .zmdi-flash-auto:before { content: '\f164'; } .zmdi-flash-off:before { content: '\f165'; } .zmdi-flash:before { content: '\f166'; } .zmdi-flip:before { content: '\f167'; } .zmdi-flower-alt:before { content: '\f168'; } .zmdi-flower:before { content: '\f169'; } .zmdi-font:before { content: '\f16a'; } .zmdi-fullscreen-alt:before { content: '\f16b'; } .zmdi-fullscreen-exit:before { content: '\f16c'; } .zmdi-fullscreen:before { content: '\f16d'; } .zmdi-functions:before { content: '\f16e'; } .zmdi-gas-station:before { content: '\f16f'; } .zmdi-gesture:before { content: '\f170'; } .zmdi-globe-alt:before { content: '\f171'; } .zmdi-globe-lock:before { content: '\f172'; } .zmdi-globe:before { content: '\f173'; } .zmdi-graduation-cap:before { content: '\f174'; } .zmdi-home:before { content: '\f175'; } .zmdi-hospital-alt:before { content: '\f176'; } .zmdi-hospital:before { content: '\f177'; } .zmdi-hotel:before { content: '\f178'; } .zmdi-hourglass-alt:before { content: '\f179'; } .zmdi-hourglass-outline:before { content: '\f17a'; } .zmdi-hourglass:before { content: '\f17b'; } .zmdi-http:before { content: '\f17c'; } .zmdi-image-alt:before { content: '\f17d'; } .zmdi-image-o:before { content: '\f17e'; } .zmdi-image:before { content: '\f17f'; } .zmdi-inbox:before { content: '\f180'; } .zmdi-invert-colors-off:before { content: '\f181'; } .zmdi-invert-colors:before { content: '\f182'; } .zmdi-key:before { content: '\f183'; } .zmdi-label-alt-outline:before { content: '\f184'; } .zmdi-label-alt:before { content: '\f185'; } .zmdi-label-heart:before { content: '\f186'; } .zmdi-label:before { content: '\f187'; } .zmdi-labels:before { content: '\f188'; } .zmdi-lamp:before { content: '\f189'; } .zmdi-landscape:before { content: '\f18a'; } .zmdi-layers-off:before { content: '\f18b'; } .zmdi-layers:before { content: '\f18c'; } .zmdi-library:before { content: '\f18d'; } .zmdi-link:before { content: '\f18e'; } .zmdi-lock-open:before { content: '\f18f'; } .zmdi-lock-outline:before { content: '\f190'; } .zmdi-lock:before { content: '\f191'; } .zmdi-mail-reply-all:before { content: '\f192'; } .zmdi-mail-reply:before { content: '\f193'; } .zmdi-mail-send:before { content: '\f194'; } .zmdi-mall:before { content: '\f195'; } .zmdi-map:before { content: '\f196'; } .zmdi-menu:before { content: '\f197'; } .zmdi-money-box:before { content: '\f198'; } .zmdi-money-off:before { content: '\f199'; } .zmdi-money:before { content: '\f19a'; } .zmdi-more-vert:before { content: '\f19b'; } .zmdi-more:before { content: '\f19c'; } .zmdi-movie-alt:before { content: '\f19d'; } .zmdi-movie:before { content: '\f19e'; } .zmdi-nature-people:before { content: '\f19f'; } .zmdi-nature:before { content: '\f1a0'; } .zmdi-navigation:before { content: '\f1a1'; } .zmdi-open-in-browser:before { content: '\f1a2'; } .zmdi-open-in-new:before { content: '\f1a3'; } .zmdi-palette:before { content: '\f1a4'; } .zmdi-parking:before { content: '\f1a5'; } .zmdi-pin-account:before { content: '\f1a6'; } .zmdi-pin-assistant:before { content: '\f1a7'; } .zmdi-pin-drop:before { content: '\f1a8'; } .zmdi-pin-help:before { content: '\f1a9'; } .zmdi-pin-off:before { content: '\f1aa'; } .zmdi-pin:before { content: '\f1ab'; } .zmdi-pizza:before { content: '\f1ac'; } .zmdi-plaster:before { content: '\f1ad'; } .zmdi-power-setting:before { content: '\f1ae'; } .zmdi-power:before { content: '\f1af'; } .zmdi-print:before { content: '\f1b0'; } .zmdi-puzzle-piece:before { content: '\f1b1'; } .zmdi-quote:before { content: '\f1b2'; } .zmdi-railway:before { content: '\f1b3'; } .zmdi-receipt:before { content: '\f1b4'; } .zmdi-refresh-alt:before { content: '\f1b5'; } .zmdi-refresh-sync-alert:before { content: '\f1b6'; } .zmdi-refresh-sync-off:before { content: '\f1b7'; } .zmdi-refresh-sync:before { content: '\f1b8'; } .zmdi-refresh:before { content: '\f1b9'; } .zmdi-roller:before { content: '\f1ba'; } .zmdi-ruler:before { content: '\f1bb'; } .zmdi-scissors:before { content: '\f1bc'; } .zmdi-screen-rotation-lock:before { content: '\f1bd'; } .zmdi-screen-rotation:before { content: '\f1be'; } .zmdi-search-for:before { content: '\f1bf'; } .zmdi-search-in-file:before { content: '\f1c0'; } .zmdi-search-in-page:before { content: '\f1c1'; } .zmdi-search-replace:before { content: '\f1c2'; } .zmdi-search:before { content: '\f1c3'; } .zmdi-seat:before { content: '\f1c4'; } .zmdi-settings-square:before { content: '\f1c5'; } .zmdi-settings:before { content: '\f1c6'; } .zmdi-shield-check:before { content: '\f1c7'; } .zmdi-shield-security:before { content: '\f1c8'; } .zmdi-shopping-basket:before { content: '\f1c9'; } .zmdi-shopping-cart-plus:before { content: '\f1ca'; } .zmdi-shopping-cart:before { content: '\f1cb'; } .zmdi-sign-in:before { content: '\f1cc'; } .zmdi-sort-amount-asc:before { content: '\f1cd'; } .zmdi-sort-amount-desc:before { content: '\f1ce'; } .zmdi-sort-asc:before { content: '\f1cf'; } .zmdi-sort-desc:before { content: '\f1d0'; } .zmdi-spellcheck:before { content: '\f1d1'; } .zmdi-storage:before { content: '\f1d2'; } .zmdi-store-24:before { content: '\f1d3'; } .zmdi-store:before { content: '\f1d4'; } .zmdi-subway:before { content: '\f1d5'; } .zmdi-sun:before { content: '\f1d6'; } .zmdi-tab-unselected:before { content: '\f1d7'; } .zmdi-tab:before { content: '\f1d8'; } .zmdi-tag-close:before { content: '\f1d9'; } .zmdi-tag-more:before { content: '\f1da'; } .zmdi-tag:before { content: '\f1db'; } .zmdi-thumb-down:before { content: '\f1dc'; } .zmdi-thumb-up-down:before { content: '\f1dd'; } .zmdi-thumb-up:before { content: '\f1de'; } .zmdi-ticket-star:before { content: '\f1df'; } .zmdi-toll:before { content: '\f1e0'; } .zmdi-toys:before { content: '\f1e1'; } .zmdi-traffic:before { content: '\f1e2'; } .zmdi-translate:before { content: '\f1e3'; } .zmdi-triangle-down:before { content: '\f1e4'; } .zmdi-triangle-up:before { content: '\f1e5'; } .zmdi-truck:before { content: '\f1e6'; } .zmdi-turning-sign:before { content: '\f1e7'; } .zmdi-wallpaper:before { content: '\f1e8'; } .zmdi-washing-machine:before { content: '\f1e9'; } .zmdi-window-maximize:before { content: '\f1ea'; } .zmdi-window-minimize:before { content: '\f1eb'; } .zmdi-window-restore:before { content: '\f1ec'; } .zmdi-wrench:before { content: '\f1ed'; } .zmdi-zoom-in:before { content: '\f1ee'; } .zmdi-zoom-out:before { content: '\f1ef'; } .zmdi-alert-circle-o:before { content: '\f1f0'; } .zmdi-alert-circle:before { content: '\f1f1'; } .zmdi-alert-octagon:before { content: '\f1f2'; } .zmdi-alert-polygon:before { content: '\f1f3'; } .zmdi-alert-triangle:before { content: '\f1f4'; } .zmdi-help-outline:before { content: '\f1f5'; } .zmdi-help:before { content: '\f1f6'; } .zmdi-info-outline:before { content: '\f1f7'; } .zmdi-info:before { content: '\f1f8'; } .zmdi-notifications-active:before { content: '\f1f9'; } .zmdi-notifications-add:before { content: '\f1fa'; } .zmdi-notifications-none:before { content: '\f1fb'; } .zmdi-notifications-off:before { content: '\f1fc'; } .zmdi-notifications-paused:before { content: '\f1fd'; } .zmdi-notifications:before { content: '\f1fe'; } .zmdi-account-add:before { content: '\f1ff'; } .zmdi-account-box-mail:before { content: '\f200'; } .zmdi-account-box-o:before { content: '\f201'; } .zmdi-account-box-phone:before { content: '\f202'; } .zmdi-account-box:before { content: '\f203'; } .zmdi-account-calendar:before { content: '\f204'; } .zmdi-account-circle:before { content: '\f205'; } .zmdi-account-o:before { content: '\f206'; } .zmdi-account:before { content: '\f207'; } .zmdi-accounts-add:before { content: '\f208'; } .zmdi-accounts-alt:before { content: '\f209'; } .zmdi-accounts-list-alt:before { content: '\f20a'; } .zmdi-accounts-list:before { content: '\f20b'; } .zmdi-accounts-outline:before { content: '\f20c'; } .zmdi-accounts:before { content: '\f20d'; } .zmdi-face:before { content: '\f20e'; } .zmdi-female:before { content: '\f20f'; } .zmdi-male-alt:before { content: '\f210'; } .zmdi-male-female:before { content: '\f211'; } .zmdi-male:before { content: '\f212'; } .zmdi-mood-bad:before { content: '\f213'; } .zmdi-mood:before { content: '\f214'; } .zmdi-run:before { content: '\f215'; } .zmdi-walk:before { content: '\f216'; } .zmdi-cloud-box:before { content: '\f217'; } .zmdi-cloud-circle:before { content: '\f218'; } .zmdi-cloud-done:before { content: '\f219'; } .zmdi-cloud-download:before { content: '\f21a'; } .zmdi-cloud-off:before { content: '\f21b'; } .zmdi-cloud-outline-alt:before { content: '\f21c'; } .zmdi-cloud-outline:before { content: '\f21d'; } .zmdi-cloud-upload:before { content: '\f21e'; } .zmdi-cloud:before { content: '\f21f'; } .zmdi-download:before { content: '\f220'; } .zmdi-file-plus:before { content: '\f221'; } .zmdi-file-text:before { content: '\f222'; } .zmdi-file:before { content: '\f223'; } .zmdi-folder-outline:before { content: '\f224'; } .zmdi-folder-person:before { content: '\f225'; } .zmdi-folder-star-alt:before { content: '\f226'; } .zmdi-folder-star:before { content: '\f227'; } .zmdi-folder:before { content: '\f228'; } .zmdi-gif:before { content: '\f229'; } .zmdi-upload:before { content: '\f22a'; } .zmdi-border-all:before { content: '\f22b'; } .zmdi-border-bottom:before { content: '\f22c'; } .zmdi-border-clear:before { content: '\f22d'; } .zmdi-border-color:before { content: '\f22e'; } .zmdi-border-horizontal:before { content: '\f22f'; } .zmdi-border-inner:before { content: '\f230'; } .zmdi-border-left:before { content: '\f231'; } .zmdi-border-outer:before { content: '\f232'; } .zmdi-border-right:before { content: '\f233'; } .zmdi-border-style:before { content: '\f234'; } .zmdi-border-top:before { content: '\f235'; } .zmdi-border-vertical:before { content: '\f236'; } .zmdi-copy:before { content: '\f237'; } .zmdi-crop:before { content: '\f238'; } .zmdi-format-align-center:before { content: '\f239'; } .zmdi-format-align-justify:before { content: '\f23a'; } .zmdi-format-align-left:before { content: '\f23b'; } .zmdi-format-align-right:before { content: '\f23c'; } .zmdi-format-bold:before { content: '\f23d'; } .zmdi-format-clear-all:before { content: '\f23e'; } .zmdi-format-clear:before { content: '\f23f'; } .zmdi-format-color-fill:before { content: '\f240'; } .zmdi-format-color-reset:before { content: '\f241'; } .zmdi-format-color-text:before { content: '\f242'; } .zmdi-format-indent-decrease:before { content: '\f243'; } .zmdi-format-indent-increase:before { content: '\f244'; } .zmdi-format-italic:before { content: '\f245'; } .zmdi-format-line-spacing:before { content: '\f246'; } .zmdi-format-list-bulleted:before { content: '\f247'; } .zmdi-format-list-numbered:before { content: '\f248'; } .zmdi-format-ltr:before { content: '\f249'; } .zmdi-format-rtl:before { content: '\f24a'; } .zmdi-format-size:before { content: '\f24b'; } .zmdi-format-strikethrough-s:before { content: '\f24c'; } .zmdi-format-strikethrough:before { content: '\f24d'; } .zmdi-format-subject:before { content: '\f24e'; } .zmdi-format-underlined:before { content: '\f24f'; } .zmdi-format-valign-bottom:before { content: '\f250'; } .zmdi-format-valign-center:before { content: '\f251'; } .zmdi-format-valign-top:before { content: '\f252'; } .zmdi-redo:before { content: '\f253'; } .zmdi-select-all:before { content: '\f254'; } .zmdi-space-bar:before { content: '\f255'; } .zmdi-text-format:before { content: '\f256'; } .zmdi-transform:before { content: '\f257'; } .zmdi-undo:before { content: '\f258'; } .zmdi-wrap-text:before { content: '\f259'; } .zmdi-comment-alert:before { content: '\f25a'; } .zmdi-comment-alt-text:before { content: '\f25b'; } .zmdi-comment-alt:before { content: '\f25c'; } .zmdi-comment-edit:before { content: '\f25d'; } .zmdi-comment-image:before { content: '\f25e'; } .zmdi-comment-list:before { content: '\f25f'; } .zmdi-comment-more:before { content: '\f260'; } .zmdi-comment-outline:before { content: '\f261'; } .zmdi-comment-text-alt:before { content: '\f262'; } .zmdi-comment-text:before { content: '\f263'; } .zmdi-comment-video:before { content: '\f264'; } .zmdi-comment:before { content: '\f265'; } .zmdi-comments:before { content: '\f266'; } .zmdi-check-all:before { content: '\f267'; } .zmdi-check-circle-u:before { content: '\f268'; } .zmdi-check-circle:before { content: '\f269'; } .zmdi-check-square:before { content: '\f26a'; } .zmdi-check:before { content: '\f26b'; } .zmdi-circle-o:before { content: '\f26c'; } .zmdi-circle:before { content: '\f26d'; } .zmdi-dot-circle-alt:before { content: '\f26e'; } .zmdi-dot-circle:before { content: '\f26f'; } .zmdi-minus-circle-outline:before { content: '\f270'; } .zmdi-minus-circle:before { content: '\f271'; } .zmdi-minus-square:before { content: '\f272'; } .zmdi-minus:before { content: '\f273'; } .zmdi-plus-circle-o-duplicate:before { content: '\f274'; } .zmdi-plus-circle-o:before { content: '\f275'; } .zmdi-plus-circle:before { content: '\f276'; } .zmdi-plus-square:before { content: '\f277'; } .zmdi-plus:before { content: '\f278'; } .zmdi-square-o:before { content: '\f279'; } .zmdi-star-circle:before { content: '\f27a'; } .zmdi-star-half:before { content: '\f27b'; } .zmdi-star-outline:before { content: '\f27c'; } .zmdi-star:before { content: '\f27d'; } .zmdi-bluetooth-connected:before { content: '\f27e'; } .zmdi-bluetooth-off:before { content: '\f27f'; } .zmdi-bluetooth-search:before { content: '\f280'; } .zmdi-bluetooth-setting:before { content: '\f281'; } .zmdi-bluetooth:before { content: '\f282'; } .zmdi-camera-add:before { content: '\f283'; } .zmdi-camera-alt:before { content: '\f284'; } .zmdi-camera-bw:before { content: '\f285'; } .zmdi-camera-front:before { content: '\f286'; } .zmdi-camera-mic:before { content: '\f287'; } .zmdi-camera-party-mode:before { content: '\f288'; } .zmdi-camera-rear:before { content: '\f289'; } .zmdi-camera-roll:before { content: '\f28a'; } .zmdi-camera-switch:before { content: '\f28b'; } .zmdi-camera:before { content: '\f28c'; } .zmdi-card-alert:before { content: '\f28d'; } .zmdi-card-off:before { content: '\f28e'; } .zmdi-card-sd:before { content: '\f28f'; } .zmdi-card-sim:before { content: '\f290'; } .zmdi-desktop-mac:before { content: '\f291'; } .zmdi-desktop-windows:before { content: '\f292'; } .zmdi-device-hub:before { content: '\f293'; } .zmdi-devices-off:before { content: '\f294'; } .zmdi-devices:before { content: '\f295'; } .zmdi-dock:before { content: '\f296'; } .zmdi-floppy:before { content: '\f297'; } .zmdi-gamepad:before { content: '\f298'; } .zmdi-gps-dot:before { content: '\f299'; } .zmdi-gps-off:before { content: '\f29a'; } .zmdi-gps:before { content: '\f29b'; } .zmdi-headset-mic:before { content: '\f29c'; } .zmdi-headset:before { content: '\f29d'; } .zmdi-input-antenna:before { content: '\f29e'; } .zmdi-input-composite:before { content: '\f29f'; } .zmdi-input-hdmi:before { content: '\f2a0'; } .zmdi-input-power:before { content: '\f2a1'; } .zmdi-input-svideo:before { content: '\f2a2'; } .zmdi-keyboard-hide:before { content: '\f2a3'; } .zmdi-keyboard:before { content: '\f2a4'; } .zmdi-laptop-chromebook:before { content: '\f2a5'; } .zmdi-laptop-mac:before { content: '\f2a6'; } .zmdi-laptop:before { content: '\f2a7'; } .zmdi-mic-off:before { content: '\f2a8'; } .zmdi-mic-outline:before { content: '\f2a9'; } .zmdi-mic-setting:before { content: '\f2aa'; } .zmdi-mic:before { content: '\f2ab'; } .zmdi-mouse:before { content: '\f2ac'; } .zmdi-network-alert:before { content: '\f2ad'; } .zmdi-network-locked:before { content: '\f2ae'; } .zmdi-network-off:before { content: '\f2af'; } .zmdi-network-outline:before { content: '\f2b0'; } .zmdi-network-setting:before { content: '\f2b1'; } .zmdi-network:before { content: '\f2b2'; } .zmdi-phone-bluetooth:before { content: '\f2b3'; } .zmdi-phone-end:before { content: '\f2b4'; } .zmdi-phone-forwarded:before { content: '\f2b5'; } .zmdi-phone-in-talk:before { content: '\f2b6'; } .zmdi-phone-locked:before { content: '\f2b7'; } .zmdi-phone-missed:before { content: '\f2b8'; } .zmdi-phone-msg:before { content: '\f2b9'; } .zmdi-phone-paused:before { content: '\f2ba'; } .zmdi-phone-ring:before { content: '\f2bb'; } .zmdi-phone-setting:before { content: '\f2bc'; } .zmdi-phone-sip:before { content: '\f2bd'; } .zmdi-phone:before { content: '\f2be'; } .zmdi-portable-wifi-changes:before { content: '\f2bf'; } .zmdi-portable-wifi-off:before { content: '\f2c0'; } .zmdi-portable-wifi:before { content: '\f2c1'; } .zmdi-radio:before { content: '\f2c2'; } .zmdi-reader:before { content: '\f2c3'; } .zmdi-remote-control-alt:before { content: '\f2c4'; } .zmdi-remote-control:before { content: '\f2c5'; } .zmdi-router:before { content: '\f2c6'; } .zmdi-scanner:before { content: '\f2c7'; } .zmdi-smartphone-android:before { content: '\f2c8'; } .zmdi-smartphone-download:before { content: '\f2c9'; } .zmdi-smartphone-erase:before { content: '\f2ca'; } .zmdi-smartphone-info:before { content: '\f2cb'; } .zmdi-smartphone-iphone:before { content: '\f2cc'; } .zmdi-smartphone-landscape-lock:before { content: '\f2cd'; } .zmdi-smartphone-landscape:before { content: '\f2ce'; } .zmdi-smartphone-lock:before { content: '\f2cf'; } .zmdi-smartphone-portrait-lock:before { content: '\f2d0'; } .zmdi-smartphone-ring:before { content: '\f2d1'; } .zmdi-smartphone-setting:before { content: '\f2d2'; } .zmdi-smartphone-setup:before { content: '\f2d3'; } .zmdi-smartphone:before { content: '\f2d4'; } .zmdi-speaker:before { content: '\f2d5'; } .zmdi-tablet-android:before { content: '\f2d6'; } .zmdi-tablet-mac:before { content: '\f2d7'; } .zmdi-tablet:before { content: '\f2d8'; } .zmdi-tv-alt-play:before { content: '\f2d9'; } .zmdi-tv-list:before { content: '\f2da'; } .zmdi-tv-play:before { content: '\f2db'; } .zmdi-tv:before { content: '\f2dc'; } .zmdi-usb:before { content: '\f2dd'; } .zmdi-videocam-off:before { content: '\f2de'; } .zmdi-videocam-switch:before { content: '\f2df'; } .zmdi-videocam:before { content: '\f2e0'; } .zmdi-watch:before { content: '\f2e1'; } .zmdi-wifi-alt-2:before { content: '\f2e2'; } .zmdi-wifi-alt:before { content: '\f2e3'; } .zmdi-wifi-info:before { content: '\f2e4'; } .zmdi-wifi-lock:before { content: '\f2e5'; } .zmdi-wifi-off:before { content: '\f2e6'; } .zmdi-wifi-outline:before { content: '\f2e7'; } .zmdi-wifi:before { content: '\f2e8'; } .zmdi-arrow-left-bottom:before { content: '\f2e9'; } .zmdi-arrow-left:before { content: '\f2ea'; } .zmdi-arrow-merge:before { content: '\f2eb'; } .zmdi-arrow-missed:before { content: '\f2ec'; } .zmdi-arrow-right-top:before { content: '\f2ed'; } .zmdi-arrow-right:before { content: '\f2ee'; } .zmdi-arrow-split:before { content: '\f2ef'; } .zmdi-arrows:before { content: '\f2f0'; } .zmdi-caret-down-circle:before { content: '\f2f1'; } .zmdi-caret-down:before { content: '\f2f2'; } .zmdi-caret-left-circle:before { content: '\f2f3'; } .zmdi-caret-left:before { content: '\f2f4'; } .zmdi-caret-right-circle:before { content: '\f2f5'; } .zmdi-caret-right:before { content: '\f2f6'; } .zmdi-caret-up-circle:before { content: '\f2f7'; } .zmdi-caret-up:before { content: '\f2f8'; } .zmdi-chevron-down:before { content: '\f2f9'; } .zmdi-chevron-left:before { content: '\f2fa'; } .zmdi-chevron-right:before { content: '\f2fb'; } .zmdi-chevron-up:before { content: '\f2fc'; } .zmdi-forward:before { content: '\f2fd'; } .zmdi-long-arrow-down:before { content: '\f2fe'; } .zmdi-long-arrow-left:before { content: '\f2ff'; } .zmdi-long-arrow-return:before { content: '\f300'; } .zmdi-long-arrow-right:before { content: '\f301'; } .zmdi-long-arrow-tab:before { content: '\f302'; } .zmdi-long-arrow-up:before { content: '\f303'; } .zmdi-rotate-ccw:before { content: '\f304'; } .zmdi-rotate-cw:before { content: '\f305'; } .zmdi-rotate-left:before { content: '\f306'; } .zmdi-rotate-right:before { content: '\f307'; } .zmdi-square-down:before { content: '\f308'; } .zmdi-square-right:before { content: '\f309'; } .zmdi-swap-alt:before { content: '\f30a'; } .zmdi-swap-vertical-circle:before { content: '\f30b'; } .zmdi-swap-vertical:before { content: '\f30c'; } .zmdi-swap:before { content: '\f30d'; } .zmdi-trending-down:before { content: '\f30e'; } .zmdi-trending-flat:before { content: '\f30f'; } .zmdi-trending-up:before { content: '\f310'; } .zmdi-unfold-less:before { content: '\f311'; } .zmdi-unfold-more:before { content: '\f312'; } .zmdi-apps:before { content: '\f313'; } .zmdi-grid-off:before { content: '\f314'; } .zmdi-grid:before { content: '\f315'; } .zmdi-view-agenda:before { content: '\f316'; } .zmdi-view-array:before { content: '\f317'; } .zmdi-view-carousel:before { content: '\f318'; } .zmdi-view-column:before { content: '\f319'; } .zmdi-view-comfy:before { content: '\f31a'; } .zmdi-view-compact:before { content: '\f31b'; } .zmdi-view-dashboard:before { content: '\f31c'; } .zmdi-view-day:before { content: '\f31d'; } .zmdi-view-headline:before { content: '\f31e'; } .zmdi-view-list-alt:before { content: '\f31f'; } .zmdi-view-list:before { content: '\f320'; } .zmdi-view-module:before { content: '\f321'; } .zmdi-view-quilt:before { content: '\f322'; } .zmdi-view-stream:before { content: '\f323'; } .zmdi-view-subtitles:before { content: '\f324'; } .zmdi-view-toc:before { content: '\f325'; } .zmdi-view-web:before { content: '\f326'; } .zmdi-view-week:before { content: '\f327'; } .zmdi-widgets:before { content: '\f328'; } .zmdi-alarm-check:before { content: '\f329'; } .zmdi-alarm-off:before { content: '\f32a'; } .zmdi-alarm-plus:before { content: '\f32b'; } .zmdi-alarm-snooze:before { content: '\f32c'; } .zmdi-alarm:before { content: '\f32d'; } .zmdi-calendar-alt:before { content: '\f32e'; } .zmdi-calendar-check:before { content: '\f32f'; } .zmdi-calendar-close:before { content: '\f330'; } .zmdi-calendar-note:before { content: '\f331'; } .zmdi-calendar:before { content: '\f332'; } .zmdi-time-countdown:before { content: '\f333'; } .zmdi-time-interval:before { content: '\f334'; } .zmdi-time-restore-setting:before { content: '\f335'; } .zmdi-time-restore:before { content: '\f336'; } .zmdi-time:before { content: '\f337'; } .zmdi-timer-off:before { content: '\f338'; } .zmdi-timer:before { content: '\f339'; } .zmdi-android-alt:before { content: '\f33a'; } .zmdi-android:before { content: '\f33b'; } .zmdi-apple:before { content: '\f33c'; } .zmdi-behance:before { content: '\f33d'; } .zmdi-codepen:before { content: '\f33e'; } .zmdi-dribbble:before { content: '\f33f'; } .zmdi-dropbox:before { content: '\f340'; } .zmdi-evernote:before { content: '\f341'; } .zmdi-facebook-box:before { content: '\f342'; } .zmdi-facebook:before { content: '\f343'; } .zmdi-github-box:before { content: '\f344'; } .zmdi-github:before { content: '\f345'; } .zmdi-google-drive:before { content: '\f346'; } .zmdi-google-earth:before { content: '\f347'; } .zmdi-google-glass:before { content: '\f348'; } .zmdi-google-maps:before { content: '\f349'; } .zmdi-google-pages:before { content: '\f34a'; } .zmdi-google-play:before { content: '\f34b'; } .zmdi-google-plus-box:before { content: '\f34c'; } .zmdi-google-plus:before { content: '\f34d'; } .zmdi-google:before { content: '\f34e'; } .zmdi-instagram:before { content: '\f34f'; } .zmdi-language-css3:before { content: '\f350'; } .zmdi-language-html5:before { content: '\f351'; } .zmdi-language-javascript:before { content: '\f352'; } .zmdi-language-python-alt:before { content: '\f353'; } .zmdi-language-python:before { content: '\f354'; } .zmdi-lastfm:before { content: '\f355'; } .zmdi-linkedin-box:before { content: '\f356'; } .zmdi-paypal:before { content: '\f357'; } .zmdi-pinterest-box:before { content: '\f358'; } .zmdi-pocket:before { content: '\f359'; } .zmdi-polymer:before { content: '\f35a'; } .zmdi-share:before { content: '\f35b'; } .zmdi-stackoverflow:before { content: '\f35c'; } .zmdi-steam-square:before { content: '\f35d'; } .zmdi-steam:before { content: '\f35e'; } .zmdi-twitter-box:before { content: '\f35f'; } .zmdi-twitter:before { content: '\f360'; } .zmdi-vk:before { content: '\f361'; } .zmdi-wikipedia:before { content: '\f362'; } .zmdi-windows:before { content: '\f363'; } .zmdi-aspect-ratio-alt:before { content: '\f364'; } .zmdi-aspect-ratio:before { content: '\f365'; } .zmdi-blur-circular:before { content: '\f366'; } .zmdi-blur-linear:before { content: '\f367'; } .zmdi-blur-off:before { content: '\f368'; } .zmdi-blur:before { content: '\f369'; } .zmdi-brightness-2:before { content: '\f36a'; } .zmdi-brightness-3:before { content: '\f36b'; } .zmdi-brightness-4:before { content: '\f36c'; } .zmdi-brightness-5:before { content: '\f36d'; } .zmdi-brightness-6:before { content: '\f36e'; } .zmdi-brightness-7:before { content: '\f36f'; } .zmdi-brightness-auto:before { content: '\f370'; } .zmdi-brightness-setting:before { content: '\f371'; } .zmdi-broken-image:before { content: '\f372'; } .zmdi-center-focus-strong:before { content: '\f373'; } .zmdi-center-focus-weak:before { content: '\f374'; } .zmdi-compare:before { content: '\f375'; } .zmdi-crop-16-9:before { content: '\f376'; } .zmdi-crop-3-2:before { content: '\f377'; } .zmdi-crop-5-4:before { content: '\f378'; } .zmdi-crop-7-5:before { content: '\f379'; } .zmdi-crop-din:before { content: '\f37a'; } .zmdi-crop-free:before { content: '\f37b'; } .zmdi-crop-landscape:before { content: '\f37c'; } .zmdi-crop-portrait:before { content: '\f37d'; } .zmdi-crop-square:before { content: '\f37e'; } .zmdi-exposure-alt:before { content: '\f37f'; } .zmdi-exposure:before { content: '\f380'; } .zmdi-filter-b-and-w:before { content: '\f381'; } .zmdi-filter-center-focus:before { content: '\f382'; } .zmdi-filter-frames:before { content: '\f383'; } .zmdi-filter-tilt-shift:before { content: '\f384'; } .zmdi-gradient:before { content: '\f385'; } .zmdi-grain:before { content: '\f386'; } .zmdi-graphic-eq:before { content: '\f387'; } .zmdi-hdr-off:before { content: '\f388'; } .zmdi-hdr-strong:before { content: '\f389'; } .zmdi-hdr-weak:before { content: '\f38a'; } .zmdi-hdr:before { content: '\f38b'; } .zmdi-iridescent:before { content: '\f38c'; } .zmdi-leak-off:before { content: '\f38d'; } .zmdi-leak:before { content: '\f38e'; } .zmdi-looks:before { content: '\f38f'; } .zmdi-loupe:before { content: '\f390'; } .zmdi-panorama-horizontal:before { content: '\f391'; } .zmdi-panorama-vertical:before { content: '\f392'; } .zmdi-panorama-wide-angle:before { content: '\f393'; } .zmdi-photo-size-select-large:before { content: '\f394'; } .zmdi-photo-size-select-small:before { content: '\f395'; } .zmdi-picture-in-picture:before { content: '\f396'; } .zmdi-slideshow:before { content: '\f397'; } .zmdi-texture:before { content: '\f398'; } .zmdi-tonality:before { content: '\f399'; } .zmdi-vignette:before { content: '\f39a'; } .zmdi-wb-auto:before { content: '\f39b'; } .zmdi-eject-alt:before { content: '\f39c'; } .zmdi-eject:before { content: '\f39d'; } .zmdi-equalizer:before { content: '\f39e'; } .zmdi-fast-forward:before { content: '\f39f'; } .zmdi-fast-rewind:before { content: '\f3a0'; } .zmdi-forward-10:before { content: '\f3a1'; } .zmdi-forward-30:before { content: '\f3a2'; } .zmdi-forward-5:before { content: '\f3a3'; } .zmdi-hearing:before { content: '\f3a4'; } .zmdi-pause-circle-outline:before { content: '\f3a5'; } .zmdi-pause-circle:before { content: '\f3a6'; } .zmdi-pause:before { content: '\f3a7'; } .zmdi-play-circle-outline:before { content: '\f3a8'; } .zmdi-play-circle:before { content: '\f3a9'; } .zmdi-play:before { content: '\f3aa'; } .zmdi-playlist-audio:before { content: '\f3ab'; } .zmdi-playlist-plus:before { content: '\f3ac'; } .zmdi-repeat-one:before { content: '\f3ad'; } .zmdi-repeat:before { content: '\f3ae'; } .zmdi-replay-10:before { content: '\f3af'; } .zmdi-replay-30:before { content: '\f3b0'; } .zmdi-replay-5:before { content: '\f3b1'; } .zmdi-replay:before { content: '\f3b2'; } .zmdi-shuffle:before { content: '\f3b3'; } .zmdi-skip-next:before { content: '\f3b4'; } .zmdi-skip-previous:before { content: '\f3b5'; } .zmdi-stop:before { content: '\f3b6'; } .zmdi-surround-sound:before { content: '\f3b7'; } .zmdi-tune:before { content: '\f3b8'; } .zmdi-volume-down:before { content: '\f3b9'; } .zmdi-volume-mute:before { content: '\f3ba'; } .zmdi-volume-off:before { content: '\f3bb'; } .zmdi-volume-up:before { content: '\f3bc'; } .zmdi-n-1-square:before { content: '\f3bd'; } .zmdi-n-2-square:before { content: '\f3be'; } .zmdi-n-3-square:before { content: '\f3bf'; } .zmdi-n-4-square:before { content: '\f3c0'; } .zmdi-n-5-square:before { content: '\f3c1'; } .zmdi-n-6-square:before { content: '\f3c2'; } .zmdi-neg-1:before { content: '\f3c3'; } .zmdi-neg-2:before { content: '\f3c4'; } .zmdi-plus-1:before { content: '\f3c5'; } .zmdi-plus-2:before { content: '\f3c6'; } .zmdi-sec-10:before { content: '\f3c7'; } .zmdi-sec-3:before { content: '\f3c8'; } .zmdi-zero:before { content: '\f3c9'; } .zmdi-airline-seat-flat-angled:before { content: '\f3ca'; } .zmdi-airline-seat-flat:before { content: '\f3cb'; } .zmdi-airline-seat-individual-suite:before { content: '\f3cc'; } .zmdi-airline-seat-legroom-extra:before { content: '\f3cd'; } .zmdi-airline-seat-legroom-normal:before { content: '\f3ce'; } .zmdi-airline-seat-legroom-reduced:before { content: '\f3cf'; } .zmdi-airline-seat-recline-extra:before { content: '\f3d0'; } .zmdi-airline-seat-recline-normal:before { content: '\f3d1'; } .zmdi-airplay:before { content: '\f3d2'; } .zmdi-closed-caption:before { content: '\f3d3'; } .zmdi-confirmation-number:before { content: '\f3d4'; } .zmdi-developer-board:before { content: '\f3d5'; } .zmdi-disc-full:before { content: '\f3d6'; } .zmdi-explicit:before { content: '\f3d7'; } .zmdi-flight-land:before { content: '\f3d8'; } .zmdi-flight-takeoff:before { content: '\f3d9'; } .zmdi-flip-to-back:before { content: '\f3da'; } .zmdi-flip-to-front:before { content: '\f3db'; } .zmdi-group-work:before { content: '\f3dc'; } .zmdi-hd:before { content: '\f3dd'; } .zmdi-hq:before { content: '\f3de'; } .zmdi-markunread-mailbox:before { content: '\f3df'; } .zmdi-memory:before { content: '\f3e0'; } .zmdi-nfc:before { content: '\f3e1'; } .zmdi-play-for-work:before { content: '\f3e2'; } .zmdi-power-input:before { content: '\f3e3'; } .zmdi-present-to-all:before { content: '\f3e4'; } .zmdi-satellite:before { content: '\f3e5'; } .zmdi-tap-and-play:before { content: '\f3e6'; } .zmdi-vibration:before { content: '\f3e7'; } .zmdi-voicemail:before { content: '\f3e8'; } .zmdi-group:before { content: '\f3e9'; } .zmdi-rss:before { content: '\f3ea'; } .zmdi-shape:before { content: '\f3eb'; } .zmdi-spinner:before { content: '\f3ec'; } .zmdi-ungroup:before { content: '\f3ed'; } .zmdi-500px:before { content: '\f3ee'; } .zmdi-8tracks:before { content: '\f3ef'; } .zmdi-amazon:before { content: '\f3f0'; } .zmdi-blogger:before { content: '\f3f1'; } .zmdi-delicious:before { content: '\f3f2'; } .zmdi-disqus:before { content: '\f3f3'; } .zmdi-flattr:before { content: '\f3f4'; } .zmdi-flickr:before { content: '\f3f5'; } .zmdi-github-alt:before { content: '\f3f6'; } .zmdi-google-old:before { content: '\f3f7'; } .zmdi-linkedin:before { content: '\f3f8'; } .zmdi-odnoklassniki:before { content: '\f3f9'; } .zmdi-outlook:before { content: '\f3fa'; } .zmdi-paypal-alt:before { content: '\f3fb'; } .zmdi-pinterest:before { content: '\f3fc'; } .zmdi-playstation:before { content: '\f3fd'; } .zmdi-reddit:before { content: '\f3fe'; } .zmdi-skype:before { content: '\f3ff'; } .zmdi-slideshare:before { content: '\f400'; } .zmdi-soundcloud:before { content: '\f401'; } .zmdi-tumblr:before { content: '\f402'; } .zmdi-twitch:before { content: '\f403'; } .zmdi-vimeo:before { content: '\f404'; } .zmdi-whatsapp:before { content: '\f405'; } .zmdi-xbox:before { content: '\f406'; } .zmdi-yahoo:before { content: '\f407'; } .zmdi-youtube-play:before { content: '\f408'; } .zmdi-youtube:before { content: '\f409'; } .zmdi-import-export:before { content: '\f30c'; } .zmdi-swap-vertical-:before { content: '\f30c'; } .zmdi-airplanemode-inactive:before { content: '\f102'; } .zmdi-airplanemode-active:before { content: '\f103'; } .zmdi-rate-review:before { content: '\f103'; } .zmdi-comment-sign:before { content: '\f25a'; } .zmdi-network-warning:before { content: '\f2ad'; } .zmdi-shopping-cart-add:before { content: '\f1ca'; } .zmdi-file-add:before { content: '\f221'; } .zmdi-network-wifi-scan:before { content: '\f2e4'; } .zmdi-collection-add:before { content: '\f14e'; } .zmdi-format-playlist-add:before { content: '\f3ac'; } .zmdi-format-queue-music:before { content: '\f3ab'; } .zmdi-plus-box:before { content: '\f277'; } .zmdi-tag-backspace:before { content: '\f1d9'; } .zmdi-alarm-add:before { content: '\f32b'; } .zmdi-battery-charging:before { content: '\f114'; } .zmdi-daydream-setting:before { content: '\f217'; } .zmdi-more-horiz:before { content: '\f19c'; } .zmdi-book-photo:before { content: '\f11b'; } .zmdi-incandescent:before { content: '\f189'; } .zmdi-wb-iridescent:before { content: '\f38c'; } .zmdi-calendar-remove:before { content: '\f330'; } .zmdi-refresh-sync-disabled:before { content: '\f1b7'; } .zmdi-refresh-sync-problem:before { content: '\f1b6'; } .zmdi-crop-original:before { content: '\f17e'; } .zmdi-power-off:before { content: '\f1af'; } .zmdi-power-off-setting:before { content: '\f1ae'; } .zmdi-leak-remove:before { content: '\f38d'; } .zmdi-star-border:before { content: '\f27c'; } .zmdi-brightness-low:before { content: '\f36d'; } .zmdi-brightness-medium:before { content: '\f36e'; } .zmdi-brightness-high:before { content: '\f36f'; } .zmdi-smartphone-portrait:before { content: '\f2d4'; } .zmdi-live-tv:before { content: '\f2d9'; } .zmdi-format-textdirection-l-to-r:before { content: '\f249'; } .zmdi-format-textdirection-r-to-l:before { content: '\f24a'; } .zmdi-arrow-back:before { content: '\f2ea'; } .zmdi-arrow-forward:before { content: '\f2ee'; } .zmdi-arrow-in:before { content: '\f2e9'; } .zmdi-arrow-out:before { content: '\f2ed'; } .zmdi-rotate-90-degrees-ccw:before { content: '\f304'; } .zmdi-adb:before { content: '\f33a'; } .zmdi-network-wifi:before { content: '\f2e8'; } .zmdi-network-wifi-alt:before { content: '\f2e3'; } .zmdi-network-wifi-lock:before { content: '\f2e5'; } .zmdi-network-wifi-off:before { content: '\f2e6'; } .zmdi-network-wifi-outline:before { content: '\f2e7'; } .zmdi-network-wifi-info:before { content: '\f2e4'; } .zmdi-layers-clear:before { content: '\f18b'; } .zmdi-colorize:before { content: '\f15d'; } .zmdi-format-paint:before { content: '\f1ba'; } .zmdi-format-quote:before { content: '\f1b2'; } .zmdi-camera-monochrome-photos:before { content: '\f285'; } .zmdi-sort-by-alpha:before { content: '\f1cf'; } .zmdi-folder-shared:before { content: '\f225'; } .zmdi-folder-special:before { content: '\f226'; } .zmdi-comment-dots:before { content: '\f260'; } .zmdi-reorder:before { content: '\f31e'; } .zmdi-dehaze:before { content: '\f197'; } .zmdi-sort:before { content: '\f1ce'; } .zmdi-pages:before { content: '\f34a'; } .zmdi-stack-overflow:before { content: '\f35c'; } .zmdi-calendar-account:before { content: '\f204'; } .zmdi-paste:before { content: '\f109'; } .zmdi-cut:before { content: '\f1bc'; } .zmdi-save:before { content: '\f297'; } .zmdi-smartphone-code:before { content: '\f139'; } .zmdi-directions-bike:before { content: '\f117'; } .zmdi-directions-boat:before { content: '\f11a'; } .zmdi-directions-bus:before { content: '\f121'; } .zmdi-directions-car:before { content: '\f125'; } .zmdi-directions-railway:before { content: '\f1b3'; } .zmdi-directions-run:before { content: '\f215'; } .zmdi-directions-subway:before { content: '\f1d5'; } .zmdi-directions-walk:before { content: '\f216'; } .zmdi-local-hotel:before { content: '\f178'; } .zmdi-local-activity:before { content: '\f1df'; } .zmdi-local-play:before { content: '\f1df'; } .zmdi-local-airport:before { content: '\f103'; } .zmdi-local-atm:before { content: '\f198'; } .zmdi-local-bar:before { content: '\f137'; } .zmdi-local-cafe:before { content: '\f13b'; } .zmdi-local-car-wash:before { content: '\f124'; } .zmdi-local-convenience-store:before { content: '\f1d3'; } .zmdi-local-dining:before { content: '\f153'; } .zmdi-local-drink:before { content: '\f157'; } .zmdi-local-florist:before { content: '\f168'; } .zmdi-local-gas-station:before { content: '\f16f'; } .zmdi-local-grocery-store:before { content: '\f1cb'; } .zmdi-local-hospital:before { content: '\f177'; } .zmdi-local-laundry-service:before { content: '\f1e9'; } .zmdi-local-library:before { content: '\f18d'; } .zmdi-local-mall:before { content: '\f195'; } .zmdi-local-movies:before { content: '\f19d'; } .zmdi-local-offer:before { content: '\f187'; } .zmdi-local-parking:before { content: '\f1a5'; } .zmdi-local-parking:before { content: '\f1a5'; } .zmdi-local-pharmacy:before { content: '\f176'; } .zmdi-local-phone:before { content: '\f2be'; } .zmdi-local-pizza:before { content: '\f1ac'; } .zmdi-local-post-office:before { content: '\f15a'; } .zmdi-local-printshop:before { content: '\f1b0'; } .zmdi-local-see:before { content: '\f28c'; } .zmdi-local-shipping:before { content: '\f1e6'; } .zmdi-local-store:before { content: '\f1d4'; } .zmdi-local-taxi:before { content: '\f123'; } .zmdi-local-wc:before { content: '\f211'; } .zmdi-my-location:before { content: '\f299'; } .zmdi-directions:before { content: '\f1e7'; } .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, 0.2); background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); -moz-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); -o-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); } .waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .waves-button, .waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%); } .waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; } .waves-button-input { margin: 0; padding: 0.85em 1.1em; } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper.waves-button { padding: 0; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; } .waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } .waves-block { display: block; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .navbar { font-family: "Work Sans", sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); border: none; position: fixed; top: 0; left: 0; z-index: 15; width: 100%; } .navbar .col-12 { padding: 0; } .navbar .navbar-brand { white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .navbar .navbar-header { line-height: 1; padding: 10px 0; } .navbar .navbar-header .bars { float: left; text-decoration: none; } .navbar .navbar-nav { float: right; } .navbar .navbar-nav > li > a { padding: 11px 15px; } .navbar .navbar-nav .dropdown-toggle:after { display: none; } .navbar .navbar-nav .dropdown-menu { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; right: 0; left: auto; } .navbar .navbar-nav .dropdown-menu ul.menu li { border: none; } .navbar .navbar-nav .dropdown-menu .footer { padding: 10px 15px; border-top: 1px solid #eeeeee; } .navbar .navbar-nav .dropdown-menu .footer a { border: none; } .ls-closed .sidebar { margin-left: -300px; } .ls-closed section.content { margin-left: 0px; } .ls-closed .bars:after, .ls-closed .bars:before { font-family: 'Material Icons'; font-size: 24px; position: absolute; top: 9px; left: 0px; margin-right: 10px; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .ls-closed .bars:before { content: '\E5D2'; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .ls-closed .bars:after { content: '\E5C4'; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .ls-closed .navbar .navbar-brand { margin-left: 30px; } .overlay-open .bars:before { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .overlay-open .bars:after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .label-count { position: absolute; top: 2px; right: 6px; font-size: 10px; line-height: 15px; background-color: #000000; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus { color: #ffffff; } .col-red .navbar .nav > li > a:hover, .col-red .navbar .nav > li > a:focus, .col-red .navbar .nav .open > a, .col-red .navbar .nav .open > a:hover, .col-red .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-red .navbar .nav > li > a { color: #ffffff; } .col-red .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-red .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus { color: #ffffff; } .col-pink .navbar .nav > li > a:hover, .col-pink .navbar .nav > li > a:focus, .col-pink .navbar .nav .open > a, .col-pink .navbar .nav .open > a:hover, .col-pink .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-pink .navbar .nav > li > a { color: #ffffff; } .col-pink .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-pink .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus { color: #ffffff; } .col-purple .navbar .nav > li > a:hover, .col-purple .navbar .nav > li > a:focus, .col-purple .navbar .nav .open > a, .col-purple .navbar .nav .open > a:hover, .col-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-purple .navbar .nav > li > a { color: #ffffff; } .col-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-deep-purple .navbar .navbar-brand, .col-deep-purple .navbar .navbar-brand:hover, .col-deep-purple .navbar .navbar-brand:active, .col-deep-purple .navbar .navbar-brand:focus { color: #ffffff; } .col-deep-purple .navbar .nav > li > a:hover, .col-deep-purple .navbar .nav > li > a:focus, .col-deep-purple .navbar .nav .open > a, .col-deep-purple .navbar .nav .open > a:hover, .col-deep-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-deep-purple .navbar .nav > li > a { color: #ffffff; } .col-deep-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-deep-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus { color: #ffffff; } .col-blue .navbar .nav > li > a:hover, .col-blue .navbar .nav > li > a:focus, .col-blue .navbar .nav .open > a, .col-blue .navbar .nav .open > a:hover, .col-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue .navbar .nav > li > a { color: #ffffff; } .col-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus { color: #ffffff; } .col-cyan .navbar .nav > li > a:hover, .col-cyan .navbar .nav > li > a:focus, .col-cyan .navbar .nav .open > a, .col-cyan .navbar .nav .open > a:hover, .col-cyan .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-cyan .navbar .nav > li > a { color: #ffffff; } .col-cyan .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-cyan .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus { color: #ffffff; } .col-green .navbar .nav > li > a:hover, .col-green .navbar .nav > li > a:focus, .col-green .navbar .nav .open > a, .col-green .navbar .nav .open > a:hover, .col-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-green .navbar .nav > li > a { color: #ffffff; } .col-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-light-green .navbar .navbar-brand, .col-light-green .navbar .navbar-brand:hover, .col-light-green .navbar .navbar-brand:active, .col-light-green .navbar .navbar-brand:focus { color: #ffffff; } .col-light-green .navbar .nav > li > a:hover, .col-light-green .navbar .nav > li > a:focus, .col-light-green .navbar .nav .open > a, .col-light-green .navbar .nav .open > a:hover, .col-light-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-light-green .navbar .nav > li > a { color: #ffffff; } .col-light-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-light-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus { color: #ffffff; } .col-yellow .navbar .nav > li > a:hover, .col-yellow .navbar .nav > li > a:focus, .col-yellow .navbar .nav .open > a, .col-yellow .navbar .nav .open > a:hover, .col-yellow .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-yellow .navbar .nav > li > a { color: #ffffff; } .col-yellow .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-yellow .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus { color: #ffffff; } .col-orange .navbar .nav > li > a:hover, .col-orange .navbar .nav > li > a:focus, .col-orange .navbar .nav .open > a, .col-orange .navbar .nav .open > a:hover, .col-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-orange .navbar .nav > li > a { color: #ffffff; } .col-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-deep-orange .navbar .navbar-brand, .col-deep-orange .navbar .navbar-brand:hover, .col-deep-orange .navbar .navbar-brand:active, .col-deep-orange .navbar .navbar-brand:focus { color: #ffffff; } .col-deep-orange .navbar .nav > li > a:hover, .col-deep-orange .navbar .nav > li > a:focus, .col-deep-orange .navbar .nav .open > a, .col-deep-orange .navbar .nav .open > a:hover, .col-deep-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-deep-orange .navbar .nav > li > a { color: #ffffff; } .col-deep-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-deep-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-grey .navbar .navbar-brand, .col-grey .navbar .navbar-brand:hover, .col-grey .navbar .navbar-brand:active, .col-grey .navbar .navbar-brand:focus { color: #ffffff; } .col-grey .navbar .nav > li > a:hover, .col-grey .navbar .nav > li > a:focus, .col-grey .navbar .nav .open > a, .col-grey .navbar .nav .open > a:hover, .col-grey .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-grey .navbar .nav > li > a { color: #ffffff; } .col-grey .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-grey .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-blue-grey .navbar .navbar-brand, .col-blue-grey .navbar .navbar-brand:hover, .col-blue-grey .navbar .navbar-brand:active, .col-blue-grey .navbar .navbar-brand:focus { color: #ffffff; } .col-blue-grey .navbar .nav > li > a:hover, .col-blue-grey .navbar .nav > li > a:focus, .col-blue-grey .navbar .nav .open > a, .col-blue-grey .navbar .nav .open > a:hover, .col-blue-grey .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue-grey .navbar .nav > li > a { color: #ffffff; } .col-blue-grey .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue-grey .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus { color: #ffffff; } .col-indigo .navbar .nav > li > a:hover, .col-indigo .navbar .nav > li > a:focus, .col-indigo .navbar .nav .open > a, .col-indigo .navbar .nav .open > a:hover, .col-indigo .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-indigo .navbar .nav > li > a { color: #ffffff; } .col-indigo .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-indigo .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-light-blue .navbar .navbar-brand, .col-light-blue .navbar .navbar-brand:hover, .col-light-blue .navbar .navbar-brand:active, .col-light-blue .navbar .navbar-brand:focus { color: #ffffff; } .col-light-blue .navbar .nav > li > a:hover, .col-light-blue .navbar .nav > li > a:focus, .col-light-blue .navbar .nav .open > a, .col-light-blue .navbar .nav .open > a:hover, .col-light-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-light-blue .navbar .nav > li > a { color: #ffffff; } .col-light-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-light-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus { color: #ffffff; } .col-teal .navbar .nav > li > a:hover, .col-teal .navbar .nav > li > a:focus, .col-teal .navbar .nav .open > a, .col-teal .navbar .nav .open > a:hover, .col-teal .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-teal .navbar .nav > li > a { color: #ffffff; } .col-teal .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-teal .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-lime .navbar .navbar-brand, .col-lime .navbar .navbar-brand:hover, .col-lime .navbar .navbar-brand:active, .col-lime .navbar .navbar-brand:focus { color: #ffffff; } .col-lime .navbar .nav > li > a:hover, .col-lime .navbar .nav > li > a:focus, .col-lime .navbar .nav .open > a, .col-lime .navbar .nav .open > a:hover, .col-lime .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-lime .navbar .nav > li > a { color: #ffffff; } .col-lime .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-lime .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-amber .navbar .navbar-brand, .col-amber .navbar .navbar-brand:hover, .col-amber .navbar .navbar-brand:active, .col-amber .navbar .navbar-brand:focus { color: #ffffff; } .col-amber .navbar .nav > li > a:hover, .col-amber .navbar .nav > li > a:focus, .col-amber .navbar .nav .open > a, .col-amber .navbar .nav .open > a:hover, .col-amber .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-amber .navbar .nav > li > a { color: #ffffff; } .col-amber .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-amber .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-brown .navbar .navbar-brand, .col-brown .navbar .navbar-brand:hover, .col-brown .navbar .navbar-brand:active, .col-brown .navbar .navbar-brand:focus { color: #ffffff; } .col-brown .navbar .nav > li > a:hover, .col-brown .navbar .nav > li > a:focus, .col-brown .navbar .nav .open > a, .col-brown .navbar .nav .open > a:hover, .col-brown .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-brown .navbar .nav > li > a { color: #ffffff; } .col-brown .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-brown .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-blush .navbar .navbar-brand, .col-blush .navbar .navbar-brand:hover, .col-blush .navbar .navbar-brand:active, .col-blush .navbar .navbar-brand:focus { color: #ffffff; } .col-blush .navbar .nav > li > a:hover, .col-blush .navbar .nav > li > a:focus, .col-blush .navbar .nav .open > a, .col-blush .navbar .nav .open > a:hover, .col-blush .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blush .navbar .nav > li > a { color: #ffffff; } .col-blush .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blush .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:hover, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus { color: #ffffff; } .col-black .navbar .nav > li > a:hover, .col-black .navbar .nav > li > a:focus, .col-black .navbar .nav .open > a, .col-black .navbar .nav .open > a:hover, .col-black .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-black .navbar .nav > li > a { color: #ffffff; } .col-black .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-black .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus { color: #ffffff; } .col-white .navbar .nav > li > a:hover, .col-white .navbar .nav > li > a:focus, .col-white .navbar .nav .open > a, .col-white .navbar .nav .open > a:hover, .col-white .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-white .navbar .nav > li > a { color: #ffffff; } .col-white .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-white .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .navbar .navbar-nav .dropdown-menu { right: -70px; } } .page-loader-wrapper { z-index: 99999999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #eee; overflow: hidden; text-align: center; } .page-loader-wrapper p { font-size: 13px; margin-top: 10px; font-weight: bold; color: #444; } .page-loader-wrapper .loader { position: relative; top: calc(50% - 30px); } .navbar { font-family: "Work Sans", sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); border: none; position: fixed; top: 0; left: 0; z-index: 15; width: 100%; } .navbar .col-12 { padding: 0; } .navbar .navbar-brand { white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .navbar .navbar-header { line-height: 1; padding: 10px 0; } .navbar .navbar-header .bars { float: left; text-decoration: none; } .navbar .navbar-nav { float: right; } .navbar .navbar-nav > li > a { padding: 11px 15px; } .navbar .navbar-nav .dropdown-toggle:after { display: none; } .navbar .navbar-nav .dropdown-menu { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; right: 0; left: auto; } .navbar .navbar-nav .dropdown-menu ul.menu li { border: none; } .navbar .navbar-nav .dropdown-menu .footer { padding: 10px 15px; border-top: 1px solid #eeeeee; } .navbar .navbar-nav .dropdown-menu .footer a { border: none; } .ls-closed .sidebar { margin-left: -300px; } .ls-closed section.content { margin-left: 0px; } .ls-closed .bars:after, .ls-closed .bars:before { font-family: 'Material Icons'; font-size: 24px; position: absolute; top: 9px; left: 0px; margin-right: 10px; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .ls-closed .bars:before { content: '\E5D2'; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .ls-closed .bars:after { content: '\E5C4'; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .ls-closed .navbar .navbar-brand { margin-left: 30px; } .overlay-open .bars:before { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .overlay-open .bars:after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .label-count { position: absolute; top: 2px; right: 6px; font-size: 10px; line-height: 15px; background-color: #000000; padding: 0 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus { color: #ffffff; } .col-red .navbar .nav > li > a:hover, .col-red .navbar .nav > li > a:focus, .col-red .navbar .nav .open > a, .col-red .navbar .nav .open > a:hover, .col-red .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-red .navbar .nav > li > a { color: #ffffff; } .col-red .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-red .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus { color: #ffffff; } .col-pink .navbar .nav > li > a:hover, .col-pink .navbar .nav > li > a:focus, .col-pink .navbar .nav .open > a, .col-pink .navbar .nav .open > a:hover, .col-pink .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-pink .navbar .nav > li > a { color: #ffffff; } .col-pink .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-pink .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus { color: #ffffff; } .col-purple .navbar .nav > li > a:hover, .col-purple .navbar .nav > li > a:focus, .col-purple .navbar .nav .open > a, .col-purple .navbar .nav .open > a:hover, .col-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-purple .navbar .nav > li > a { color: #ffffff; } .col-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-deep-purple .navbar .navbar-brand, .col-deep-purple .navbar .navbar-brand:hover, .col-deep-purple .navbar .navbar-brand:active, .col-deep-purple .navbar .navbar-brand:focus { color: #ffffff; } .col-deep-purple .navbar .nav > li > a:hover, .col-deep-purple .navbar .nav > li > a:focus, .col-deep-purple .navbar .nav .open > a, .col-deep-purple .navbar .nav .open > a:hover, .col-deep-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-deep-purple .navbar .nav > li > a { color: #ffffff; } .col-deep-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-deep-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus { color: #ffffff; } .col-blue .navbar .nav > li > a:hover, .col-blue .navbar .nav > li > a:focus, .col-blue .navbar .nav .open > a, .col-blue .navbar .nav .open > a:hover, .col-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue .navbar .nav > li > a { color: #ffffff; } .col-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus { color: #ffffff; } .col-cyan .navbar .nav > li > a:hover, .col-cyan .navbar .nav > li > a:focus, .col-cyan .navbar .nav .open > a, .col-cyan .navbar .nav .open > a:hover, .col-cyan .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-cyan .navbar .nav > li > a { color: #ffffff; } .col-cyan .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-cyan .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus { color: #ffffff; } .col-green .navbar .nav > li > a:hover, .col-green .navbar .nav > li > a:focus, .col-green .navbar .nav .open > a, .col-green .navbar .nav .open > a:hover, .col-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-green .navbar .nav > li > a { color: #ffffff; } .col-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-light-green .navbar .navbar-brand, .col-light-green .navbar .navbar-brand:hover, .col-light-green .navbar .navbar-brand:active, .col-light-green .navbar .navbar-brand:focus { color: #ffffff; } .col-light-green .navbar .nav > li > a:hover, .col-light-green .navbar .nav > li > a:focus, .col-light-green .navbar .nav .open > a, .col-light-green .navbar .nav .open > a:hover, .col-light-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-light-green .navbar .nav > li > a { color: #ffffff; } .col-light-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-light-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus { color: #ffffff; } .col-yellow .navbar .nav > li > a:hover, .col-yellow .navbar .nav > li > a:focus, .col-yellow .navbar .nav .open > a, .col-yellow .navbar .nav .open > a:hover, .col-yellow .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-yellow .navbar .nav > li > a { color: #ffffff; } .col-yellow .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-yellow .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus { color: #ffffff; } .col-orange .navbar .nav > li > a:hover, .col-orange .navbar .nav > li > a:focus, .col-orange .navbar .nav .open > a, .col-orange .navbar .nav .open > a:hover, .col-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-orange .navbar .nav > li > a { color: #ffffff; } .col-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-deep-orange .navbar .navbar-brand, .col-deep-orange .navbar .navbar-brand:hover, .col-deep-orange .navbar .navbar-brand:active, .col-deep-orange .navbar .navbar-brand:focus { color: #ffffff; } .col-deep-orange .navbar .nav > li > a:hover, .col-deep-orange .navbar .nav > li > a:focus, .col-deep-orange .navbar .nav .open > a, .col-deep-orange .navbar .nav .open > a:hover, .col-deep-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-deep-orange .navbar .nav > li > a { color: #ffffff; } .col-deep-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-deep-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-grey .navbar .navbar-brand, .col-grey .navbar .navbar-brand:hover, .col-grey .navbar .navbar-brand:active, .col-grey .navbar .navbar-brand:focus { color: #ffffff; } .col-grey .navbar .nav > li > a:hover, .col-grey .navbar .nav > li > a:focus, .col-grey .navbar .nav .open > a, .col-grey .navbar .nav .open > a:hover, .col-grey .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-grey .navbar .nav > li > a { color: #ffffff; } .col-grey .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-grey .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-blue-grey .navbar .navbar-brand, .col-blue-grey .navbar .navbar-brand:hover, .col-blue-grey .navbar .navbar-brand:active, .col-blue-grey .navbar .navbar-brand:focus { color: #ffffff; } .col-blue-grey .navbar .nav > li > a:hover, .col-blue-grey .navbar .nav > li > a:focus, .col-blue-grey .navbar .nav .open > a, .col-blue-grey .navbar .nav .open > a:hover, .col-blue-grey .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue-grey .navbar .nav > li > a { color: #ffffff; } .col-blue-grey .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue-grey .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus { color: #ffffff; } .col-indigo .navbar .nav > li > a:hover, .col-indigo .navbar .nav > li > a:focus, .col-indigo .navbar .nav .open > a, .col-indigo .navbar .nav .open > a:hover, .col-indigo .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-indigo .navbar .nav > li > a { color: #ffffff; } .col-indigo .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-indigo .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-light-blue .navbar .navbar-brand, .col-light-blue .navbar .navbar-brand:hover, .col-light-blue .navbar .navbar-brand:active, .col-light-blue .navbar .navbar-brand:focus { color: #ffffff; } .col-light-blue .navbar .nav > li > a:hover, .col-light-blue .navbar .nav > li > a:focus, .col-light-blue .navbar .nav .open > a, .col-light-blue .navbar .nav .open > a:hover, .col-light-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-light-blue .navbar .nav > li > a { color: #ffffff; } .col-light-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-light-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus { color: #ffffff; } .col-teal .navbar .nav > li > a:hover, .col-teal .navbar .nav > li > a:focus, .col-teal .navbar .nav .open > a, .col-teal .navbar .nav .open > a:hover, .col-teal .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-teal .navbar .nav > li > a { color: #ffffff; } .col-teal .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-teal .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-lime .navbar .navbar-brand, .col-lime .navbar .navbar-brand:hover, .col-lime .navbar .navbar-brand:active, .col-lime .navbar .navbar-brand:focus { color: #ffffff; } .col-lime .navbar .nav > li > a:hover, .col-lime .navbar .nav > li > a:focus, .col-lime .navbar .nav .open > a, .col-lime .navbar .nav .open > a:hover, .col-lime .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-lime .navbar .nav > li > a { color: #ffffff; } .col-lime .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-lime .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-amber .navbar .navbar-brand, .col-amber .navbar .navbar-brand:hover, .col-amber .navbar .navbar-brand:active, .col-amber .navbar .navbar-brand:focus { color: #ffffff; } .col-amber .navbar .nav > li > a:hover, .col-amber .navbar .nav > li > a:focus, .col-amber .navbar .nav .open > a, .col-amber .navbar .nav .open > a:hover, .col-amber .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-amber .navbar .nav > li > a { color: #ffffff; } .col-amber .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-amber .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-brown .navbar .navbar-brand, .col-brown .navbar .navbar-brand:hover, .col-brown .navbar .navbar-brand:active, .col-brown .navbar .navbar-brand:focus { color: #ffffff; } .col-brown .navbar .nav > li > a:hover, .col-brown .navbar .nav > li > a:focus, .col-brown .navbar .nav .open > a, .col-brown .navbar .nav .open > a:hover, .col-brown .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-brown .navbar .nav > li > a { color: #ffffff; } .col-brown .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-brown .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-blush .navbar .navbar-brand, .col-blush .navbar .navbar-brand:hover, .col-blush .navbar .navbar-brand:active, .col-blush .navbar .navbar-brand:focus { color: #ffffff; } .col-blush .navbar .nav > li > a:hover, .col-blush .navbar .nav > li > a:focus, .col-blush .navbar .nav .open > a, .col-blush .navbar .nav .open > a:hover, .col-blush .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blush .navbar .nav > li > a { color: #ffffff; } .col-blush .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blush .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:hover, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus { color: #ffffff; } .col-black .navbar .nav > li > a:hover, .col-black .navbar .nav > li > a:focus, .col-black .navbar .nav .open > a, .col-black .navbar .nav .open > a:hover, .col-black .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-black .navbar .nav > li > a { color: #ffffff; } .col-black .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-black .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus { color: #ffffff; } .col-white .navbar .nav > li > a:hover, .col-white .navbar .nav > li > a:focus, .col-white .navbar .nav .open > a, .col-white .navbar .nav .open > a:hover, .col-white .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-white .navbar .nav > li > a { color: #ffffff; } .col-white .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #ffffff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-white .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } @media (max-width: 767px) { .navbar .navbar-nav .dropdown-menu { right: -70px; } } .overlay { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: 12; } .overlay-open .sidebar { margin-left: 0; z-index: 13; } .sidebar { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; font-family: "Work Sans", sans-serif; background: #ffffff; width: 250px; overflow: hidden; display: inline-block; height: calc(100vh - 60px); position: fixed; top: 60px; left: 0; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); z-index: 10; } .sidebar .user-info { padding: 13px 15px 12px 15px; white-space: nowrap; position: relative; border-bottom: 1px solid #e9e9e9; background: #37474f; height: 135px; } .sidebar .user-info .image { margin-right: 12px; display: inline-block; } .sidebar .user-info .image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; vertical-align: bottom !important; } .sidebar .user-info .info-container { cursor: default; display: block; position: relative; top: 15px; } .sidebar .user-info .info-container .name { white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; max-width: 200px; color: #ffffff; font-weight: 500; } .sidebar .user-info .info-container .email { white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 12px; max-width: 200px; color: #ffffff; } .sidebar .user-info .info-container .user-helper-dropdown { position: absolute; right: -3px; bottom: -12px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; cursor: pointer; color: #ffffff; } .sidebar .menu { position: relative; } .sidebar .menu .list { list-style: none; } .sidebar .menu .list li.active > :first-child span { font-weight: bold; } .sidebar .menu .list .header { background: #eeeeee; font-size: 12px; font-weight: 600; padding: 8px 16px; } .sidebar .menu .list i.material-icons { margin-top: 4px; } .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before { position: absolute; top: calc(50% - 14px); right: 17px; font-size: 14px; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .sidebar .menu .list .menu-toggle:before { content: '+'; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .sidebar .menu .list .menu-toggle:after { content: '\2013'; -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .sidebar .menu .list .menu-toggle.toggled:before { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .sidebar .menu .list .menu-toggle.toggled:after { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .sidebar .menu .list a { color: #757575; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; width: 100%; padding: 15px; } .sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus { text-decoration: none !important; background-color: #e0e0e0; } .sidebar .menu .list a i { line-height: 21px; color: #37474f; width: 16px; } .sidebar .menu .list a small { position: absolute; top: calc(50% - 7.5px); right: 15px; } .sidebar .menu .list a span { margin: 0 0 0 12px; color: #37474f; font-weight: 400; font-size: 15px; overflow: hidden; } .sidebar .menu .list .toggled { background-color: #e0e0e0; padding-left: 12px; } .sidebar .menu .list .ml-menu { list-style: none; display: none; background: #f5f5f5; } .sidebar .menu .list .ml-menu span { font-weight: normal; font-size: 14px; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu li a { padding-left: 42px; padding-top: 7px; padding-bottom: 7px; font-size: 15px; color: #37474f; } .sidebar .menu .list .ml-menu li a:before { content: '\f2ee'; position: absolute; left: 18px; font-size: 12px; font-family: 'Material-Design-Iconic-Font'; color: #9e9e9e; } .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) { font-weight: 600; border: none; } .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before { content: '\f2ee'; position: absolute; left: 18px; font-size: 12px; font-family: 'Material-Design-Iconic-Font'; color: #9e9e9e; } .right-sidebar { width: 280px; height: calc(100vh - 60px); position: fixed; right: -300px; top: 60px; background: #ffffff; z-index: 13 !important; -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .right-sidebar .nav-tabs + .tab-content { padding: 0; } .right-sidebar p { margin: 20px 15px 15px 15px; font-weight: bold; } .right-sidebar.open { right: 0; } .right-sidebar .nav-tabs { font-weight: 600; font-size: 13px; width: 100%; } .right-sidebar .nav-tabs li { width: 33.33%; text-align: center; left: 0; } .right-sidebar .nav-tabs li > a { margin-right: 0; padding: 15px 15px; } .right-sidebar .choose-skin { list-style: none; padding-left: 0; overflow-y: hidden; } .right-sidebar .choose-skin h6 { padding: 10px; } .right-sidebar .choose-skin li { border-bottom: 1px solid #eeeeee; padding: 10px 10px 4px 10px; position: relative; cursor: pointer; } .right-sidebar .choose-skin li.active { background-color: #eeeeee; } .right-sidebar .choose-skin li.active:after { font-family: 'Material Icons'; position: absolute; top: 10px; right: 10px; content: '\E876'; font-size: 18px; font-weight: bold; } .right-sidebar .choose-skin li:hover { background-color: #eeeeee; } .right-sidebar .choose-skin li div { width: 24px; height: 24px; display: inline-block; border-radius: 50%; } .right-sidebar .choose-skin li span { position: relative; bottom: 7px; left: 5px; } .right-sidebar .choose-skin .red { background-color: #ec3b57; } .right-sidebar .choose-skin .pink { background-color: #E91E63; } .right-sidebar .choose-skin .purple { background-color: #ba3bd0; } .right-sidebar .choose-skin .deep-purple { background-color: #673AB7; } .right-sidebar .choose-skin .blue { background-color: #457fca; } .right-sidebar .choose-skin .cyan { background-color: #379c94; } .right-sidebar .choose-skin .green { background-color: #78b83e; } .right-sidebar .choose-skin .light-green { background-color: #8BC34A; } .right-sidebar .choose-skin .yellow { background-color: #ffe821; } .right-sidebar .choose-skin .orange { background-color: #FF9800; } .right-sidebar .choose-skin .deep-orange { background-color: #f83600; } .right-sidebar .choose-skin .grey { background-color: #9E9E9E; } .right-sidebar .choose-skin .blue-grey { background-color: #607D8B; } .right-sidebar .choose-skin .indigo { background-color: #3F51B5; } .right-sidebar .choose-skin .light-blue { background-color: #03A9F4; } .right-sidebar .choose-skin .teal { background-color: #009688; } .right-sidebar .choose-skin .lime { background-color: #CDDC39; } .right-sidebar .choose-skin .amber { background-color: #FFC107; } .right-sidebar .choose-skin .brown { background-color: #795548; } .right-sidebar .choose-skin .blush { background-color: #F15F79; } .right-sidebar .choose-skin .black { background-color: #000000; } .right-sidebar .choose-skin .white { background-color: #ffffff; } .right-sidebar #chat { padding: 15px; } .right-sidebar #chat ul li { position: relative; } .right-sidebar #chat ul li.offline .status { background: #ff9800; } .right-sidebar #chat ul li.online .status { background: #43a047; } .right-sidebar #chat ul .media { line-height: normal; } .right-sidebar #chat ul .media .media-object { width: 38px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; } .right-sidebar #chat ul .media .name { font-weight: 600; color: #37474f; display: block; font-size: 14px; } .right-sidebar #chat ul .media .message { font-size: 13px; color: #757575; display: inline-block; width: 180px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .right-sidebar #chat ul .media .status { position: absolute; left: 30px; top: 4px; width: 8px; height: 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; border: 2px solid #ffffff; min-width: inherit; } .right-sidebar #settings .setting-list { list-style: none; padding-left: 0; margin-bottom: 20px; } .right-sidebar #settings .setting-list li { padding: 15px; position: relative; border-top: 1px solid #eeeeee; } .right-sidebar #settings .setting-list li .switch { position: absolute; top: 15px; right: 5px; } .m-l--125 { margin-left: -125px; } .m-t--125 { margin-top: -125px; } .m-r--125 { margin-right: -125px; } .m-b--125 { margin-bottom: -125px; } .m-l--120 { margin-left: -120px; } .m-t--120 { margin-top: -120px; } .m-r--120 { margin-right: -120px; } .m-b--120 { margin-bottom: -120px; } .m-l--115 { margin-left: -115px; } .m-t--115 { margin-top: -115px; } .m-r--115 { margin-right: -115px; } .m-b--115 { margin-bottom: -115px; } .m-l--110 { margin-left: -110px; } .m-t--110 { margin-top: -110px; } .m-r--110 { margin-right: -110px; } .m-b--110 { margin-bottom: -110px; } .m-l--105 { margin-left: -105px; } .m-t--105 { margin-top: -105px; } .m-r--105 { margin-right: -105px; } .m-b--105 { margin-bottom: -105px; } .m-l--100 { margin-left: -100px; } .m-t--100 { margin-top: -100px; } .m-r--100 { margin-right: -100px; } .m-b--100 { margin-bottom: -100px; } .m-l--95 { margin-left: -95px; } .m-t--95 { margin-top: -95px; } .m-r--95 { margin-right: -95px; } .m-b--95 { margin-bottom: -95px; } .m-l--90 { margin-left: -90px; } .m-t--90 { margin-top: -90px; } .m-r--90 { margin-right: -90px; } .m-b--90 { margin-bottom: -90px; } .m-l--85 { margin-left: -85px; } .m-t--85 { margin-top: -85px; } .m-r--85 { margin-right: -85px; } .m-b--85 { margin-bottom: -85px; } .m-l--80 { margin-left: -80px; } .m-t--80 { margin-top: -80px; } .m-r--80 { margin-right: -80px; } .m-b--80 { margin-bottom: -80px; } .m-l--75 { margin-left: -75px; } .m-t--75 { margin-top: -75px; } .m-r--75 { margin-right: -75px; } .m-b--75 { margin-bottom: -75px; } .m-l--70 { margin-left: -70px; } .m-t--70 { margin-top: -70px; } .m-r--70 { margin-right: -70px; } .m-b--70 { margin-bottom: -70px; } .m-l--65 { margin-left: -65px; } .m-t--65 { margin-top: -65px; } .m-r--65 { margin-right: -65px; } .m-b--65 { margin-bottom: -65px; } .m-l--60 { margin-left: -60px; } .m-t--60 { margin-top: -60px; } .m-r--60 { margin-right: -60px; } .m-b--60 { margin-bottom: -60px; } .m-l--55 { margin-left: -55px; } .m-t--55 { margin-top: -55px; } .m-r--55 { margin-right: -55px; } .m-b--55 { margin-bottom: -55px; } .m-l--50 { margin-left: -50px; } .m-t--50 { margin-top: -50px; } .m-r--50 { margin-right: -50px; } .m-b--50 { margin-bottom: -50px; } .m-l--45 { margin-left: -45px; } .m-t--45 { margin-top: -45px; } .m-r--45 { margin-right: -45px; } .m-b--45 { margin-bottom: -45px; } .m-l--40 { margin-left: -40px; } .m-t--40 { margin-top: -40px; } .m-r--40 { margin-right: -40px; } .m-b--40 { margin-bottom: -40px; } .m-l--35 { margin-left: -35px; } .m-t--35 { margin-top: -35px; } .m-r--35 { margin-right: -35px; } .m-b--35 { margin-bottom: -35px; } .m-l--30 { margin-left: -30px; } .m-t--30 { margin-top: -30px; } .m-r--30 { margin-right: -30px; } .m-b--30 { margin-bottom: -30px; } .m-l--25 { margin-left: -25px; } .m-t--25 { margin-top: -25px; } .m-r--25 { margin-right: -25px; } .m-b--25 { margin-bottom: -25px; } .m-l--20 { margin-left: -20px; } .m-t--20 { margin-top: -20px; } .m-r--20 { margin-right: -20px; } .m-b--20 { margin-bottom: -20px; } .m-l--15 { margin-left: -15px; } .m-t--15 { margin-top: -15px; } .m-r--15 { margin-right: -15px; } .m-b--15 { margin-bottom: -15px; } .m-l--10 { margin-left: -10px; } .m-t--10 { margin-top: -10px; } .m-r--10 { margin-right: -10px; } .m-b--10 { margin-bottom: -10px; } .m-l--5 { margin-left: -5px; } .m-t--5 { margin-top: -5px; } .m-r--5 { margin-right: -5px; } .m-b--5 { margin-bottom: -5px; } .m-l-0, .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) { margin-left: 0px; } .m-t-0, .card .card-inside-title:first-child { margin-top: 0px; } .m-r-0 { margin-right: 0px; } .m-b-0, .card .header, .media .media-body .media-heading, .widget-stat .media-footer { margin-bottom: 0px; } .m-l-5 { margin-left: 5px; } .m-t-5, .card .card-inside-title small, .card .header h2 small, .widget-stat .media-text .value { margin-top: 5px; } .m-r-5, .email-page .label { margin-right: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-10 { margin-left: 10px; } .m-t-10 { margin-top: 10px; } .m-r-10, .right-sidebar #chat ul .media .media-object { margin-right: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-15 { margin-left: 15px; } .m-t-15, .widget-stat .media-footer, .profile-page .profile-header { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-b-15, .visitors-map .progress-list { margin-bottom: 15px; } .m-l-20, .media.mright .media-right { margin-left: 20px; } .m-t-20 { margin-top: 20px; } .m-r-20, .media.mleft .media-left, .bs-example .media .media-left { margin-right: 20px; } .m-b-20, .block-header, .media, .member-card-2 .member-thumb { margin-bottom: 20px; } .m-l-25 { margin-left: 25px; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-30 { margin-left: 30px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-b-30, .card { margin-bottom: 30px; } .m-l-35 { margin-left: 35px; } .m-t-35 { margin-top: 35px; } .m-r-35 { margin-right: 35px; } .m-b-35 { margin-bottom: 35px; } .m-l-40 { margin-left: 40px; } .m-t-40 { margin-top: 40px; } .m-r-40 { margin-right: 40px; } .m-b-40 { margin-bottom: 40px; } .m-l-45 { margin-left: 45px; } .m-t-45 { margin-top: 45px; } .m-r-45 { margin-right: 45px; } .m-b-45 { margin-bottom: 45px; } .m-l-50 { margin-left: 50px; } .m-t-50 { margin-top: 50px; } .m-r-50 { margin-right: 50px; } .m-b-50 { margin-bottom: 50px; } .m-l-55 { margin-left: 55px; } .m-t-55 { margin-top: 55px; } .m-r-55 { margin-right: 55px; } .m-b-55 { margin-bottom: 55px; } .m-l-60 { margin-left: 60px; } .m-t-60 { margin-top: 60px; } .m-r-60 { margin-right: 60px; } .m-b-60 { margin-bottom: 60px; } .m-l-65 { margin-left: 65px; } .m-t-65 { margin-top: 65px; } .m-r-65 { margin-right: 65px; } .m-b-65 { margin-bottom: 65px; } .m-l-70 { margin-left: 70px; } .m-t-70 { margin-top: 70px; } .m-r-70 { margin-right: 70px; } .m-b-70 { margin-bottom: 70px; } .m-l-75 { margin-left: 75px; } .m-t-75 { margin-top: 75px; } .m-r-75 { margin-right: 75px; } .m-b-75 { margin-bottom: 75px; } .m-l-80 { margin-left: 80px; } .m-t-80 { margin-top: 80px; } .m-r-80 { margin-right: 80px; } .m-b-80 { margin-bottom: 80px; } .m-l-85 { margin-left: 85px; } .m-t-85 { margin-top: 85px; } .m-r-85 { margin-right: 85px; } .m-b-85 { margin-bottom: 85px; } .m-l-90 { margin-left: 90px; } .m-t-90 { margin-top: 90px; } .m-r-90 { margin-right: 90px; } .m-b-90 { margin-bottom: 90px; } .m-l-95 { margin-left: 95px; } .m-t-95 { margin-top: 95px; } .m-r-95 { margin-right: 95px; } .m-b-95 { margin-bottom: 95px; } .m-l-100 { margin-left: 100px; } .m-t-100 { margin-top: 100px; } .m-r-100 { margin-right: 100px; } .m-b-100 { margin-bottom: 100px; } .m-l-105 { margin-left: 105px; } .m-t-105 { margin-top: 105px; } .m-r-105 { margin-right: 105px; } .m-b-105 { margin-bottom: 105px; } .m-l-110 { margin-left: 110px; } .m-t-110 { margin-top: 110px; } .m-r-110 { margin-right: 110px; } .m-b-110 { margin-bottom: 110px; } .m-l-115 { margin-left: 115px; } .m-t-115 { margin-top: 115px; } .m-r-115 { margin-right: 115px; } .m-b-115 { margin-bottom: 115px; } .m-l-120 { margin-left: 120px; } .m-t-120 { margin-top: 120px; } .m-r-120 { margin-right: 120px; } .m-b-120 { margin-bottom: 120px; } .m-l-125 { margin-left: 125px; } .m-t-125 { margin-top: 125px; } .m-r-125 { margin-right: 125px; } .m-b-125 { margin-bottom: 125px; } .margin-0, .navbar .navbar-brand, .right-sidebar .choose-skin h6, .block-header .breadcrumb, .card .header .header-dropdown { margin: 0; } .p-l-0, .sidebar .menu .list, .sidebar .menu .list .ml-menu { padding-left: 0px; } .p-t-0 { padding-top: 0px; } .p-r-0 { padding-right: 0px; } .p-b-0 { padding-bottom: 0px; } .p-l-5 { padding-left: 5px; } .p-t-5 { padding-top: 5px; } .p-r-5 { padding-right: 5px; } .p-b-5, .right-sidebar #chat ul .media .name { padding-bottom: 5px; } .p-l-10, .member-card-2 .social-links li a { padding-left: 10px; } .p-t-10 { padding-top: 10px; } .p-r-10, .member-card-2 .social-links li a { padding-right: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-15 { padding-left: 15px; } .p-t-15 { padding-top: 15px; } .p-r-15 { padding-right: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-20, .widget-stat .media-text { padding-left: 20px; } .p-t-20, .block-header { padding-top: 20px; } .p-r-20 { padding-right: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-25 { padding-left: 25px; } .p-t-25 { padding-top: 25px; } .p-r-25 { padding-right: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-30 { padding-left: 30px; } .p-t-30 { padding-top: 30px; } .p-r-30 { padding-right: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-35 { padding-left: 35px; } .p-t-35 { padding-top: 35px; } .p-r-35 { padding-right: 35px; } .p-b-35 { padding-bottom: 35px; } .p-l-40 { padding-left: 40px; } .p-t-40 { padding-top: 40px; } .p-r-40 { padding-right: 40px; } .p-b-40 { padding-bottom: 40px; } .p-l-45 { padding-left: 45px; } .p-t-45 { padding-top: 45px; } .p-r-45 { padding-right: 45px; } .p-b-45 { padding-bottom: 45px; } .p-l-50 { padding-left: 50px; } .p-t-50 { padding-top: 50px; } .p-r-50 { padding-right: 50px; } .p-b-50 { padding-bottom: 50px; } .p-l-55 { padding-left: 55px; } .p-t-55 { padding-top: 55px; } .p-r-55 { padding-right: 55px; } .p-b-55 { padding-bottom: 55px; } .p-l-60 { padding-left: 60px; } .p-t-60 { padding-top: 60px; } .p-r-60 { padding-right: 60px; } .p-b-60 { padding-bottom: 60px; } .p-l-65 { padding-left: 65px; } .p-t-65 { padding-top: 65px; } .p-r-65 { padding-right: 65px; } .p-b-65 { padding-bottom: 65px; } .p-l-70 { padding-left: 70px; } .p-t-70 { padding-top: 70px; } .p-r-70 { padding-right: 70px; } .p-b-70 { padding-bottom: 70px; } .p-l-75 { padding-left: 75px; } .p-t-75 { padding-top: 75px; } .p-r-75 { padding-right: 75px; } .p-b-75 { padding-bottom: 75px; } .p-l-80, .sidebar .menu .list .ml-menu li .ml-menu li a { padding-left: 80px; } .p-t-80 { padding-top: 80px; } .p-r-80 { padding-right: 80px; } .p-b-80 { padding-bottom: 80px; } .p-l-85 { padding-left: 85px; } .p-t-85 { padding-top: 85px; } .p-r-85 { padding-right: 85px; } .p-b-85 { padding-bottom: 85px; } .p-l-90 { padding-left: 90px; } .p-t-90 { padding-top: 90px; } .p-r-90 { padding-right: 90px; } .p-b-90 { padding-bottom: 90px; } .p-l-95, .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a { padding-left: 95px; } .p-t-95 { padding-top: 95px; } .p-r-95 { padding-right: 95px; } .p-b-95 { padding-bottom: 95px; } .p-l-100 { padding-left: 100px; } .p-t-100 { padding-top: 100px; } .p-r-100 { padding-right: 100px; } .p-b-100 { padding-bottom: 100px; } .p-l-105 { padding-left: 105px; } .p-t-105 { padding-top: 105px; } .p-r-105 { padding-right: 105px; } .p-b-105 { padding-bottom: 105px; } .p-l-110 { padding-left: 110px; } .p-t-110 { padding-top: 110px; } .p-r-110 { padding-right: 110px; } .p-b-110 { padding-bottom: 110px; } .p-l-115 { padding-left: 115px; } .p-t-115 { padding-top: 115px; } .p-r-115 { padding-right: 115px; } .p-b-115 { padding-bottom: 115px; } .p-l-120 { padding-left: 120px; } .p-t-120 { padding-top: 120px; } .p-r-120 { padding-right: 120px; } .p-b-120 { padding-bottom: 120px; } .p-l-125 { padding-left: 125px; } .p-t-125 { padding-top: 125px; } .p-r-125 { padding-right: 125px; } .p-b-125 { padding-bottom: 125px; } .padding-0, .navbar .navbar-brand, .navbar .navbar-nav .dropdown-menu .footer a, .right-sidebar #chat ul .media .status, .block-header .breadcrumb, .card .header .header-dropdown { padding: 0; } .font-6 { font-size: 6px; } .font-7 { font-size: 7px; } .font-8 { font-size: 8px; } .font-9 { font-size: 9px; } .font-10 { font-size: 10px; } .font-11 { font-size: 11px; } .font-12 { font-size: 12px; } .font-13 { font-size: 13px; } .font-14 { font-size: 14px; } .font-15 { font-size: 15px; } .font-16 { font-size: 16px; } .font-17 { font-size: 17px; } .font-18 { font-size: 18px; } .font-19 { font-size: 19px; } .font-20 { font-size: 20px; } .font-21 { font-size: 21px; } .font-22 { font-size: 22px; } .font-23 { font-size: 23px; } .font-24 { font-size: 24px; } .font-25 { font-size: 25px; } .font-26 { font-size: 26px; } .font-27 { font-size: 27px; } .font-28 { font-size: 28px; } .font-29 { font-size: 29px; } .font-30 { font-size: 30px; } .font-31 { font-size: 31px; } .font-32 { font-size: 32px; } .font-33 { font-size: 33px; } .font-34 { font-size: 34px; } .font-35 { font-size: 35px; } .font-36 { font-size: 36px; } .font-37 { font-size: 37px; } .font-38 { font-size: 38px; } .font-39 { font-size: 39px; } .font-40 { font-size: 40px; } .font-41 { font-size: 41px; } .font-42 { font-size: 42px; } .font-43 { font-size: 43px; } .font-44 { font-size: 44px; } .font-45 { font-size: 45px; } .font-46 { font-size: 46px; } .font-47 { font-size: 47px; } .font-48 { font-size: 48px; } .font-49 { font-size: 49px; } .font-50 { font-size: 50px; } .align-left, .navbar .navbar-nav .dropdown-menu .footer a, .dropdown-menu .header { text-align: left; } .align-center, .sidebar .menu .list a i, .dropdown-menu ul.menu .icon-circle, .widget-stat .media-icon { text-align: center; } .align-right, .media.mright .media-body { text-align: right; } .align-justify { text-align: justify; } .no-resize { resize: none; } .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .font-underline { text-decoration: underline; } .font-line-through { text-decoration: line-through; } .font-overline { text-decoration: overline; } .block-header h2 { color: #424242 !important; font-size: 18px; } .block-header h2 small { display: block; font-size: 12px; margin-top: 8px; color: #9e9e9e; } .block-header h2 small a { font-weight: bold; color: #757575; } .inlineblock, .navbar .navbar-header, .navbar .navbar-nav, .navbar .navbar-nav > li, .navbar .navbar-nav > li > a, .right-sidebar #chat ul .media .status, .dropdown-menu ul.menu .icon-circle, .dropdown-menu ul.menu .menu-info, .visitors-map .progress-list .status, .visitors-map .progress-list .details, .member-card-2 .member-thumb, .member-card-2 .social-links li { display: inline-block; } .displayblock, .navbar .navbar-nav .dropdown-menu ul.menu li a, .navbar .navbar-nav .dropdown-menu .footer a, .card .header .header-dropdown a, .dropdown-menu > li > a { display: block; } .bg-red { background-color: #ec3b57 !important; color: #ffffff; } .bg-red .content .text, .bg-red .content .number { color: #ffffff !important; } .bg-pink { background-color: #E91E63 !important; color: #ffffff; } .bg-pink .content .text, .bg-pink .content .number { color: #ffffff !important; } .bg-purple { background-color: #ba3bd0 !important; color: #ffffff; } .bg-purple .content .text, .bg-purple .content .number { color: #ffffff !important; } .bg-deep-purple { background-color: #673AB7 !important; color: #ffffff; } .bg-deep-purple .content .text, .bg-deep-purple .content .number { color: #ffffff !important; } .bg-blue { background-color: #457fca !important; color: #ffffff; } .bg-blue .content .text, .bg-blue .content .number { color: #ffffff !important; } .bg-cyan { background-color: #379c94 !important; color: #ffffff; } .bg-cyan .content .text, .bg-cyan .content .number { color: #ffffff !important; } .bg-green { background-color: #78b83e !important; color: #ffffff; } .bg-green .content .text, .bg-green .content .number { color: #ffffff !important; } .bg-light-green { background-color: #8BC34A !important; color: #ffffff; } .bg-light-green .content .text, .bg-light-green .content .number { color: #ffffff !important; } .bg-yellow { background-color: #ffe821 !important; color: #ffffff; } .bg-yellow .content .text, .bg-yellow .content .number { color: #ffffff !important; } .bg-orange { background-color: #FF9800 !important; color: #ffffff; } .bg-orange .content .text, .bg-orange .content .number { color: #ffffff !important; } .bg-deep-orange { background-color: #f83600 !important; color: #ffffff; } .bg-deep-orange .content .text, .bg-deep-orange .content .number { color: #ffffff !important; } .bg-grey { background-color: #9E9E9E !important; color: #ffffff; } .bg-grey .content .text, .bg-grey .content .number { color: #ffffff !important; } .bg-blue-grey { background-color: #607D8B !important; color: #ffffff; } .bg-blue-grey .content .text, .bg-blue-grey .content .number { color: #ffffff !important; } .bg-indigo { background-color: #3F51B5 !important; color: #ffffff; } .bg-indigo .content .text, .bg-indigo .content .number { color: #ffffff !important; } .bg-light-blue { background-color: #03A9F4 !important; color: #ffffff; } .bg-light-blue .content .text, .bg-light-blue .content .number { color: #ffffff !important; } .bg-teal { background-color: #009688 !important; color: #ffffff; } .bg-teal .content .text, .bg-teal .content .number { color: #ffffff !important; } .bg-lime { background-color: #CDDC39 !important; color: #ffffff; } .bg-lime .content .text, .bg-lime .content .number { color: #ffffff !important; } .bg-amber { background-color: #FFC107 !important; color: #ffffff; } .bg-amber .content .text, .bg-amber .content .number { color: #ffffff !important; } .bg-brown { background-color: #795548 !important; color: #ffffff; } .bg-brown .content .text, .bg-brown .content .number { color: #ffffff !important; } .bg-blush { background-color: #F15F79 !important; color: #ffffff; } .bg-blush .content .text, .bg-blush .content .number { color: #ffffff !important; } .bg-black { background-color: #000000 !important; color: #ffffff; } .bg-black .content .text, .bg-black .content .number { color: #ffffff !important; } .bg-white { background-color: #ffffff !important; color: #ffffff; } .bg-white .content .text, .bg-white .content .number { color: #ffffff !important; } .col-red { color: #ec3b57 !important; } .col-pink { color: #E91E63 !important; } .col-purple { color: #ba3bd0 !important; } .col-deep-purple { color: #673AB7 !important; } .col-blue { color: #457fca !important; } .col-cyan { color: #379c94 !important; } .col-green { color: #78b83e !important; } .col-light-green { color: #8BC34A !important; } .col-yellow { color: #ffe821 !important; } .col-orange { color: #FF9800 !important; } .col-deep-orange { color: #f83600 !important; } .col-grey { color: #9E9E9E !important; } .col-blue-grey { color: #607D8B !important; } .col-indigo { color: #3F51B5 !important; } .col-light-blue { color: #03A9F4 !important; } .col-teal { color: #009688 !important; } .col-lime { color: #CDDC39 !important; } .col-amber { color: #FFC107 !important; } .col-brown { color: #795548 !important; } .col-blush { color: #F15F79 !important; } .col-black { color: #000000 !important; } .col-white { color: #ffffff !important; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { from { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .demo-button-sizes .btn { margin-bottom: 5px; } .icon-button-demo button { margin-right: 5px; margin-bottom: 12px; } .button-demo ul { padding-left: 0; } .button-demo ul li { list-style: none; padding-left: 0; display: inline-block; margin-right: 7px; } .button-demo ul li .btn { display: block; min-width: 175px; } .button-demo .btn { margin-right: 8px; margin-bottom: 13px; min-width: 120px; } .demo-button-groups .btn-group { margin-right: 10px; } .demo-button-toolbar .btn-toolbar { float: left; margin-right: 25px; } .demo-button-nesting > .btn-group { margin-right: 15px; } .demo-single-button-dropdowns > .btn-group { margin-right: 10px; } .demo-splite-button-dropdowns > .btn-group { margin-right: 10px; } .demo-dropup .dropup { margin-right: 10px; } .demo-checkbox label, .demo-radio-button label { min-width: 150px; } .demo-knob-chart div { margin-right: 15px; } .demo-switch .switch { display: inline-block; } .demo-switch .demo-switch-title { min-width: 95px; display: inline-block; } .demo-color-box { padding: 15px 0; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .demo-color-box .color-name { font-size: 16px; margin-bottom: 5px; } .demo-color-box .color-code, .demo-color-box .color-class-name { font-size: 13px; } .demo-image-copyright { text-align: right; font-style: italic; font-size: 12px; color: #777; margin: 5px 0 10px 0; } .demo-image-copyright a { font-weight: bold; color: #555 !important; } .demo-tagsinput-area { margin-bottom: 50px !important; } .demo-icon-container .demo-google-material-icon { margin-bottom: 5px; text-align: left; } .demo-icon-container .demo-google-material-icon .icon-name { position: relative; top: -8px; left: 7px; } .demo-icon-container .demo-google-material-icon .material-icons { width: 24px; } .demo-preloader .preloader { margin-right: 10px; } .irs-demo { margin-bottom: 40px; } .irs-demo .irs { margin-top: 15px; } @media (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu { background-color: #ffffff; position: absolute; } .navbar .dropdown-menu { margin-left: -50px; } .dt-buttons { float: none !important; text-align: center; margin-bottom: 15px; } .panel-switch-btn { top: 12px; right: 0 !important; } } @media (min-width: 768px) and (max-width: 991px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 20px; } } @media (min-width: 992px) and (max-width: 1169px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 20px; } } body { background-color: #f3f7f8; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; font-family: 'Work Sans', Arial, Tahoma, sans-serif; font-weight: 400; font-size: 15px; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } button, input, select, a { outline: none !important; } button:hover, button:focus, input:hover, input:focus, select:hover, select:focus, a:hover, a:focus { text-decoration: none; } .no-animate { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } section.content { margin: 60px 0px 15px 250px; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; z-index: 9; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; padding: 0 10px; } .g-bg-cyan { background: -webkit-linear-gradient(30deg, #136a8a, #379c94); background: -o-linear-gradient(30deg, #136a8a, #379c94); background: linear-gradient(60deg, #136a8a, #379c94); color: #fff !important; } .g-bg-blue { background: -webkit-linear-gradient(30deg, #00adef, #0094da); background: -o-linear-gradient(30deg, #00adef, #0094da); background: linear-gradient(60deg, #00adef, #0094da); color: #fff !important; } .g-bg-gy { background: -webkit-linear-gradient(30deg, #94d23b, #fcb711); background: -o-linear-gradient(30deg, #94d23b, #fcb711); background: linear-gradient(60deg, #94d23b, #fcb711); color: #fff !important; } .g-bg-cgreen { background: -webkit-linear-gradient(30deg, #16c99f, #12a682); background: -o-linear-gradient(30deg, #16c99f, #12a682); background: linear-gradient(60deg, #16c99f, #12a682); color: #fff !important; } .g-bg-blush2 { background: -webkit-linear-gradient(125deg, #dd5e89, #f7bb97); background: -o-linear-gradient(125deg, #dd5e89, #f7bb97); background: linear-gradient(325deg, #dd5e89, #f7bb97); color: #fff !important; } .g-bg-soundcloud { background: -webkit-linear-gradient(30deg, #f83600, #fe8c00); background: -o-linear-gradient(30deg, #f83600, #fe8c00); background: linear-gradient(60deg, #f83600, #fe8c00); color: #fff !important; } .g-bg-soundcloud2 { background: -webkit-linear-gradient(315deg, rgba(243, 71, 75, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%); background: -o-linear-gradient(315deg, rgba(243, 71, 75, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%); background: linear-gradient(135deg, rgba(243, 71, 75, 0.9) 0%, rgba(255, 152, 0, 0.9) 100%); color: #fff !important; } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .carousel-item { position: relative; display: none; -ms-flex-align: center; -webkit-box-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; -webkit-transition: -webkit-transform .6s ease; -o-transition: transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; transition: transform .6s ease,-webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } @media only screen and (max-width: 500px) { section.content { margin-left: 0 !important; margin-right: 0px; padding: 0; } } .dashboard-flot-chart { height: 199px; } .dashboard-donut-chart { height: 265px; } .dashboard-line-chart { height: 250px; } .dashboard-stat-list { list-style: none; padding-left: 0; margin-top: 40px; } .dashboard-stat-list li { padding: 15px 0 0 0; } .dashboard-stat-list li small { font-size: 8px; } .top-report h3 { margin: 0; color: #3d4c5a; font-weight: 400; } .top-report .progress { height: 5px; margin-bottom: 10px; } .btn:focus { outline: none !important; } .btn-circle { border: none; outline: none !important; overflow: hidden; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 0; } .btn-circle i { font-size: 18px; position: relative; left: -1px; } .btn-link { font-weight: bold; color: #333; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .btn-link:active, .btn-link:focus { text-decoration: none; color: #333; } .btn-link:hover { text-decoration: none; color: #333; background-color: #ddd; } .btn-circle-lg { border: none; outline: none !important; overflow: hidden; width: 50px; height: 50px; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; border-radius: 50% !important; } .btn-circle-lg i { font-size: 26px !important; position: relative !important; left: 0px !important; top: 6px !important; } .btn:not(.btn-link):not(.btn-circle) { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: none; font-size: 13px; outline: none; } .btn:not(.btn-link):not(.btn-circle):hover { outline: none; } .btn:not(.btn-link):not(.btn-circle) i { font-size: 20px; position: relative; top: 3px; } .btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus { background-color: #ff9600 !important; } .btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus { background-color: #fb483a !important; } .btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus { background-color: #00b0e4 !important; } .btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus { background-color: #2b982b !important; } .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus { background-color: #1f91f3 !important; } .btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus { background-color: #fff !important; } .btn-group, .btn-group-vertical { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); } .btn-group .btn, .btn-group-vertical .btn { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .btn-group .btn .caret, .btn-group-vertical .btn .caret { position: relative; bottom: 1px; } .btn-group .btn-group, .btn-group-vertical .btn-group { -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-group .btn + .dropdown-toggle, .btn-group-vertical .btn + .dropdown-toggle { border-left: 1px solid rgba(0, 0, 0, 0.08) !important; } .bootstrap-tagsinput { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border: none !important; } .noUi-target { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; direction: ltr; } .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-origin { position: absolute; right: 0; top: 6px; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.25s, top 0.25s; -o-transition: left 0.25s, top 0.25s; transition: left 0.25s, top 0.25s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } .noUi-background { background: #FAFAFA; -webkit-box-shadow: inset 0 1px 1px #f0f0f0; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #3FB8AF; -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); -webkit-transition: background 450ms; -o-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-target.noUi-connect { -webkit-box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; } .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:before { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; left: 17px; } .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; top: 17px; } [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } .noUi-target { -webkit-box-shadow: none; box-shadow: none; border: none; } .noUi-base { height: 15px; top: -6px; } .noUi-background { height: 3px; top: 6px; background-color: #bfbfbf; -webkit-box-shadow: none; box-shadow: none; } .noUi-horizontal { height: 3px; } .noUi-connect { height: 3px; top: 6px; background-color: #26A69A; -webkit-box-shadow: none; box-shadow: none; } .noUi-horizontal .noUi-handle { width: 15px; height: 15px; border-radius: 50%; -webkit-box-shadow: none; box-shadow: none; background-color: #26A69A; border: none; left: -5px; top: -6px; -webkit-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), top 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .noUi-handle:before, .noUi-handle:after { content: none; } .noUi-target .noUi-active.noUi-handle { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .noUi-target .range-label { position: absolute; height: 30px; width: 30px; top: -17px; left: -2px; background-color: #26A69A; border-radius: 50%; -webkit-transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: border-radius 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: scale(0.5) rotate(-45deg); -ms-transform: scale(0.5) rotate(-45deg); transform: scale(0.5) rotate(-45deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .noUi-target .noUi-active .range-label { border-radius: 15px 15px 15px 0; -webkit-transform: rotate(-45deg) translate(23px, -25px); -ms-transform: rotate(-45deg) translate(23px, -25px); transform: rotate(-45deg) translate(23px, -25px); } .range-label span { width: 100%; text-align: center; color: #fff; font-size: 12px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; position: absolute; top: 7px; left: -1px; -webkit-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .noUi-active .range-label span { opacity: 1; } .ms-container { width: auto !important; } .ms-container .ms-list { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; } .ms-container .ms-list.ms-focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .ms-container .ms-selectable, .ms-container .ms-selection { min-width: 250px !important; } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { color: #000000 !important; background-color: #e6e6e6 !important; } .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selectable li.ms-elem-selection, .ms-container .ms-selection li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection { padding: 9px 15px 6px 15px !important; } .ms-container .ms-optgroup-label { padding: 5px 0 0 8px !important; } .card { background: #ffffff; min-height: 50px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05); position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .card .card-inside-title { margin-top: 25px; margin-bottom: 15px; display: block; font-size: 15px; color: #000000; } .card .card-inside-title small { color: #9e9e9e; display: block; font-size: 11px; } .card .card-inside-title small a { color: #757575; font-weight: bold; } .card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-deep-purple, .card .bg-indigo, .card .bg-blue, .card .bg-light-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-light-green, .card .bg-lime, .card .bg-yellow, .card .bg-amber, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-blue-grey, .card .bg-blush, .card .bg-black { border-bottom: none !important; color: #ffffff !important; } .card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple small, .card .bg-purple .material-icons, .card .bg-deep-purple h2, .card .bg-deep-purple small, .card .bg-deep-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue small, .card .bg-blue .material-icons, .card .bg-light-blue h2, .card .bg-light-blue small, .card .bg-light-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green small, .card .bg-green .material-icons, .card .bg-light-green h2, .card .bg-light-green small, .card .bg-light-green .material-icons, .card .bg-lime h2, .card .bg-lime small, .card .bg-lime .material-icons, .card .bg-yellow h2, .card .bg-yellow small, .card .bg-yellow .material-icons, .card .bg-amber h2, .card .bg-amber small, .card .bg-amber .material-icons, .card .bg-orange h2, .card .bg-orange small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey small, .card .bg-grey .material-icons, .card .bg-blue-grey h2, .card .bg-blue-grey small, .card .bg-blue-grey .material-icons, .card .bg-blush h2, .card .bg-blush small, .card .bg-blush .material-icons, .card .bg-black h2, .card .bg-black small, .card .bg-black .material-icons { color: #ffffff !important; } .card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-deep-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-light-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-light-green .badge, .card .bg-lime .badge, .card .bg-yellow .badge, .card .bg-amber .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-blue-grey .badge, .card .bg-blush .badge, .card .bg-black .badge { background-color: #ffffff; color: #424242; } .card .header { color: #424242; padding: 0 0 10px 0; position: relative; -webkit-box-shadow: none; box-shadow: none; margin: 15px; border-radius: 3px; } .card .header .header-dropdown { position: absolute; top: 3px; right: 5px; list-style: none; } .card .header .header-dropdown a { padding: 5px 10px; } .card .header .header-dropdown a::after { display: none; } .card .header .header-dropdown .dropdown-menu { padding: 5px; left: auto; right: 0; } .card .header .header-dropdown .dropdown-menu li { display: block !important; } .card .header .header-dropdown li { display: inline-block; } .card .header .header-dropdown i { font-size: 20px; color: #9e9e9e; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .card .header .header-dropdown i:hover { color: #000000; } .card .header h2 { margin: 0; font-size: 16px; font-weight: 500; color: #424242; text-transform: uppercase; } .card .header h2 small { display: block; font-size: 12px; color: #9e9e9e; line-height: 15px; text-transform: capitalize; } .card .header h2 small a { font-weight: bold; color: #757575; } .card .p-15 { padding: 15px !important; } .card .body { font-size: 14px; color: #424242; padding: 15px; font-weight: 400; } .info-box { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box .icon { display: inline-block; text-align: center; background-color: rgba(0, 0, 0, 0.12); width: 80px; } .info-box .icon i { color: #fff; font-size: 30px; line-height: 80px; } .info-box .icon .chart.chart-bar { height: 100%; line-height: 100px; } .info-box .icon .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-pie { height: 100%; line-height: 123px; } .info-box .icon .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-line { height: 100%; line-height: 115px; } .info-box .icon .chart.chart-line canvas { vertical-align: baseline !important; } .info-box .content { display: inline-block; padding: 7px 10px; } .info-box .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box .content .number { font-weight: normal; font-size: 26px; color: #555; } .info-box.hover-zoom-effect .icon { overflow: hidden; } .info-box.hover-zoom-effect .icon i { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .info-box.hover-zoom-effect:hover .icon i { opacity: 0.4; -moz-transform: rotate(-32deg) scale(1.4); -ms-transform: rotate(-32deg) scale(1.4); -o-transform: rotate(-32deg) scale(1.4); -webkit-transform: rotate(-32deg) scale(1.4); transform: rotate(-32deg) scale(1.4); } .info-box.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 80px; top: 0; width: 0; height: 100%; color: transparent; -moz-transition: all 0.95s; -o-transition: all 0.95s; -webkit-transition: all 0.95s; transition: all 0.95s; } .info-box.hover-expand-effect:hover:after { width: 100%; } .info-box-2 { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box-2 .icon { display: inline-block; text-align: center; width: 80px; } .info-box-2 .icon i { color: #fff; font-size: 30px; line-height: 80px; } .info-box-2 .chart.chart-bar { height: 100%; line-height: 105px; } .info-box-2 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-pie { height: 100%; line-height: 123px; } .info-box-2 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-line { height: 100%; line-height: 115px; } .info-box-2 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-2 .content { display: inline-block; padding: 7px 10px; } .info-box-2 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-2 .content .number { font-weight: normal; font-size: 26px; color: #555; } .info-box-2.hover-zoom-effect .icon { overflow: hidden; } .info-box-2.hover-zoom-effect .icon i { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .info-box-2.hover-zoom-effect:hover .icon i { opacity: 0.4; -moz-transform: rotate(-32deg) scale(1.4); -ms-transform: rotate(-32deg) scale(1.4); -o-transform: rotate(-32deg) scale(1.4); -webkit-transform: rotate(-32deg) scale(1.4); transform: rotate(-32deg) scale(1.4); } .info-box-2.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; -moz-transition: all 0.95s; -o-transition: all 0.95s; -webkit-transition: all 0.95s; transition: all 0.95s; } .info-box-2.hover-expand-effect:hover:after { width: 100%; } .info-box-3 { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box-3 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-3 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 30px; } .info-box-3 .chart { margin-right: 5px; } .info-box-3 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-3 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-3 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-3 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-3 .content { display: inline-block; padding: 7px 16px; } .info-box-3 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-3 .content .number { font-weight: normal; font-size: 26px; color: #555; } .info-box-3.hover-zoom-effect .icon i { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .info-box-3.hover-zoom-effect:hover .icon i { opacity: 0.4; -moz-transform: rotate(-32deg) scale(1.4); -ms-transform: rotate(-32deg) scale(1.4); -o-transform: rotate(-32deg) scale(1.4); -webkit-transform: rotate(-32deg) scale(1.4); transform: rotate(-32deg) scale(1.4); } .info-box-3.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; -moz-transition: all 0.95s; -o-transition: all 0.95s; -webkit-transition: all 0.95s; transition: all 0.95s; } .info-box-3.hover-expand-effect:hover:after { width: 100%; } .info-box-4 { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box-4 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-4 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 30px; } .info-box-4 .chart { margin-right: 5px; } .info-box-4 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-4 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-4 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-4 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-4 .content { display: inline-block; padding: 7px 16px; } .info-box-4 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-4 .content .number { font-weight: normal; font-size: 26px; color: #555; } .info-box-4.hover-zoom-effect .icon i { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .info-box-4.hover-zoom-effect:hover .icon i { opacity: 0.4; -moz-transform: rotate(-32deg) scale(1.4); -ms-transform: rotate(-32deg) scale(1.4); -o-transform: rotate(-32deg) scale(1.4); -webkit-transform: rotate(-32deg) scale(1.4); transform: rotate(-32deg) scale(1.4); } .info-box-4.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; -moz-transition: all 0.95s; -o-transition: all 0.95s; -webkit-transition: all 0.95s; transition: all 0.95s; } .info-box-4.hover-expand-effect:hover:after { width: 100%; } .alert { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: none; color: #ffffff !important; } .alert .alert-link { color: #ffffff; text-decoration: underline; font-weight: bold; } .alert-success { background-color: #2b982b; } .alert-info { background-color: #00b0e4; } .alert-warning { background-color: #ff9600 !important; } .alert-danger { background-color: #fb483a !important; } .alert-dismissible .close { color: #ffffff; opacity: 1; border: none; text-shadow: none; } /* notification blink*/ .notify { position: absolute; top: 20px; right: 10px; } .notify .heartbit { position: absolute; top: -20px; right: -16px; height: 25px; width: 25px; z-index: 10; border: 4px solid; border-color: #ffffff; border-radius: 70px; animation: heartbit 1s ease-out; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -ms-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .notify .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #ffffff; position: absolute; right: -6px; top: -10px; } @-moz-keyframes heartbit { 0% { -moz-transform: scale(0); opacity: 0; } 25% { -moz-transform: scale(0.1); opacity: .1; } 50% { -moz-transform: scale(0.5); opacity: .3; } 75% { -moz-transform: scale(0.8); opacity: .5; } 100% { -moz-transform: scale(1); opacity: 0; } } @-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.1); opacity: .1; } 50% { -webkit-transform: scale(0.5); opacity: .3; } 75% { -webkit-transform: scale(0.8); opacity: .5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @-ms-keyframes heartbit { 0% { -ms-transform: scale(0); opacity: 0; } 25% { -ms-transform: scale(0.1); opacity: .1; } 50% { -ms-transform: scale(0.5); opacity: .3; } 75% { -ms-transform: scale(0.8); opacity: .5; } 100% { -ms-transform: scale(1); opacity: 0; } } .sweet-alert { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; } .sweet-alert p { font-size: 14px !important; } .sweet-alert .sa-input-error { top: 23px !important; right: 13px !important; } .sweet-alert h2 { font-size: 18px !important; margin: 0 0 5px 0 !important; } .sweet-alert button { font-size: 15px !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; padding: 5px 20px !important; } [type="checkbox"] + label { padding-left: 26px; height: 25px; line-height: 21px; font-size: 13px; font-weight: normal; } [type="checkbox"]:checked + label:before { top: -4px; left: -2px; width: 11px; height: 19px; } [type="checkbox"]:checked.chk-col-red + label:before { border-right: 2px solid #ec3b57; border-bottom: 2px solid #ec3b57; } [type="checkbox"]:checked.chk-col-pink + label:before { border-right: 2px solid #E91E63; border-bottom: 2px solid #E91E63; } [type="checkbox"]:checked.chk-col-purple + label:before { border-right: 2px solid #ba3bd0; border-bottom: 2px solid #ba3bd0; } [type="checkbox"]:checked.chk-col-deep-purple + label:before { border-right: 2px solid #673AB7; border-bottom: 2px solid #673AB7; } [type="checkbox"]:checked.chk-col-blue + label:before { border-right: 2px solid #457fca; border-bottom: 2px solid #457fca; } [type="checkbox"]:checked.chk-col-cyan + label:before { border-right: 2px solid #379c94; border-bottom: 2px solid #379c94; } [type="checkbox"]:checked.chk-col-green + label:before { border-right: 2px solid #78b83e; border-bottom: 2px solid #78b83e; } [type="checkbox"]:checked.chk-col-light-green + label:before { border-right: 2px solid #8BC34A; border-bottom: 2px solid #8BC34A; } [type="checkbox"]:checked.chk-col-yellow + label:before { border-right: 2px solid #ffe821; border-bottom: 2px solid #ffe821; } [type="checkbox"]:checked.chk-col-orange + label:before { border-right: 2px solid #FF9800; border-bottom: 2px solid #FF9800; } [type="checkbox"]:checked.chk-col-deep-orange + label:before { border-right: 2px solid #f83600; border-bottom: 2px solid #f83600; } [type="checkbox"]:checked.chk-col-grey + label:before { border-right: 2px solid #9E9E9E; border-bottom: 2px solid #9E9E9E; } [type="checkbox"]:checked.chk-col-blue-grey + label:before { border-right: 2px solid #607D8B; border-bottom: 2px solid #607D8B; } [type="checkbox"]:checked.chk-col-indigo + label:before { border-right: 2px solid #3F51B5; border-bottom: 2px solid #3F51B5; } [type="checkbox"]:checked.chk-col-light-blue + label:before { border-right: 2px solid #03A9F4; border-bottom: 2px solid #03A9F4; } [type="checkbox"]:checked.chk-col-teal + label:before { border-right: 2px solid #009688; border-bottom: 2px solid #009688; } [type="checkbox"]:checked.chk-col-lime + label:before { border-right: 2px solid #CDDC39; border-bottom: 2px solid #CDDC39; } [type="checkbox"]:checked.chk-col-amber + label:before { border-right: 2px solid #FFC107; border-bottom: 2px solid #FFC107; } [type="checkbox"]:checked.chk-col-brown + label:before { border-right: 2px solid #795548; border-bottom: 2px solid #795548; } [type="checkbox"]:checked.chk-col-blush + label:before { border-right: 2px solid #F15F79; border-bottom: 2px solid #F15F79; } [type="checkbox"]:checked.chk-col-black + label:before { border-right: 2px solid #000000; border-bottom: 2px solid #000000; } [type="checkbox"]:checked.chk-col-white + label:before { border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; } [type="checkbox"].filled-in:checked + label:after { top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } [type="checkbox"].filled-in:checked + label:before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; } [type="checkbox"].filled-in:checked.chk-col-red + label:after { border: 2px solid #ec3b57; background-color: #ec3b57; } [type="checkbox"].filled-in:checked.chk-col-pink + label:after { border: 2px solid #E91E63; background-color: #E91E63; } [type="checkbox"].filled-in:checked.chk-col-purple + label:after { border: 2px solid #ba3bd0; background-color: #ba3bd0; } [type="checkbox"].filled-in:checked.chk-col-deep-purple + label:after { border: 2px solid #673AB7; background-color: #673AB7; } [type="checkbox"].filled-in:checked.chk-col-blue + label:after { border: 2px solid #457fca; background-color: #457fca; } [type="checkbox"].filled-in:checked.chk-col-cyan + label:after { border: 2px solid #379c94; background-color: #379c94; } [type="checkbox"].filled-in:checked.chk-col-green + label:after { border: 2px solid #78b83e; background-color: #78b83e; } [type="checkbox"].filled-in:checked.chk-col-light-green + label:after { border: 2px solid #8BC34A; background-color: #8BC34A; } [type="checkbox"].filled-in:checked.chk-col-yellow + label:after { border: 2px solid #ffe821; background-color: #ffe821; } [type="checkbox"].filled-in:checked.chk-col-orange + label:after { border: 2px solid #FF9800; background-color: #FF9800; } [type="checkbox"].filled-in:checked.chk-col-deep-orange + label:after { border: 2px solid #f83600; background-color: #f83600; } [type="checkbox"].filled-in:checked.chk-col-grey + label:after { border: 2px solid #9E9E9E; background-color: #9E9E9E; } [type="checkbox"].filled-in:checked.chk-col-blue-grey + label:after { border: 2px solid #607D8B; background-color: #607D8B; } [type="checkbox"].filled-in:checked.chk-col-indigo + label:after { border: 2px solid #3F51B5; background-color: #3F51B5; } [type="checkbox"].filled-in:checked.chk-col-light-blue + label:after { border: 2px solid #03A9F4; background-color: #03A9F4; } [type="checkbox"].filled-in:checked.chk-col-teal + label:after { border: 2px solid #009688; background-color: #009688; } [type="checkbox"].filled-in:checked.chk-col-lime + label:after { border: 2px solid #CDDC39; background-color: #CDDC39; } [type="checkbox"].filled-in:checked.chk-col-amber + label:after { border: 2px solid #FFC107; background-color: #FFC107; } [type="checkbox"].filled-in:checked.chk-col-brown + label:after { border: 2px solid #795548; background-color: #795548; } [type="checkbox"].filled-in:checked.chk-col-blush + label:after { border: 2px solid #F15F79; background-color: #F15F79; } [type="checkbox"].filled-in:checked.chk-col-black + label:after { border: 2px solid #000000; background-color: #000000; } [type="checkbox"].filled-in:checked.chk-col-white + label:after { border: 2px solid #ffffff; background-color: #ffffff; } [type="radio"]:not(:checked) + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 13px; font-weight: normal; } [type="radio"]:checked + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 13px; font-weight: normal; } [type="radio"].radio-col-red:checked + label:after { background-color: #ec3b57; border-color: #ec3b57; } [type="radio"].radio-col-pink:checked + label:after { background-color: #E91E63; border-color: #E91E63; } [type="radio"].radio-col-purple:checked + label:after { background-color: #ba3bd0; border-color: #ba3bd0; } [type="radio"].radio-col-deep-purple:checked + label:after { background-color: #673AB7; border-color: #673AB7; } [type="radio"].radio-col-blue:checked + label:after { background-color: #457fca; border-color: #457fca; } [type="radio"].radio-col-cyan:checked + label:after { background-color: #379c94; border-color: #379c94; } [type="radio"].radio-col-green:checked + label:after { background-color: #78b83e; border-color: #78b83e; } [type="radio"].radio-col-light-green:checked + label:after { background-color: #8BC34A; border-color: #8BC34A; } [type="radio"].radio-col-yellow:checked + label:after { background-color: #ffe821; border-color: #ffe821; } [type="radio"].radio-col-orange:checked + label:after { background-color: #FF9800; border-color: #FF9800; } [type="radio"].radio-col-deep-orange:checked + label:after { background-color: #f83600; border-color: #f83600; } [type="radio"].radio-col-grey:checked + label:after { background-color: #9E9E9E; border-color: #9E9E9E; } [type="radio"].radio-col-blue-grey:checked + label:after { background-color: #607D8B; border-color: #607D8B; } [type="radio"].radio-col-indigo:checked + label:after { background-color: #3F51B5; border-color: #3F51B5; } [type="radio"].radio-col-light-blue:checked + label:after { background-color: #03A9F4; border-color: #03A9F4; } [type="radio"].radio-col-teal:checked + label:after { background-color: #009688; border-color: #009688; } [type="radio"].radio-col-lime:checked + label:after { background-color: #CDDC39; border-color: #CDDC39; } [type="radio"].radio-col-amber:checked + label:after { background-color: #FFC107; border-color: #FFC107; } [type="radio"].radio-col-brown:checked + label:after { background-color: #795548; border-color: #795548; } [type="radio"].radio-col-blush:checked + label:after { background-color: #F15F79; border-color: #F15F79; } [type="radio"].radio-col-black:checked + label:after { background-color: #000000; border-color: #000000; } [type="radio"].radio-col-white:checked + label:after { background-color: #ffffff; border-color: #ffffff; } [type="radio"].with-gap.radio-col-red:checked + label:before { border: 2px solid #ec3b57; } [type="radio"].with-gap.radio-col-red:checked + label:after { background-color: #ec3b57; border: 2px solid #ec3b57; } [type="radio"].with-gap.radio-col-pink:checked + label:before { border: 2px solid #E91E63; } [type="radio"].with-gap.radio-col-pink:checked + label:after { background-color: #E91E63; border: 2px solid #E91E63; } [type="radio"].with-gap.radio-col-purple:checked + label:before { border: 2px solid #ba3bd0; } [type="radio"].with-gap.radio-col-purple:checked + label:after { background-color: #ba3bd0; border: 2px solid #ba3bd0; } [type="radio"].with-gap.radio-col-deep-purple:checked + label:before { border: 2px solid #673AB7; } [type="radio"].with-gap.radio-col-deep-purple:checked + label:after { background-color: #673AB7; border: 2px solid #673AB7; } [type="radio"].with-gap.radio-col-blue:checked + label:before { border: 2px solid #457fca; } [type="radio"].with-gap.radio-col-blue:checked + label:after { background-color: #457fca; border: 2px solid #457fca; } [type="radio"].with-gap.radio-col-cyan:checked + label:before { border: 2px solid #379c94; } [type="radio"].with-gap.radio-col-cyan:checked + label:after { background-color: #379c94; border: 2px solid #379c94; } [type="radio"].with-gap.radio-col-green:checked + label:before { border: 2px solid #78b83e; } [type="radio"].with-gap.radio-col-green:checked + label:after { background-color: #78b83e; border: 2px solid #78b83e; } [type="radio"].with-gap.radio-col-light-green:checked + label:before { border: 2px solid #8BC34A; } [type="radio"].with-gap.radio-col-light-green:checked + label:after { background-color: #8BC34A; border: 2px solid #8BC34A; } [type="radio"].with-gap.radio-col-yellow:checked + label:before { border: 2px solid #ffe821; } [type="radio"].with-gap.radio-col-yellow:checked + label:after { background-color: #ffe821; border: 2px solid #ffe821; } [type="radio"].with-gap.radio-col-orange:checked + label:before { border: 2px solid #FF9800; } [type="radio"].with-gap.radio-col-orange:checked + label:after { background-color: #FF9800; border: 2px solid #FF9800; } [type="radio"].with-gap.radio-col-deep-orange:checked + label:before { border: 2px solid #f83600; } [type="radio"].with-gap.radio-col-deep-orange:checked + label:after { background-color: #f83600; border: 2px solid #f83600; } [type="radio"].with-gap.radio-col-grey:checked + label:before { border: 2px solid #9E9E9E; } [type="radio"].with-gap.radio-col-grey:checked + label:after { background-color: #9E9E9E; border: 2px solid #9E9E9E; } [type="radio"].with-gap.radio-col-blue-grey:checked + label:before { border: 2px solid #607D8B; } [type="radio"].with-gap.radio-col-blue-grey:checked + label:after { background-color: #607D8B; border: 2px solid #607D8B; } [type="radio"].with-gap.radio-col-indigo:checked + label:before { border: 2px solid #3F51B5; } [type="radio"].with-gap.radio-col-indigo:checked + label:after { background-color: #3F51B5; border: 2px solid #3F51B5; } [type="radio"].with-gap.radio-col-light-blue:checked + label:before { border: 2px solid #03A9F4; } [type="radio"].with-gap.radio-col-light-blue:checked + label:after { background-color: #03A9F4; border: 2px solid #03A9F4; } [type="radio"].with-gap.radio-col-teal:checked + label:before { border: 2px solid #009688; } [type="radio"].with-gap.radio-col-teal:checked + label:after { background-color: #009688; border: 2px solid #009688; } [type="radio"].with-gap.radio-col-lime:checked + label:before { border: 2px solid #CDDC39; } [type="radio"].with-gap.radio-col-lime:checked + label:after { background-color: #CDDC39; border: 2px solid #CDDC39; } [type="radio"].with-gap.radio-col-amber:checked + label:before { border: 2px solid #FFC107; } [type="radio"].with-gap.radio-col-amber:checked + label:after { background-color: #FFC107; border: 2px solid #FFC107; } [type="radio"].with-gap.radio-col-brown:checked + label:before { border: 2px solid #795548; } [type="radio"].with-gap.radio-col-brown:checked + label:after { background-color: #795548; border: 2px solid #795548; } [type="radio"].with-gap.radio-col-blush:checked + label:before { border: 2px solid #F15F79; } [type="radio"].with-gap.radio-col-blush:checked + label:after { background-color: #F15F79; border: 2px solid #F15F79; } [type="radio"].with-gap.radio-col-black:checked + label:before { border: 2px solid #000000; } [type="radio"].with-gap.radio-col-black:checked + label:after { background-color: #000000; border: 2px solid #000000; } [type="radio"].with-gap.radio-col-white:checked + label:before { border: 2px solid #ffffff; } [type="radio"].with-gap.radio-col-white:checked + label:after { background-color: #ffffff; border: 2px solid #ffffff; } .switch label { font-weight: normal; font-size: 13px; } .switch label .lever { margin: 0 14px; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(236, 59, 87, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(236, 59, 87, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-red { background-color: rgba(236, 59, 87, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-red:after { background-color: #ec3b57; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink { background-color: rgba(233, 30, 99, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after { background-color: #E91E63; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(186, 59, 208, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(186, 59, 208, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple { background-color: rgba(186, 59, 208, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after { background-color: #ba3bd0; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple { background-color: rgba(103, 58, 183, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-deep-purple:after { background-color: #673AB7; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(69, 127, 202, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(69, 127, 202, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue { background-color: rgba(69, 127, 202, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after { background-color: #457fca; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(55, 156, 148, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(55, 156, 148, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan { background-color: rgba(55, 156, 148, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after { background-color: #379c94; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(120, 184, 62, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(120, 184, 62, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-green { background-color: rgba(120, 184, 62, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-green:after { background-color: #78b83e; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-light-green { background-color: rgba(139, 195, 74, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-light-green:after { background-color: #8BC34A; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow { background-color: rgba(255, 232, 33, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after { background-color: #ffe821; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange { background-color: rgba(255, 152, 0, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after { background-color: #FF9800; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(248, 54, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(248, 54, 0, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange { background-color: rgba(248, 54, 0, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-deep-orange:after { background-color: #f83600; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-grey { background-color: rgba(158, 158, 158, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-grey:after { background-color: #9E9E9E; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey { background-color: rgba(96, 125, 139, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue-grey:after { background-color: #607D8B; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo { background-color: rgba(63, 81, 181, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after { background-color: #3F51B5; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue { background-color: rgba(3, 169, 244, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-light-blue:after { background-color: #03A9F4; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal { background-color: rgba(0, 150, 136, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { background-color: #009688; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-lime { background-color: rgba(205, 220, 57, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-lime:after { background-color: #CDDC39; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-amber { background-color: rgba(255, 193, 7, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-amber:after { background-color: #FFC107; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-brown { background-color: rgba(121, 85, 72, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-brown:after { background-color: #795548; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blush:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(241, 95, 121, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(241, 95, 121, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-blush { background-color: rgba(241, 95, 121, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-blush:after { background-color: #F15F79; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-black { background-color: rgba(0, 0, 0, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-black:after { background-color: #000000; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-white { background-color: rgba(255, 255, 255, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-white:after { background-color: #ffffff; } .dtp div.dtp-date, .dtp div.dtp-time { background: #007d72; } .dtp > .dtp-content > .dtp-date-view > header.dtp-header { background: #009688; } .dtp .dtp-buttons .dtp-btn-ok { margin-left: 10px; } .dtp .dtp-buttons .dtp-btn-clear { margin-right: 10px !important; } .dtp .p10 > a { color: #fff; } .dtp div.dtp-actual-year { font-size: 1.5em; color: #ffffff; } .dtp table.dtp-picker-days tr td a.selected { background: #007d72; color: #fff; } .bootstrap-select { -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: 1px solid #ddd !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:active { outline: none !important; } .bootstrap-select .bs-searchbox, .bootstrap-select .bs-actionsbox, .bootstrap-select .bs-donebutton { padding: 0 0 5px 0; border-bottom: 1px solid #eeeeee; } .bootstrap-select .bs-searchbox .form-control, .bootstrap-select .bs-actionsbox .form-control, .bootstrap-select .bs-donebutton .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; border: none; margin-left: 30px; } .bootstrap-select .bs-searchbox { position: relative; } .bootstrap-select .bs-searchbox:after { content: '\E8B6'; font-family: 'Material Icons'; position: absolute; top: 0; left: 10px; font-size: 25px; } .bootstrap-select ul.dropdown-menu { margin-top: 0 !important; } .bootstrap-select .dropdown-menu li.selected a { background-color: #eeeeee !important; color: #616161 !important; } .bootstrap-select .dropdown-menu .active a { background-color: transparent; color: #212121 !important; } .bootstrap-select .dropdown-menu .notify { background-color: #F44336 !important; color: #ffffff !important; border: none !important; } .bootstrap-select.btn-group.show-tick > .btn { border-bottom: 1px solid #ddd !important; padding-left: 0; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { margin-top: 9px; } .bootstrap-select.btn-group.show-tick .dropdown-menu.inner { display: block; } .nav-tabs { border-bottom: 2px solid #eeeeee; } .nav-tabs > li { position: relative; top: 0px; left: 0px; } .nav-tabs > li > a { border: none !important; color: #9e9e9e !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { background-color: transparent !important; } .nav-tabs > li > a:before { content: ''; position: absolute; left: 0; width: 100%; height: 0; border-bottom: 2px solid #2196F3; bottom: 2px; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; -webkit-transition: 0.1s ease-in; transition: 0.1s ease-in; } .nav-tabs li.active a { color: #212121 !important; } .nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus { background-color: transparent !important; } .nav-tabs li.active a:before { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } .nav-tabs + .tab-content { padding: 15px 0; } .nav-tabs.tab-col-red > li > a:before { border-bottom: 2px solid #ec3b57; } .nav-tabs.tab-col-pink > li > a:before { border-bottom: 2px solid #E91E63; } .nav-tabs.tab-col-purple > li > a:before { border-bottom: 2px solid #ba3bd0; } .nav-tabs.tab-col-deep-purple > li > a:before { border-bottom: 2px solid #673AB7; } .nav-tabs.tab-col-blue > li > a:before { border-bottom: 2px solid #457fca; } .nav-tabs.tab-col-cyan > li > a:before { border-bottom: 2px solid #379c94; } .nav-tabs.tab-col-green > li > a:before { border-bottom: 2px solid #78b83e; } .nav-tabs.tab-col-light-green > li > a:before { border-bottom: 2px solid #8BC34A; } .nav-tabs.tab-col-yellow > li > a:before { border-bottom: 2px solid #ffe821; } .nav-tabs.tab-col-orange > li > a:before { border-bottom: 2px solid #FF9800; } .nav-tabs.tab-col-deep-orange > li > a:before { border-bottom: 2px solid #f83600; } .nav-tabs.tab-col-grey > li > a:before { border-bottom: 2px solid #9E9E9E; } .nav-tabs.tab-col-blue-grey > li > a:before { border-bottom: 2px solid #607D8B; } .nav-tabs.tab-col-indigo > li > a:before { border-bottom: 2px solid #3F51B5; } .nav-tabs.tab-col-light-blue > li > a:before { border-bottom: 2px solid #03A9F4; } .nav-tabs.tab-col-teal > li > a:before { border-bottom: 2px solid #009688; } .nav-tabs.tab-col-lime > li > a:before { border-bottom: 2px solid #CDDC39; } .nav-tabs.tab-col-amber > li > a:before { border-bottom: 2px solid #FFC107; } .nav-tabs.tab-col-brown > li > a:before { border-bottom: 2px solid #795548; } .nav-tabs.tab-col-blush > li > a:before { border-bottom: 2px solid #F15F79; } .nav-tabs.tab-col-black > li > a:before { border-bottom: 2px solid #000000; } .nav-tabs.tab-col-white > li > a:before { border-bottom: 2px solid #ffffff; } .modal .modal-header { border: none; padding: 25px 25px 5px 25px; } .modal .modal-header .modal-title { font-weight: bold; font-size: 16px; } .modal .modal-content { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; border: none; } .modal .modal-content .modal-body { color: #777; padding: 15px 25px; } .modal .modal-footer { border: none; } .modal-col-red { background-color: #ec3b57; } .modal-col-red .modal-body, .modal-col-red .modal-title { color: #fff !important; } .modal-col-red .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red .modal-footer .btn-link { color: #fff !important; } .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink { background-color: #E91E63; } .modal-col-pink .modal-body, .modal-col-pink .modal-title { color: #fff !important; } .modal-col-pink .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink .modal-footer .btn-link { color: #fff !important; } .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple { background-color: #ba3bd0; } .modal-col-purple .modal-body, .modal-col-purple .modal-title { color: #fff !important; } .modal-col-purple .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple .modal-footer .btn-link { color: #fff !important; } .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-deep-purple { background-color: #673AB7; } .modal-col-deep-purple .modal-body, .modal-col-deep-purple .modal-title { color: #fff !important; } .modal-col-deep-purple .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-deep-purple .modal-footer .btn-link { color: #fff !important; } .modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue { background-color: #457fca; } .modal-col-blue .modal-body, .modal-col-blue .modal-title { color: #fff !important; } .modal-col-blue .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue .modal-footer .btn-link { color: #fff !important; } .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan { background-color: #379c94; } .modal-col-cyan .modal-body, .modal-col-cyan .modal-title { color: #fff !important; } .modal-col-cyan .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan .modal-footer .btn-link { color: #fff !important; } .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green { background-color: #78b83e; } .modal-col-green .modal-body, .modal-col-green .modal-title { color: #fff !important; } .modal-col-green .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green .modal-footer .btn-link { color: #fff !important; } .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-light-green { background-color: #8BC34A; } .modal-col-light-green .modal-body, .modal-col-light-green .modal-title { color: #fff !important; } .modal-col-light-green .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-light-green .modal-footer .btn-link { color: #fff !important; } .modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow { background-color: #ffe821; } .modal-col-yellow .modal-body, .modal-col-yellow .modal-title { color: #fff !important; } .modal-col-yellow .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow .modal-footer .btn-link { color: #fff !important; } .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange { background-color: #FF9800; } .modal-col-orange .modal-body, .modal-col-orange .modal-title { color: #fff !important; } .modal-col-orange .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange .modal-footer .btn-link { color: #fff !important; } .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-deep-orange { background-color: #f83600; } .modal-col-deep-orange .modal-body, .modal-col-deep-orange .modal-title { color: #fff !important; } .modal-col-deep-orange .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-deep-orange .modal-footer .btn-link { color: #fff !important; } .modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-grey { background-color: #9E9E9E; } .modal-col-grey .modal-body, .modal-col-grey .modal-title { color: #fff !important; } .modal-col-grey .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-grey .modal-footer .btn-link { color: #fff !important; } .modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue-grey { background-color: #607D8B; } .modal-col-blue-grey .modal-body, .modal-col-blue-grey .modal-title { color: #fff !important; } .modal-col-blue-grey .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue-grey .modal-footer .btn-link { color: #fff !important; } .modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo { background-color: #3F51B5; } .modal-col-indigo .modal-body, .modal-col-indigo .modal-title { color: #fff !important; } .modal-col-indigo .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo .modal-footer .btn-link { color: #fff !important; } .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-light-blue { background-color: #03A9F4; } .modal-col-light-blue .modal-body, .modal-col-light-blue .modal-title { color: #fff !important; } .modal-col-light-blue .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-light-blue .modal-footer .btn-link { color: #fff !important; } .modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal { background-color: #009688; } .modal-col-teal .modal-body, .modal-col-teal .modal-title { color: #fff !important; } .modal-col-teal .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal .modal-footer .btn-link { color: #fff !important; } .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-lime { background-color: #CDDC39; } .modal-col-lime .modal-body, .modal-col-lime .modal-title { color: #fff !important; } .modal-col-lime .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-lime .modal-footer .btn-link { color: #fff !important; } .modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-amber { background-color: #FFC107; } .modal-col-amber .modal-body, .modal-col-amber .modal-title { color: #fff !important; } .modal-col-amber .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-amber .modal-footer .btn-link { color: #fff !important; } .modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-brown { background-color: #795548; } .modal-col-brown .modal-body, .modal-col-brown .modal-title { color: #fff !important; } .modal-col-brown .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-brown .modal-footer .btn-link { color: #fff !important; } .modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blush { background-color: #F15F79; } .modal-col-blush .modal-body, .modal-col-blush .modal-title { color: #fff !important; } .modal-col-blush .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blush .modal-footer .btn-link { color: #fff !important; } .modal-col-blush .modal-footer .btn-link:hover, .modal-col-blush .modal-footer .btn-link:active, .modal-col-blush .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-black { background-color: #000000; } .modal-col-black .modal-body, .modal-col-black .modal-title { color: #fff !important; } .modal-col-black .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-black .modal-footer .btn-link { color: #fff !important; } .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white { background-color: #ffffff; } .modal-col-white .modal-body, .modal-col-white .modal-title { color: #fff !important; } .modal-col-white .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white .modal-footer .btn-link { color: #fff !important; } .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .label { border-radius: 3px; padding: 5px 12px; text-transform: uppercase; font-size: 11px; color: #ffffff; } .label-primary { background-color: #1f91f3; } .label-success { background-color: #2b982b; } .label-info { background-color: #00b0e4; } .label-warning { background-color: #ff9600; } .label-danger { background-color: #fb483a; } .collapse .well, .collapse.in .well, .collapsing .well { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin-bottom: 0; } @media only screen and (min-width: 993px) { .collapse.collapse-sm, .collapse.collapse-xs { display: block; } } .table tbody tr td, .table tbody tr th { padding: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .table tbody tr.primary td, .table tbody tr.primary th { background-color: #1f91f3; color: #fff; } .table tbody tr.success td, .table tbody tr.success th { background-color: #2b982b; color: #fff; } .table tbody tr.info td, .table tbody tr.info th { background-color: #00b0e4; color: #fff; } .table tbody tr.warning td, .table tbody tr.warning th { background-color: #ff9600; color: #fff; } .table tbody tr.danger td, .table tbody tr.danger th { background-color: #fb483a; color: #fff; } .table thead tr th { padding: 10px; border-bottom: 1px solid #eee; } .table-bordered { border-top: 1px solid #eee; } .table-bordered tbody tr td, .table-bordered tbody tr th { padding: 10px; border: 1px solid #eee; } .table-bordered thead tr th { padding: 10px; border: 1px solid #eee; } .panel-group .panel-col-red .panel-title { background-color: #ec3b57 !important; color: #fff; } .panel-group .panel-col-red .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-pink .panel-title { background-color: #E91E63 !important; color: #fff; } .panel-group .panel-col-pink .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-purple .panel-title { background-color: #ba3bd0 !important; color: #fff; } .panel-group .panel-col-purple .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-deep-purple .panel-title { background-color: #673AB7 !important; color: #fff; } .panel-group .panel-col-deep-purple .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-blue .panel-title { background-color: #457fca !important; color: #fff; } .panel-group .panel-col-blue .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-cyan .panel-title { background-color: #379c94 !important; color: #fff; } .panel-group .panel-col-cyan .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-green .panel-title { background-color: #78b83e !important; color: #fff; } .panel-group .panel-col-green .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-light-green .panel-title { background-color: #8BC34A !important; color: #fff; } .panel-group .panel-col-light-green .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-yellow .panel-title { background-color: #ffe821 !important; color: #fff; } .panel-group .panel-col-yellow .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-orange .panel-title { background-color: #FF9800 !important; color: #fff; } .panel-group .panel-col-orange .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-deep-orange .panel-title { background-color: #f83600 !important; color: #fff; } .panel-group .panel-col-deep-orange .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-grey .panel-title { background-color: #9E9E9E !important; color: #fff; } .panel-group .panel-col-grey .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-blue-grey .panel-title { background-color: #607D8B !important; color: #fff; } .panel-group .panel-col-blue-grey .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-indigo .panel-title { background-color: #3F51B5 !important; color: #fff; } .panel-group .panel-col-indigo .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-light-blue .panel-title { background-color: #03A9F4 !important; color: #fff; } .panel-group .panel-col-light-blue .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-teal .panel-title { background-color: #009688 !important; color: #fff; } .panel-group .panel-col-teal .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-lime .panel-title { background-color: #CDDC39 !important; color: #fff; } .panel-group .panel-col-lime .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-amber .panel-title { background-color: #FFC107 !important; color: #fff; } .panel-group .panel-col-amber .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-brown .panel-title { background-color: #795548 !important; color: #fff; } .panel-group .panel-col-brown .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-blush .panel-title { background-color: #F15F79 !important; color: #fff; } .panel-group .panel-col-blush .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-black .panel-title { background-color: #000000 !important; color: #fff; } .panel-group .panel-col-black .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-white .panel-title { background-color: #ffffff !important; color: #fff; } .panel-group .panel-col-white .panel-body { border-top-color: transparent !important; } .panel-group .panel { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; margin-bottom: 5px; } .panel-group .panel .panel-title { font-weight: normal; font-size: 16px; } .panel-group .panel .panel-title a { color: inherit; } .panel-group .panel .panel-title .material-icons { float: left; line-height: 16px; margin-right: 8px; } .panel-group .panel .panel-heading { padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .panel-group .panel .panel-heading a { display: block; padding: 10px 15px; } .panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active { text-decoration: none; } .panel-group .panel .panel-body { color: #555; padding: 20px; background: #fff; } .panel-group .panel-primary .panel-title { background-color: #fff; color: #555; font-weight: 400; font-size: 16px; margin: 0; } .panel-group .panel-success .panel-title { background-color: #2b982b; color: #fff; } .panel-group .panel-warning .panel-title { background-color: #ff9600; color: #fff; } .panel-group .panel-danger .panel-title { background-color: #fb483a; color: #fff; } .full-body .panel-col-red .panel-body { border-top-color: #fff !important; background-color: #ec3b57; color: #fff; } .full-body .panel-col-pink .panel-body { border-top-color: #fff !important; background-color: #E91E63; color: #fff; } .full-body .panel-col-purple .panel-body { border-top-color: #fff !important; background-color: #ba3bd0; color: #fff; } .full-body .panel-col-deep-purple .panel-body { border-top-color: #fff !important; background-color: #673AB7; color: #fff; } .full-body .panel-col-blue .panel-body { border-top-color: #fff !important; background-color: #457fca; color: #fff; } .full-body .panel-col-cyan .panel-body { border-top-color: #fff !important; background-color: #379c94; color: #fff; } .full-body .panel-col-green .panel-body { border-top-color: #fff !important; background-color: #78b83e; color: #fff; } .full-body .panel-col-light-green .panel-body { border-top-color: #fff !important; background-color: #8BC34A; color: #fff; } .full-body .panel-col-yellow .panel-body { border-top-color: #fff !important; background-color: #ffe821; color: #fff; } .full-body .panel-col-orange .panel-body { border-top-color: #fff !important; background-color: #FF9800; color: #fff; } .full-body .panel-col-deep-orange .panel-body { border-top-color: #fff !important; background-color: #f83600; color: #fff; } .full-body .panel-col-grey .panel-body { border-top-color: #fff !important; background-color: #9E9E9E; color: #fff; } .full-body .panel-col-blue-grey .panel-body { border-top-color: #fff !important; background-color: #607D8B; color: #fff; } .full-body .panel-col-indigo .panel-body { border-top-color: #fff !important; background-color: #3F51B5; color: #fff; } .full-body .panel-col-light-blue .panel-body { border-top-color: #fff !important; background-color: #03A9F4; color: #fff; } .full-body .panel-col-teal .panel-body { border-top-color: #fff !important; background-color: #009688; color: #fff; } .full-body .panel-col-lime .panel-body { border-top-color: #fff !important; background-color: #CDDC39; color: #fff; } .full-body .panel-col-amber .panel-body { border-top-color: #fff !important; background-color: #FFC107; color: #fff; } .full-body .panel-col-brown .panel-body { border-top-color: #fff !important; background-color: #795548; color: #fff; } .full-body .panel-col-blush .panel-body { border-top-color: #fff !important; background-color: #F15F79; color: #fff; } .full-body .panel-col-black .panel-body { border-top-color: #fff !important; background-color: #000000; color: #fff; } .full-body .panel-col-white .panel-body { border-top-color: #fff !important; background-color: #ffffff; color: #fff; } .full-body .panel-primary .panel-body { border-top-color: #fff !important; background-color: #1f91f3; color: #fff; } .full-body .panel-success .panel-body { border-top-color: #fff !important; background-color: #2b982b; color: #fff; } .full-body .panel-warning .panel-body { border-top-color: #fff !important; background-color: #ff9600; color: #fff; } .full-body .panel-danger .panel-body { border-top-color: #fff !important; background-color: #fb483a; color: #fff; } .progress { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .progress .progress-bar { line-height: 23px; background-color: #1f91f3; } .progress .progress-bar-success { background-color: #2b982b; } .progress .progress-bar-info { background-color: #00b0e4; } .progress .progress-bar-warning { background-color: #ff9600; } .progress .progress-bar-danger { background-color: #fb483a; } .irs .irs-min, .irs .irs-max, .irs .irs-from, .irs .irs-to, .irs .irs-single { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .input-group { width: 100%; margin-bottom: 20px; } .input-group .form-line { display: inline-block; width: 100%; border-bottom: 1px solid #ddd; position: relative; } .input-group .form-line:after { content: ''; position: absolute; left: 0; width: 100%; bottom: -2px; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; -webkit-transition: 0.25s ease-in; transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .input-group .form-line + .input-group-addon { padding-right: 0; padding-left: 10px; } .input-group .help-info { float: right; font-size: 12px; margin-top: 5px; color: #9e9e9e; } .input-group label.error { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; color: #F44336; } .input-group .form-line.error:after { border-bottom: 2px solid #F44336; } .input-group .form-line.success:after { border-bottom: 2px solid #4CAF50; } .input-group .form-line.warning:after { border-bottom: 2px solid #FFC107; } .input-group .form-line.focused:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } .input-group .form-line.focused .form-label { bottom: 25px; left: 0; font-size: 12px; } .input-group .input-group-addon { border: none; background-color: transparent; padding-left: 0; font-weight: bold; } .input-group .input-group-addon .material-icons { font-size: 18px; color: #424242; } .input-group input[type="text"], .input-group .form-control { border: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; } .input-group .form-control { width: 100%; } .input-group .form-control:focus { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .input-group.input-group-sm .input-group-addon i { font-size: 14px; } .input-group.input-group-sm .form-control { font-size: 12px; } .input-group.input-group-lg .input-group-addon i { font-size: 26px; } .input-group.input-group-lg .form-control { font-size: 18px; } .form-control-label { text-align: right; } .form-control-label label { margin-top: 8px; } .form-horizontal .form-group { margin-bottom: 0; } .form-group { width: 100%; margin-bottom: 25px; } .form-group .form-control { width: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding-left: 0; } .form-group .help-info { float: right; font-size: 12px; margin-top: 5px; color: #9e9e9e; } .form-group label.error { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; color: #F44336; } .form-group .form-line { width: 100%; position: relative; border-bottom: 1px solid #ddd; } .form-group .form-line:after { content: ''; position: absolute; left: 0; width: 100%; height: 0; bottom: -1px; -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -moz-transition: 0.25s ease-in; -o-transition: 0.25s ease-in; -webkit-transition: 0.25s ease-in; transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .form-group .form-line .form-label { font-weight: normal; color: #aaa; position: absolute; top: 10px; left: 0; cursor: text; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } .form-group .form-line.error:after { border-bottom: 2px solid #F44336; } .form-group .form-line.success:after { border-bottom: 2px solid #4CAF50; } .form-group .form-line.warning:after { border-bottom: 2px solid #FFC107; } .form-group .form-line.focused:after { -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); } .form-group .form-line.focused .form-label { top: -10px; left: 0; font-size: 12px; } .form-group-sm .form-label { font-size: 12px; } .form-group-sm .form-line.focused .form-label { bottom: 20px; font-size: 10px; } .form-group-lg .form-label { font-size: 18px; } .form-group-lg .form-line.focused .form-label { bottom: 35px; font-size: 12px; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; } .colorpicker { z-index: 99; } .colorpicker:before, .colorpicker:after { display: none !important; } .dropzone { border: 2px solid transparent !important; background-color: #eee !important; } .dropzone .dz-message .drag-icon-cph .material-icons { font-size: 80px; color: #777; } .dz-drag-hover { border: 2px dashed #888 !important; } .breadcrumb { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color: transparent; margin-bottom: 10px; } .breadcrumb-col-red li a { color: #ec3b57 !important; font-weight: bold; } .breadcrumb-bg-red { background-color: #ec3b57 !important; } .breadcrumb-bg-red li { color: #ffffff !important; } .breadcrumb-bg-red li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-red li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-red li + li:before { color: #ffffff; } .breadcrumb-col-pink li a { color: #E91E63 !important; font-weight: bold; } .breadcrumb-bg-pink { background-color: #E91E63 !important; } .breadcrumb-bg-pink li { color: #ffffff !important; } .breadcrumb-bg-pink li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-pink li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-pink li + li:before { color: #ffffff; } .breadcrumb-col-purple li a { color: #ba3bd0 !important; font-weight: bold; } .breadcrumb-bg-purple { background-color: #ba3bd0 !important; } .breadcrumb-bg-purple li { color: #ffffff !important; } .breadcrumb-bg-purple li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-purple li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-purple li + li:before { color: #ffffff; } .breadcrumb-col-deep-purple li a { color: #673AB7 !important; font-weight: bold; } .breadcrumb-bg-deep-purple { background-color: #673AB7 !important; } .breadcrumb-bg-deep-purple li { color: #ffffff !important; } .breadcrumb-bg-deep-purple li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-deep-purple li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-deep-purple li + li:before { color: #ffffff; } .breadcrumb-col-blue li a { color: #457fca !important; font-weight: bold; } .breadcrumb-bg-blue { background-color: #457fca !important; } .breadcrumb-bg-blue li { color: #ffffff !important; } .breadcrumb-bg-blue li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-blue li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-blue li + li:before { color: #ffffff; } .breadcrumb-col-cyan li a { color: #379c94 !important; font-weight: bold; } .breadcrumb-bg-cyan { background-color: #379c94 !important; } .breadcrumb-bg-cyan li { color: #ffffff !important; } .breadcrumb-bg-cyan li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-cyan li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-cyan li + li:before { color: #ffffff; } .breadcrumb-col-green li a { color: #78b83e !important; font-weight: bold; } .breadcrumb-bg-green { background-color: #78b83e !important; } .breadcrumb-bg-green li { color: #ffffff !important; } .breadcrumb-bg-green li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-green li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-green li + li:before { color: #ffffff; } .breadcrumb-col-light-green li a { color: #8BC34A !important; font-weight: bold; } .breadcrumb-bg-light-green { background-color: #8BC34A !important; } .breadcrumb-bg-light-green li { color: #ffffff !important; } .breadcrumb-bg-light-green li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-light-green li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-light-green li + li:before { color: #ffffff; } .breadcrumb-col-yellow li a { color: #ffe821 !important; font-weight: bold; } .breadcrumb-bg-yellow { background-color: #ffe821 !important; } .breadcrumb-bg-yellow li { color: #ffffff !important; } .breadcrumb-bg-yellow li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-yellow li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-yellow li + li:before { color: #ffffff; } .breadcrumb-col-orange li a { color: #FF9800 !important; font-weight: bold; } .breadcrumb-bg-orange { background-color: #FF9800 !important; } .breadcrumb-bg-orange li { color: #ffffff !important; } .breadcrumb-bg-orange li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-orange li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-orange li + li:before { color: #ffffff; } .breadcrumb-col-deep-orange li a { color: #f83600 !important; font-weight: bold; } .breadcrumb-bg-deep-orange { background-color: #f83600 !important; } .breadcrumb-bg-deep-orange li { color: #ffffff !important; } .breadcrumb-bg-deep-orange li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-deep-orange li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-deep-orange li + li:before { color: #ffffff; } .breadcrumb-col-grey li a { color: #9E9E9E !important; font-weight: bold; } .breadcrumb-bg-grey { background-color: #9E9E9E !important; } .breadcrumb-bg-grey li { color: #ffffff !important; } .breadcrumb-bg-grey li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-grey li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-grey li + li:before { color: #ffffff; } .breadcrumb-col-blue-grey li a { color: #607D8B !important; font-weight: bold; } .breadcrumb-bg-blue-grey { background-color: #607D8B !important; } .breadcrumb-bg-blue-grey li { color: #ffffff !important; } .breadcrumb-bg-blue-grey li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-blue-grey li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-blue-grey li + li:before { color: #ffffff; } .breadcrumb-col-indigo li a { color: #3F51B5 !important; font-weight: bold; } .breadcrumb-bg-indigo { background-color: #3F51B5 !important; } .breadcrumb-bg-indigo li { color: #ffffff !important; } .breadcrumb-bg-indigo li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-indigo li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-indigo li + li:before { color: #ffffff; } .breadcrumb-col-light-blue li a { color: #03A9F4 !important; font-weight: bold; } .breadcrumb-bg-light-blue { background-color: #03A9F4 !important; } .breadcrumb-bg-light-blue li { color: #ffffff !important; } .breadcrumb-bg-light-blue li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-light-blue li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-light-blue li + li:before { color: #ffffff; } .breadcrumb-col-teal li a { color: #009688 !important; font-weight: bold; } .breadcrumb-bg-teal { background-color: #009688 !important; } .breadcrumb-bg-teal li { color: #ffffff !important; } .breadcrumb-bg-teal li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-teal li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-teal li + li:before { color: #ffffff; } .breadcrumb-col-lime li a { color: #CDDC39 !important; font-weight: bold; } .breadcrumb-bg-lime { background-color: #CDDC39 !important; } .breadcrumb-bg-lime li { color: #ffffff !important; } .breadcrumb-bg-lime li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-lime li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-lime li + li:before { color: #ffffff; } .breadcrumb-col-amber li a { color: #FFC107 !important; font-weight: bold; } .breadcrumb-bg-amber { background-color: #FFC107 !important; } .breadcrumb-bg-amber li { color: #ffffff !important; } .breadcrumb-bg-amber li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-amber li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-amber li + li:before { color: #ffffff; } .breadcrumb-col-brown li a { color: #795548 !important; font-weight: bold; } .breadcrumb-bg-brown { background-color: #795548 !important; } .breadcrumb-bg-brown li { color: #ffffff !important; } .breadcrumb-bg-brown li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-brown li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-brown li + li:before { color: #ffffff; } .breadcrumb-col-blush li a { color: #F15F79 !important; font-weight: bold; } .breadcrumb-bg-blush { background-color: #F15F79 !important; } .breadcrumb-bg-blush li { color: #ffffff !important; } .breadcrumb-bg-blush li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-blush li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-blush li + li:before { color: #ffffff; } .breadcrumb-col-black li a { color: #000000 !important; font-weight: bold; } .breadcrumb-bg-black { background-color: #000000 !important; } .breadcrumb-bg-black li { color: #ffffff !important; } .breadcrumb-bg-black li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-black li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-black li + li:before { color: #ffffff; } .breadcrumb-col-white li a { color: #ffffff !important; font-weight: bold; } .breadcrumb-bg-white { background-color: #ffffff !important; } .breadcrumb-bg-white li { color: #ffffff !important; } .breadcrumb-bg-white li a { color: #ffffff; font-weight: bold; } .breadcrumb-bg-white li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-white li + li:before { color: #ffffff; } .badge { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .list-group-item { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .list-group .active { background-color: #2196F3; border-color: #2196F3; } .list-group .active:hover, .list-group .active:focus, .list-group .active:active { background-color: #2196F3; border-color: #2196F3; } .list-group .active .list-group-item-text { color: #dfe9f1; font-size: 13px; } .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus { color: #dfe9f1; } .list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text { color: #dfe9f1; } .list-group .list-group-item:first-child, .list-group .list-group-item:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .list-group .list-group-item .list-group-item-heading { font-weight: bold; font-size: 17px; } .list-group .list-group-item-success { background-color: #2b982b; border: none; color: #fff; } .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus { background-color: #2b982b; color: #fff; opacity: 0.8; } .list-group .list-group-item-info { background-color: #00b0e4; border: none; color: #fff; } .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus { background-color: #00b0e4; color: #fff; opacity: 0.8; } .list-group .list-group-item-warning { background-color: #ff9600; border: none; color: #fff; } .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus { background-color: #ff9600; color: #fff; opacity: 0.8; } .list-group .list-group-item-danger { background-color: #fb483a; border: none; color: #fff; } .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus { background-color: #fb483a; color: #fff; opacity: 0.8; } .list-group .pl-red { stroke: #ec3b57; } .list-group .list-group-bg-red { background-color: #ec3b57; border: none; color: #fff; } .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus { background-color: #ec3b57; color: #fff; opacity: 0.8; } .list-group .pl-pink { stroke: #E91E63; } .list-group .list-group-bg-pink { background-color: #E91E63; border: none; color: #fff; } .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus { background-color: #E91E63; color: #fff; opacity: 0.8; } .list-group .pl-purple { stroke: #ba3bd0; } .list-group .list-group-bg-purple { background-color: #ba3bd0; border: none; color: #fff; } .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus { background-color: #ba3bd0; color: #fff; opacity: 0.8; } .list-group .pl-deep-purple { stroke: #673AB7; } .list-group .list-group-bg-deep-purple { background-color: #673AB7; border: none; color: #fff; } .list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus { background-color: #673AB7; color: #fff; opacity: 0.8; } .list-group .pl-blue { stroke: #457fca; } .list-group .list-group-bg-blue { background-color: #457fca; border: none; color: #fff; } .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus { background-color: #457fca; color: #fff; opacity: 0.8; } .list-group .pl-cyan { stroke: #379c94; } .list-group .list-group-bg-cyan { background-color: #379c94; border: none; color: #fff; } .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus { background-color: #379c94; color: #fff; opacity: 0.8; } .list-group .pl-green { stroke: #78b83e; } .list-group .list-group-bg-green { background-color: #78b83e; border: none; color: #fff; } .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus { background-color: #78b83e; color: #fff; opacity: 0.8; } .list-group .pl-light-green { stroke: #8BC34A; } .list-group .list-group-bg-light-green { background-color: #8BC34A; border: none; color: #fff; } .list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus { background-color: #8BC34A; color: #fff; opacity: 0.8; } .list-group .pl-yellow { stroke: #ffe821; } .list-group .list-group-bg-yellow { background-color: #ffe821; border: none; color: #fff; } .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus { background-color: #ffe821; color: #fff; opacity: 0.8; } .list-group .pl-orange { stroke: #FF9800; } .list-group .list-group-bg-orange { background-color: #FF9800; border: none; color: #fff; } .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus { background-color: #FF9800; color: #fff; opacity: 0.8; } .list-group .pl-deep-orange { stroke: #f83600; } .list-group .list-group-bg-deep-orange { background-color: #f83600; border: none; color: #fff; } .list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus { background-color: #f83600; color: #fff; opacity: 0.8; } .list-group .pl-grey { stroke: #9E9E9E; } .list-group .list-group-bg-grey { background-color: #9E9E9E; border: none; color: #fff; } .list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus { background-color: #9E9E9E; color: #fff; opacity: 0.8; } .list-group .pl-blue-grey { stroke: #607D8B; } .list-group .list-group-bg-blue-grey { background-color: #607D8B; border: none; color: #fff; } .list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus { background-color: #607D8B; color: #fff; opacity: 0.8; } .list-group .pl-indigo { stroke: #3F51B5; } .list-group .list-group-bg-indigo { background-color: #3F51B5; border: none; color: #fff; } .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus { background-color: #3F51B5; color: #fff; opacity: 0.8; } .list-group .pl-light-blue { stroke: #03A9F4; } .list-group .list-group-bg-light-blue { background-color: #03A9F4; border: none; color: #fff; } .list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus { background-color: #03A9F4; color: #fff; opacity: 0.8; } .list-group .pl-teal { stroke: #009688; } .list-group .list-group-bg-teal { background-color: #009688; border: none; color: #fff; } .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus { background-color: #009688; color: #fff; opacity: 0.8; } .list-group .pl-lime { stroke: #CDDC39; } .list-group .list-group-bg-lime { background-color: #CDDC39; border: none; color: #fff; } .list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus { background-color: #CDDC39; color: #fff; opacity: 0.8; } .list-group .pl-amber { stroke: #FFC107; } .list-group .list-group-bg-amber { background-color: #FFC107; border: none; color: #fff; } .list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus { background-color: #FFC107; color: #fff; opacity: 0.8; } .list-group .pl-brown { stroke: #795548; } .list-group .list-group-bg-brown { background-color: #795548; border: none; color: #fff; } .list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus { background-color: #795548; color: #fff; opacity: 0.8; } .list-group .pl-blush { stroke: #F15F79; } .list-group .list-group-bg-blush { background-color: #F15F79; border: none; color: #fff; } .list-group .list-group-bg-blush:hover, .list-group .list-group-bg-blush:focus { background-color: #F15F79; color: #fff; opacity: 0.8; } .list-group .pl-black { stroke: #000000; } .list-group .list-group-bg-black { background-color: #000000; border: none; color: #fff; } .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus { background-color: #000000; color: #fff; opacity: 0.8; } .list-group .pl-white { stroke: #ffffff; } .list-group .list-group-bg-white { background-color: #ffffff; border: none; color: #fff; } .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus { background-color: #ffffff; color: #fff; opacity: 0.8; } .pager li > a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; background-color: transparent; color: #222; font-weight: bold; } .pager li a:focus, .pager li a:active { background-color: transparent; } .media .media-body { color: #757575; font-size: 14px; } .media .media-body .media-heading { font-size: 16px; font-weight: bold; color: #212121; } .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; } /* Accessibility */ .wizard > .steps .current-info, .tabcontrol > .steps .current-info, .wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard.vertical > .steps { float: left; width: 30%; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard.vertical > .content { float: left; margin: 0 0 0.5em 0; width: 70%; } .wizard.vertical > .actions { float: right; width: 100%; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; float: left; } .wizard > .actions > ul > li { float: left; } .wizard > .steps a { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .wizard > .steps .disabled a { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .current a { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .done a { background: #9dc8e2; color: #fff; } .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #9dc8e2; color: #fff; } .wizard > .steps .error a { background: #ff3111; color: #fff; } .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; } .wizard > .content { border: 1px solid #ddd; display: block; margin: 0.5em; min-height: 35em; overflow: hidden; position: relative; width: auto; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard > .actions a { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .wizard > .actions a:hover, .wizard > .actions a:active { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .wizard > .actions .disabled a { background: #eee; color: #aaa; } .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { background: #eee; color: #aaa; } .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; } .wizard .content { min-height: 245px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; overflow-y: auto; } .wizard .content .body { padding: 15px; } .wizard .steps a { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .waves-effect.waves-red .waves-ripple { background: rgba(236, 59, 87, 0.5); } .waves-effect.waves-pink .waves-ripple { background: rgba(233, 30, 99, 0.5); } .waves-effect.waves-purple .waves-ripple { background: rgba(186, 59, 208, 0.5); } .waves-effect.waves-deep-purple .waves-ripple { background: rgba(103, 58, 183, 0.5); } .waves-effect.waves-blue .waves-ripple { background: rgba(69, 127, 202, 0.5); } .waves-effect.waves-cyan .waves-ripple { background: rgba(55, 156, 148, 0.5); } .waves-effect.waves-green .waves-ripple { background: rgba(120, 184, 62, 0.5); } .waves-effect.waves-light-green .waves-ripple { background: rgba(139, 195, 74, 0.5); } .waves-effect.waves-yellow .waves-ripple { background: rgba(255, 232, 33, 0.5); } .waves-effect.waves-orange .waves-ripple { background: rgba(255, 152, 0, 0.5); } .waves-effect.waves-deep-orange .waves-ripple { background: rgba(248, 54, 0, 0.5); } .waves-effect.waves-grey .waves-ripple { background: rgba(158, 158, 158, 0.5); } .waves-effect.waves-blue-grey .waves-ripple { background: rgba(96, 125, 139, 0.5); } .waves-effect.waves-indigo .waves-ripple { background: rgba(63, 81, 181, 0.5); } .waves-effect.waves-light-blue .waves-ripple { background: rgba(3, 169, 244, 0.5); } .waves-effect.waves-teal .waves-ripple { background: rgba(0, 150, 136, 0.5); } .waves-effect.waves-lime .waves-ripple { background: rgba(205, 220, 57, 0.5); } .waves-effect.waves-amber .waves-ripple { background: rgba(255, 193, 7, 0.5); } .waves-effect.waves-brown .waves-ripple { background: rgba(121, 85, 72, 0.5); } .waves-effect.waves-blush .waves-ripple { background: rgba(241, 95, 121, 0.5); } .waves-effect.waves-black .waves-ripple { background: rgba(0, 0, 0, 0.5); } .waves-effect.waves-white .waves-ripple { background: rgba(255, 255, 255, 0.5); } .md-preloader .pl-red { stroke: #ec3b57; } .md-preloader .pl-pink { stroke: #E91E63; } .md-preloader .pl-purple { stroke: #ba3bd0; } .md-preloader .pl-deep-purple { stroke: #673AB7; } .md-preloader .pl-blue { stroke: #457fca; } .md-preloader .pl-cyan { stroke: #379c94; } .md-preloader .pl-green { stroke: #78b83e; } .md-preloader .pl-light-green { stroke: #8BC34A; } .md-preloader .pl-yellow { stroke: #ffe821; } .md-preloader .pl-orange { stroke: #FF9800; } .md-preloader .pl-deep-orange { stroke: #f83600; } .md-preloader .pl-grey { stroke: #9E9E9E; } .md-preloader .pl-blue-grey { stroke: #607D8B; } .md-preloader .pl-indigo { stroke: #3F51B5; } .md-preloader .pl-light-blue { stroke: #03A9F4; } .md-preloader .pl-teal { stroke: #009688; } .md-preloader .pl-lime { stroke: #CDDC39; } .md-preloader .pl-amber { stroke: #FFC107; } .md-preloader .pl-brown { stroke: #795548; } .md-preloader .pl-blush { stroke: #F15F79; } .md-preloader .pl-black { stroke: #000000; } .md-preloader .pl-white { stroke: #ffffff; } .preloader { display: inline-block; position: relative; width: 50px; height: 50px; -webkit-animation: container-rotate 1568ms linear infinite; -moz-animation: container-rotate 1568ms linear infinite; -o-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite; } .preloader.pl-size-xl { width: 75px; height: 75px; } .preloader.pl-size-l { width: 60px; height: 60px; } .preloader.pl-size-md { width: 50px; height: 50px; } .preloader.pl-size-sm { width: 40px; height: 40px; } .preloader.pl-size-xs { width: 25px; height: 25px; } .spinner-layer { position: absolute; width: 100%; height: 100%; border-color: #F44336; -ms-opacity: 1; opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .spinner-layer.pl-red { border-color: #ec3b57; } .spinner-layer.pl-pink { border-color: #E91E63; } .spinner-layer.pl-purple { border-color: #ba3bd0; } .spinner-layer.pl-deep-purple { border-color: #673AB7; } .spinner-layer.pl-blue { border-color: #457fca; } .spinner-layer.pl-cyan { border-color: #379c94; } .spinner-layer.pl-green { border-color: #78b83e; } .spinner-layer.pl-light-green { border-color: #8BC34A; } .spinner-layer.pl-yellow { border-color: #ffe821; } .spinner-layer.pl-orange { border-color: #FF9800; } .spinner-layer.pl-deep-orange { border-color: #f83600; } .spinner-layer.pl-grey { border-color: #9E9E9E; } .spinner-layer.pl-blue-grey { border-color: #607D8B; } .spinner-layer.pl-indigo { border-color: #3F51B5; } .spinner-layer.pl-light-blue { border-color: #03A9F4; } .spinner-layer.pl-teal { border-color: #009688; } .spinner-layer.pl-lime { border-color: #CDDC39; } .spinner-layer.pl-amber { border-color: #FFC107; } .spinner-layer.pl-brown { border-color: #795548; } .spinner-layer.pl-blush { border-color: #F15F79; } .spinner-layer.pl-black { border-color: #000000; } .spinner-layer.pl-white { border-color: #ffffff; } .right { float: right !important; } .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch.circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; -ms-border-radius: 50%; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; -webkit-transform: rotate(129deg); -moz-transform: rotate(129deg); -ms-transform: rotate(129deg); -o-transform: rotate(129deg); transform: rotate(129deg); -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; -webkit-transform: rotate(-129deg); -moz-transform: rotate(-129deg); -ms-transform: rotate(-129deg); -o-transform: rotate(-129deg); transform: rotate(-129deg); -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -moz-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; -o-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @-webkit-keyframes container-rotate { to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes container-rotate { to { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @keyframes fill-unfill-rotate { 12.5% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 37.5% { -webkit-transform: rotate(405deg); transform: rotate(405deg); } 50% { -webkit-transform: rotate(540deg); transform: rotate(540deg); } 62.5% { -webkit-transform: rotate(675deg); transform: rotate(675deg); } 75% { -webkit-transform: rotate(810deg); transform: rotate(810deg); } 87.5% { -webkit-transform: rotate(945deg); transform: rotate(945deg); } to { -webkit-transform: rotate(1080deg); transform: rotate(1080deg); } } @-webkit-keyframes left-spin { from { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } 50% { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); transform: rotate(130deg); } } @keyframes left-spin { from { -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -webkit-transform: rotate(130deg); transform: rotate(130deg); } 50% { -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -moz-transform: rotate(130deg); -ms-transform: rotate(130deg); -o-transform: rotate(130deg); -webkit-transform: rotate(130deg); transform: rotate(130deg); } } @-webkit-keyframes right-spin { from { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } to { -webkit-transform: rotate(-130deg); -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); transform: rotate(-130deg); } } @-moz-keyframes right-spin { from { -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } @keyframes right-spin { from { -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 50% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } to { -moz-transform: rotate(-130deg); -ms-transform: rotate(-130deg); -o-transform: rotate(-130deg); -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } } .dropdown-menu { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); border: none; left: auto; right: 0; padding: 5px; } .dropdown-menu .divider { margin: 5px 0; } .dropdown-menu .header { font-size: 13px; font-weight: 600; min-width: 270px; border-bottom: 1px solid #eeeeee; padding: 10px 15px; } .dropdown-menu ul.menu { padding-left: 0; } .dropdown-menu ul.menu.tasks h4 { color: #424242; font-size: 13px; margin: 0 0 8px 0; font-weight: 500; } .dropdown-menu ul.menu.tasks h4 small { float: right; margin-top: 6px; } .dropdown-menu ul.menu.tasks .progress { height: 5px; margin-bottom: 7px; } .dropdown-menu ul.menu .icon-circle { width: 36px; height: 36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #ffffff; vertical-align: top; } .dropdown-menu ul.menu .icon-circle i { font-size: 18px; line-height: 36px; } .dropdown-menu ul.menu li { border-bottom: 1px solid #eeeeee; } .dropdown-menu ul.menu li:last-child { border-bottom: none; } .dropdown-menu ul.menu li a { padding: 10px 15px; text-decoration: none; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .dropdown-menu ul.menu li a:hover { background-color: #e9e9e9; } .dropdown-menu ul.menu .menu-info { position: relative; top: 3px; left: 5px; } .dropdown-menu ul.menu .menu-info h4 { margin: 0; font-size: 13px; color: #424242; font-weight: 500; } .dropdown-menu ul.menu .menu-info p { margin: 0; font-size: 11px; color: #bdbdbd; } .dropdown-menu ul.menu .menu-info p .material-icons { font-size: 13px; color: #bdbdbd; position: relative; top: 3px; vertical-align: top; } .dropdown-menu .footer a { text-align: center; border-top: 1px solid #eeeeee; padding: 5px 0 5px 0; font-size: 12px; margin-bottom: -5px; } .dropdown-menu .footer a:hover { background-color: transparent; } .dropdown-menu > li > a { padding: 7px 18px; color: #616161; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 14px; line-height: 25px; } .dropdown-menu > li > a:hover { background-color: rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a i.material-icons { float: left; margin-right: 7px; margin-top: 2px; font-size: 20px; } .dropdown-animated { -webkit-animation-duration: .3s !important; -moz-animation-duration: .3s !important; -o-animation-duration: .3s !important; animation-duration: .3s !important; } .bootstrap-notify-container { max-width: 320px; text-align: center; } .dd-handle { background-color: #f9f9f9 !important; } .dd-handle:hover { color: #2196F3; } .nestable-dark-theme .dd-handle { background: #ccc !important; border: 1px solid #999 !important; } .dd3-handle { background: #999 !important; } .dd3-content:hover { color: #2196F3; } .search-results { margin: 0; padding: 0; } .search-results .result-list { list-style: none; padding: 10px; margin-bottom: 5px; border-radius: 4px; border: 1px solid #f2f2f2; } .search-results .result-list:hover { background: #f2f2f2; } .search-results .result-list .cover h4 { padding: 0; margin: 0 0 10px 0; font-weight: 700; } .search-results .result-list .cover h4 a { text-decoration: none; color: #666; } .search-results .result-list .cover h4 a:hover { text-decoration: none; color: #333; } .search-results .result-list .cover > a { font-size: 12px; color: #1e83d1; } .page-calendar .col-md-4, .page-calendar .col-md-8 { margin: 0 !important; } .page-calendar .event-name { padding: 10px; background: #f2f2f2; margin: 2px 0; color: #3d4c5a; font-size: 13px; border-left: 3px solid; } .page-calendar .event-name:hover { background: #3d4c5a; border-color: #fff; color: white !important; } .page-calendar .event-name:hover i { color: #F44336; } .page-calendar .b-primary { border-color: #2196f3 !important; } .page-calendar .b-success { border-color: #4caf50 !important; } .page-calendar .b-lightred { border-color: #f44336 !important; } .page-calendar .b-amethyst { border-color: #9675ce !important; } .page-calendar .b-greensea { border-color: #4caf50 !important; } .event-control { background-color: #f8f8f8; font-size: 13px; cursor: pointer; } .event-control:hover { background-color: white; } .event-control a { color: #000; cursor: pointer; opacity: .5; } .event-control a:hover { opacity: 1; } .event-control[class*='bg-']:not(.bg-default):not(.bg-white) a { color: #000 !important; opacity: 1; } .event-control[class*='bg-']:not(.bg-default):not(.bg-white) a:hover { color: white !important; } .fc-overlay { display: none; position: absolute; min-width: 260px; padding: 15px 0; top: auto; left: 50%; margin-left: -150px; z-index: 1000; color: #000 !important; } .fc-overlay.left { left: 100%; top: -15px; padding: 0 10px; margin: 0; } .fc-overlay.right { left: auto; right: 100%; top: -15px; padding: 0 10px; margin: 0; } .fc-overlay .panel { padding: 10px; } .fc .fc-toolbar { height: 50px; color: #fff; background: #3d4c5a; border-radius: 0; margin: 0; } .fc .fc-toolbar .fc-button { color: #000; background: transparent; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; margin: 0; height: 50px; line-height: 28px; padding: 10px; } .fc .fc-toolbar .fc-button:hover { color: white; } .fc .fc-toolbar h2 { font-size: 24px; line-height: 50px; margin: 0; text-transform: uppercase; font-weight: 100; } .fc .fc-view-container .fc-event { padding: 3px 5px; font-size: 12px; border-radius: 0; background-color: #f2f2f2; border: 2px solid rgba(0, 0, 0, 0.2); color: white !important; } .fc .fc-view-container .fc-event.fc-event-end:not(.fc-event-start) { border: 0 !important; } .fc .fc-view-container .fc-event:focus, .fc .fc-view-container .fc-event:hover, .fc .fc-view-container .fc-event:active { -webkit-box-shadow: inset 0 0 0 99999px rgba(128, 128, 128, 0.2); box-shadow: inset 0 0 0 99999px rgba(128, 128, 128, 0.2); z-index: 1000; } .fc .fc-view-container .fc-event:focus .fc-overlay, .fc .fc-view-container .fc-event:hover .fc-overlay, .fc .fc-view-container .fc-event:active .fc-overlay { display: block; } .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header { border: 0; background-color: #d2d2d2; padding: 10px; color: #000; font-size: 12px; font-weight: normal; } .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-agenda-gutter { padding: 0; } .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header { padding: 2px; } .fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-widget-content { border: 0; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } .fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-widget-content.fc-state-highlight, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-widget-content.fc-state-highlight { background: #fff; } .fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number { padding: 5px 10px; margin: 5px; color: #000; font-size: 15px; } .fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number.fc-state-highlight, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number.fc-state-highlight { background-color: red; color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 4px 6px; float: right; } .fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td:first-child.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td:first-child.fc-widget-content { border-left: 1px solid #d2d2d2; } .fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg, .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg { border-bottom: 1px solid #d2d2d2; } .fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row:last-of-type .fc-bg, .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg { border-bottom: 0; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter { border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background-color: #f2f2f2; color: #000; font-size: 12px; font-weight: 100; padding: 10px 5px; } .fc .fc-view-container .fc-view.fc-agenda > table > tbody > tr > td.fc-state-highlight { background: #f2f2f2; } .fc .fc-view-container .fc-view.fc-agenda > table > tbody > tr > td.fc-sat { border-right: 0; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr { line-height: 35px; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th { border: 0; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; background-color: #f2f2f2; color: #000; font-size: 12px; font-weight: 100; padding-top: 10px; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content { border-bottom: 1px solid #e2e2e2; line-height: 50px; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child { border-right: 0; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content { border-bottom: 1px solid #e2e2e2; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider { border: 1px solid #e2e2e2; } .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner { background-color: #f2f2f2; height: 3px; } .l-technicien { padding: 3px 5px; margin-bottom: 3px; border: 2px solid rgba(0, 0, 0, 0.2); } .l-technicien:hover { -webkit-box-shadow: inset 0 0 0 99999px rgba(128, 128, 128, 0.2); box-shadow: inset 0 0 0 99999px rgba(128, 128, 128, 0.2); } .l-technicien a { color: white; display: block; } .fc-title a { color: white; text-decoration: underline; } .fc-day-grid .fc-day { cursor: pointer; } /* =========================== */ .widget-stat .media-icon { vertical-align: middle; display: table-cell; width: 45px; height: 45px; border-radius: 3px; } .widget-stat .media-icon i { margin-top: 7px; } .widget-stat .media-text { display: table-cell; vertical-align: top; } .widget-stat .media-text .value { display: block; font-size: 24px; } .widget-stat .media-footer { padding-top: 12px; border-top: 1px solid #eeeeee; } .colorpicker.colorpicker-with-alpha { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } /* ==================================== */ .activities .streamline { position: relative; border-color: #dddee0; } .activities .streamline .b-info { border-color: #2196f3; } .activities .streamline .b-primary { border-color: #673ab7; } .activities .streamline .b-warning { border-color: #ff9800; } .activities .b-accent { border-color: #3f51b5 !important; border-left: 1px solid; } .activities .b-accent .sl-item { position: relative; padding-bottom: 1px; } .activities .b-accent .sl-item:before { display: table; content: " "; } .activities .b-accent .sl-item:after { position: absolute; top: 0; left: 0; width: 11px; height: 11px; margin-left: -6px; background-color: #fff; border-color: inherit; border-style: solid; border-width: 2px; border-radius: 50%; content: ''; } .activities .b-accent .sl-item .sl-content { padding-bottom: 4px; margin-top: -6px; margin-left: 24px; } .activities .b-accent .sl-item .sl-content p { overflow: hidden; white-space: nowrap; width: 100%; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* ==================================== */ .chat-widget .chat-scroll-list { padding: 0; } .chat-widget .chat-scroll-list li { list-style: none; margin-bottom: 20px; max-width: 340px; } .chat-widget .chat-scroll-list li.left img { float: left; } .chat-widget .chat-scroll-list li.left .chat-info { padding: 10px; margin-left: 60px; border-radius: 0 15px 15px 15px; border: 1px solid rgba(204, 204, 204, 0.8); } .chat-widget .chat-scroll-list li.right img { float: right; } .chat-widget .chat-scroll-list li.right .chat-info { background: #F0F0F0; padding: 10px; margin-right: 60px; border-radius: 15px 0 15px 15px; } .chat-widget .chat-scroll-list li .name { display: inline-block; font-size: 17px; } .chat-widget .chat-scroll-list li .datetime { font-size: 14px; } .chat-widget .chat-scroll-list li .message { display: inline-block; } .chat-widget .chat-scroll-list li img { height: 40px; width: 40px; border-radius: 50%; } /* ==================================== */ .agent .agent-avatar { width: 100%; } .agent .agent-avatar a { position: relative; width: 100%; height: 100%; display: block; overflow: hidden; } .agent .agent-content .agent-name { padding: 20px 30px; } .agent .agent-content .agent-name h4 { margin: 0; } .agent .agent-content .agent-contact-details { list-style: none; padding: 0; margin: 0; color: #909090; display: block; padding: 18px 32px; background-color: #f7f7f7; } .agent .agent-content .agent-contact-details li { position: relative; margin-left: 28px; line-height: 24px; padding: 3px 0; word-break: break-all; } .agent .agent-content .agent-contact-details li i { font-size: 18px; top: 5px; left: -28px; position: absolute; } .agent .agent-content .agent-contact-details li span { display: inline-block; font-size: 16px; } .agent .agent-content .social-icons { padding: 10px 17px; margin: 0; } .agent .agent-content .social-icons li { list-style: none; display: inline-block; } .agent .agent-content .social-icons li a { padding: 8px 15px; display: inline-block; } /* ==================================== */ .inbox-widget { margin: 0; } .inbox-widget .inbox-inner { float: left; width: 100%; border-bottom: 1px solid #efefef; padding: 10px 0px; } .inbox-widget .inbox-inner:last-child { margin-bottom: 0; border: 0; } .inbox-widget .inbox-inner a:hover { text-decoration: none; } .inbox-widget .inbox-inner .inbox-img { width: 50px; float: left; } .inbox-widget .inbox-inner .inbox-img img { border-radius: 50%; width: 50px; height: 50px; border: 2px solid #fff; } .inbox-widget .inbox-inner .inbox-item-info { margin-left: 60px; position: relative; } .inbox-widget .inbox-inner .inbox-item-info .inbox-date { position: absolute; top: -1px; right: 0; color: #7d7979; font-size: 12px; } .inbox-widget .inbox-inner .inbox-item-info .author { font-size: 14px; color: #3d4c5a; margin-bottom: 0; font-weight: 600; } .inbox-widget .inbox-inner .inbox-item-info .inbox-message { margin-bottom: 0px; color: #7e7c7c; width: 100%; display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } /* ==================================== */ .visitors-map .progress-list .status { font-size: 11px; padding: 6px; } .visitors-map .progress-list .details .description { text-transform: uppercase; font-size: 11px; line-height: 14px; } .visitors-map .progress { height: 5px; } /* ==================================== */ .member-card-2 { text-align: center; } .member-card-2 .text-pink { display: block; } .member-card-2 .member-thumb { position: relative; } /* ==================================== */ .member-card { text-align: center; } .member-card.verified .member-thumb img { border: 1px solid #5cb85c; } .member-card.verified .member-thumb i { color: #5cb85c; } .member-card .header-dropdown { display: inline-block; position: absolute; right: 30px; padding: 0; margin: 0; } .member-card .header-dropdown li a { padding: 10px 15px; } .member-card .member-thumb { position: relative; display: inline-block; } .member-card .member-thumb img { border: 1px solid #5cb85c; width: 130px; padding: 5px; } .member-card .member-thumb i { color: #5cb85c; position: absolute; bottom: 0; right: 30px; } .member-card .header-dropdown { z-index: 999; right: 20px; } .member-card .s-profile { text-align: left; } .member-card .s-profile h4 { margin-top: 0; } /* ==================================== */ .company li a { display: block; padding: 2px 0; } .social-widget .number, .social-widget .text { color: #fff !important; } .social-widget .facebook-widget { background: #3b5998; } .social-widget .google-widget { background: #d34836; } .social-widget .twitter-widget { background: #0084b4; } .social-widget .instagram-widget { background: #fb3958; } .social-widget .linkedin-widget { background: #0077B5; } .social-widget .behance-widget { background: #053eff; } @media only screen and (max-width: 992px) { .chat-widget .chat-scroll-list li { width: 100%; max-width: initial; } .chat-widget .chat-scroll-list li .message { display: block; } } @media only screen and (max-width: 767px) { .member-card .s-profile { text-align: center; } } /* ==================================== */ .profile-page .profile-header { background: transparent url("../images/profile-bg.jpg") repeat scroll center center/cover; color: #fff; padding-bottom: 30px; padding-top: 30px; position: relative; text-align: center; } .profile-page .profile-header .profile_info .profile-image img { border-radius: 50%; width: 110px; border: 2px solid; } .profile-page .profile-header .profile_info .social-icon a { margin: 0 5px; } .profile-page .profile-header .profile_info .social-icon a i { color: #fff; } .profile-page .profile-sub-header { min-height: 60px; width: 100%; margin-bottom: 15px; } .profile-page .profile-sub-header .box-list ul { display: inline-table; padding: 0; margin: 0; table-layout: fixed; width: 100%; background: #f2f2f2; } .profile-page .profile-sub-header .box-list ul li { border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; display: table-cell; list-style: outside none none; } .profile-page .profile-sub-header .box-list ul li:first-child { border-left: 1px solid #dedede; } .profile-page .profile-sub-header .box-list ul li a { display: block; padding: 15px 0; color: #444; } .profile-page .profile-sub-header .box-list ul li a:hover { text-decoration: none; color: #fff; } .profile-page .profile-sub-header .box-list ul li a i { font-size: 20px; } .profile-page .profile-sub-header .box-list ul li a p { margin: 0; } .profile-page #mypost .mypost-form { margin-bottom: 15px; } .profile-page #mypost .mypost-form .form-group { margin: 0; } .profile-page #mypost .post-box .post-img { margin-bottom: 15px; max-height: 300px; overflow: hidden; } .profile-page #timeline .timeline { border-left: 1px solid #dedede; font-size: 14px; position: relative; } .profile-page #timeline .timeline .border-info { border-color: #03a9f4; } .profile-page #timeline .timeline .border-warning { border-color: #fbc02d; } .profile-page #timeline .timeline .border-danger { border-color: #f44336; } .profile-page #timeline .timeline .timeline-item { margin-bottom: 20px; padding-bottom: 1px; position: relative; } .profile-page #timeline .timeline .timeline-item:after { background-color: #fff; border-color: inherit; border-radius: 50%; border-style: solid; border-width: 2px; content: ""; height: 11px; left: 0; margin-left: -6px; position: absolute; width: 11px; bottom: auto; clear: both; top: 4px; } .profile-page #timeline .timeline .timeline-item .item-content { margin-left: 24px; margin-top: 0; } .profile-page #timeline .timeline .timeline-item .item-content p { font-weight: 400; color: #444; } .profile-page #usersettings .form-group { margin-bottom: 0; } @media only screen and (max-width: 414px) { .profile-page .profile-sub-header .box-list li a { padding: 20px 0 !important; } .profile-page .profile-sub-header .box-list li p { display: none; } } .email-page .label { padding: 0 5px; } .email-page .tbox { display: table; width: 100%; height: 100%; border-spacing: 0; table-layout: fixed; } .email-page .tcol .nav-stacked > li a { text-align: left; color: #37474f; font-size: 14px; } .email-page .tcol #mail-folders li.active a { background: #ececec; color: #37474f; -webkit-box-shadow: none; box-shadow: none; } .email-page .tcol #mail-folders li { margin: 0; } .email-page .tcol #mail-folders li a:hover { background: #ececec; color: #37474f; } .email-page .tcol #mail-labels li a { display: inline-block; text-align: left; color: #37474f; font-size: 14px; font-weight: 400; } .email-page .tcol #mail-labels li a i { font-size: 16px; padding: 0; display: inline-block; margin-right: 5px; } .email-page .tcol #onlie-offline li a i { display: inline-block; font-size: 8px; padding: 0; margin-right: 5px; } .email-page .mail_listing .table thead .btn-sm { padding: 10px; } .email-page .mail_listing .table thead .dropdown { margin-bottom: 0px; } .email-page .mail_listing .table tbody .unread td { font-weight: 700; } .email-page .mail_listing .table tbody tr td { vertical-align: middle; } .email-page .mail_listing .table tbody tr td .checkbox { margin-bottom: 0px; margin-top: 7px; } .email-page .mail_listing .table tbody tr td .checkbox label { margin: 0; } .email-page .mail_listing .table tbody tr td img { width: 36px; border-radius: 50%; margin-right: 10px; } .email-page .mail_listing .table tbody tr td .label { float: left; } .email-page .mail_listing .table tbody tr td a { color: #555; } .email-page .mail_listing .table tbody tr td a:hover { text-decoration: none; } .email-page .custom { padding: 8px 10px; } .email-page .mail-single h3 { font-weight: 400; } .email-page .mail-single .media { margin-bottom: 0; } .email-page .mail-single .panel-heading { background: #e6e6e6; padding: 20px; } .thumb { display: inline-block; } .thumb .thumb-header { padding: 5px; } .thumb .thumb-body { padding: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .thumb img { width: 100%; } .thumb-sm { width: 40px; } .thumb-md { width: 60px; } .thumb-xxl { width: 160px; } @media only screen and (min-width: 993px) { .collapse.collapse-sm, .collapse.collapse-xs { display: block; } } .people-list { width: 260px; float: left; background: #fff; } .people-list .search { padding: 20px; } .people-list .search .form-group { margin: 0; } .people-list .chat-list { padding: 0; } .people-list .chat-list li { padding: 15px; list-style: none; } .people-list .chat-list li:hover { background: #546779; color: #fff; cursor: pointer; } .people-list .chat-list li .name { font-size: 15px; } .people-list .chat-list img { width: 45px; border-radius: 50%; } .people-list input { border: none; padding: 14px; color: white; background: #6A6C75; width: 90%; font-size: 14px; } .people-list .fa-search { position: relative; left: -25px; } .people-list img { float: left; border-radius: 50%; } .people-list .about { float: left; margin-top: 2px; padding-left: 8px; } .people-list .status { color: #999; font-size: 12px; } .chat { width: calc(100% - 260px); float: left; color: #434651; } .chat .chat-header { padding: 20px; border-bottom: 2px solid white; } .chat .chat-header img { float: left; border-radius: 50%; width: 55px; } .chat .chat-header .chat-about { float: left; padding-left: 10px; margin-top: 6px; } .chat .chat-header .chat-with { font-weight: bold; font-size: 16px; } .chat .chat-header .chat-num-messages { color: #555555; } .chat .chat-header .fa-star { float: right; color: #D8DADF; font-size: 20px; margin-top: 12px; } .chat .chat-history { padding: 30px 30px 20px; border-bottom: 2px solid white; overflow-y: scroll; height: 550px; } .chat .chat-history ul { padding: 0; } .chat .chat-history ul li { list-style: none; } .chat .chat-history .message-data { margin-bottom: 15px; } .chat .chat-history .message-data .message-data-name { font-size: 16px; font-weight: 700; } .chat .chat-history .message-data-time { color: #6a6a6a; padding-left: 6px; } .chat .chat-history .message { color: #444; padding: 18px 20px; line-height: 26px; font-size: 16px; border-radius: 7px; margin-bottom: 30px; width: 90%; position: relative; } .chat .chat-history .message:after { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .chat .chat-history .my-message { background: #fff; } .chat .chat-history .other-message { background: #ececec; } .chat .chat-history .other-message:after { border-bottom-color: #ececec; left: 93%; } .chat .chat-message { padding: 30px; } .chat .chat-message textarea { width: 100%; border: none; padding: 10px 20px; font: 14px/22px "Lato", Arial, sans-serif; margin-bottom: 10px; border-radius: 5px; resize: none; } .chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o { font-size: 16px; color: gray; cursor: pointer; } .online, .offline, .me { margin-right: 3px; font-size: 10px; } .online { color: #86BB71; } .offline { color: #E38968; } .me { color: #0498bd; } .float-right { float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } @media only screen and (max-width: 767px) { .content.chat-app { margin-left: 10px !important; margin-right: 10px; } .people-list { width: 100%; height: auto !important; } .people-list .search .form-group { width: 60%; float: left; } .people-list .slimScrollDiv { height: auto !important; width: 100% !important; } .people-list .slimScrollDiv ul { height: auto !important; } .chat { width: 100%; } .chat .chat-header { padding: 10px 0; } .chat .chat-history { padding: 15px; } .chat .chat-message { padding: 10px; } .collapse-xs { display: none; } } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .chat .chat-history { height: 400px; } } .mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; position: fixed; white-space: nowrap; z-index: 30; padding-left: 0; list-style: none; } .mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } /*------------------------------------* #BASE | Modifiers \*------------------------------------*/ /** * These styles depends on the placement of the button. * Styles can be: * 1. Top-left: modified by the " --tl " suffix. * 2. Top-right: modified by the " --tr " suffix. * 3. Bottom-left: modified by the " --bl " suffix. * 4. Bottom-right: modified by the " --br " suffix. */ .mfb-component--tl { left: 0; top: 0; } .mfb-component--tr { right: 0; top: 0; } .mfb-component--bl { left: 0; bottom: 0; } .mfb-component--br { right: 10px; bottom: 10px; } /*------------------------------------* #BUTTONS | Base \*------------------------------------*/ .mfb-component__button--main, .mfb-component__button--child { background-color: #E40A5D; display: inline-block; position: relative; border: none; border-radius: 50%; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); cursor: pointer; outline: none; padding: 0; position: relative; -webkit-user-drag: none; color: #f1f1f1; } /** * This is the unordered list for the list items that contain * the child buttons. * */ .mfb-component__list { list-style: none; margin: 0; padding: 0; } .mfb-component__list > li { display: block; position: absolute; top: 0; right: 9px; padding: 10px 0; margin: -10px 0; } /** * These are the basic styles for all the icons inside the main button */ .mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon { position: absolute; font-size: 18px; text-align: center; line-height: 50px; width: 100%; } .mfb-component__wrap { padding: 0; margin: 0; } [data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon, [data-mfb-state="open"] .mfb-component__icon, [data-mfb-state="open"] .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__child-icon { -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } /*------------------------------------* #BUTTONS | Modifiers \*------------------------------------*/ .mfb-component__button--main { height: 50px; width: 50px; z-index: 20; } .mfb-component__button--child { height: 40px; width: 40px; } .mfb-component__button--child:hover { color: #fff; } .mfb-component__main-icon--active, .mfb-component__main-icon--resting { -webkit-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1); transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1); -o-transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); transition: transform 150ms cubic-bezier(0.4, 0, 1, 1); transition: transform 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1); } .mfb-component__child-icon, .mfb-component__child-icon { line-height: 40px; font-size: 15px; } .mfb-component__main-icon--active { opacity: 0; } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon, [data-mfb-state="open"] .mfb-component__main-icon { -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__main-icon--resting { opacity: 0; position: absolute !important; } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--active { opacity: 1; } /** * ZOOM-IN * When hovering the main button, the child buttons grow * from zero to normal size. * */ .mfb-component--tl.mfb-zoomin .mfb-component__list li, .mfb-component--tr.mfb-zoomin .mfb-component__list li { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(0); -ms-transform: translateY(70px) scale(0); transform: translateY(70px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(0); -ms-transform: translateY(140px) scale(0); transform: translateY(140px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(0); -ms-transform: translateY(210px) scale(0); transform: translateY(210px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(0); -ms-transform: translateY(280px) scale(0); transform: translateY(280px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(70px) scale(1); -ms-transform: translateY(70px) scale(1); transform: translateY(70px) scale(1); -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(140px) scale(1); -ms-transform: translateY(140px) scale(1); transform: translateY(140px) scale(1); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(210px) scale(1); -ms-transform: translateY(210px) scale(1); transform: translateY(210px) scale(1); -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(280px) scale(1); -ms-transform: translateY(280px) scale(1); transform: translateY(280px) scale(1); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li, .mfb-component--br.mfb-zoomin .mfb-component__list li { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(0); -ms-transform: translateY(-70px) scale(0); transform: translateY(-70px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(0); -ms-transform: translateY(-140px) scale(0); transform: translateY(-140px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(0); -ms-transform: translateY(-210px) scale(0); transform: translateY(-210px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(0); -ms-transform: translateY(-280px) scale(0); transform: translateY(-280px) scale(0); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(-70px) scale(1); -ms-transform: translateY(-70px) scale(1); transform: translateY(-70px) scale(1); -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(-140px) scale(1); -ms-transform: translateY(-140px) scale(1); transform: translateY(-140px) scale(1); -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) { -webkit-transform: translateY(-210px) scale(1); -ms-transform: translateY(-210px) scale(1); transform: translateY(-210px) scale(1); -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) { -webkit-transform: translateY(-280px) scale(1); -ms-transform: translateY(-280px) scale(1); transform: translateY(-280px) scale(1); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } /*------------------------------------* #LABELS | base \*------------------------------------*/ /** * These are the labels associated to each button, * exposed only when hovering the related button. * They are called labels but are in fact data-attributes of * each button (an anchor tag). */ [data-mfb-label]:after { content: attr(data-mfb-label); opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: rgba(0, 0, 0, 0.4); padding: 4px 10px; border-radius: 3px; color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: normal; pointer-events: none; line-height: normal; position: absolute; top: 50%; margin-top: -11px; transition: all 0.5s; } [data-mfb-toggle="hover"] [data-mfb-label]:hover:after, [data-mfb-state="open"] [data-mfb-label]:after { content: attr(data-mfb-label); opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*------------------------------------* #LABELS | Modifiers \*------------------------------------*/ .mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after { content: attr(data-mfb-label); right: 70px; } .mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after { content: attr(data-mfb-label); right: 70px; } .mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after { content: attr(data-mfb-label); left: 70px; } .mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after { content: attr(data-mfb-label); left: 70px; } .mfb-component--tl { animation: fromTop 1s 1; -webkit-animation: fromTop 1s 1; } .mfb-component--tr { animation: fromTop 1.3s 1; -webkit-animation: fromTop 1.3s 1; } .mfb-component--br { animation: fromBottom 1.6s 1; -webkit-animation: fromBottom 1.6s 1; } .mfb-component--bl { animation: fromBottom 1.9s 1; -webkit-animation: fromBottom 1.9s 1; } @keyframes fromBottom { 0% { -webkit-transform: translateY(250px); transform: translateY(250px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fromTop { 0% { -webkit-transform: translateY(-250px); transform: translateY(-250px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fromBottom { 0% { -webkit-transform: translateY(250px); transform: translateY(250px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fromTop { 0% { -webkit-transform: translateY(-250px); transform: translateY(-250px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* Google Maps */ .gmap { width: 100%; height: 350px; } /* jVector Map */ .jvector-map { width: 100%; height: 350px; } /* Morris */ .morris-hover.morris-default-style { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } /* Flot */ .flot-chart { width: 100%; height: 320px; } .panel-switch-btn { position: relative; z-index: 9; } .panel-switch-btn label { font-weight: bold !important; } .legendLabel { width: 85px !important; position: relative; left: 3px; } #multiple_axis_chart .legendLabel { width: 160px !important; } /* Sparkline */ .sparkline { text-align: center; } .search-bar { position: fixed; top: -100px; left: 0; z-index: 9999999; width: 100%; -moz-transition: 0.25s; -o-transition: 0.25s; -webkit-transition: 0.25s; transition: 0.25s; } .search-bar.open { top: 0; } .search-bar .search-icon { position: absolute; top: 20px; left: 14px; } .search-bar .search-icon .material-icons { font-size: 32px; color: #9e9e9e; } .search-bar .close-search { position: absolute; cursor: pointer; font-size: 30px; top: 16px; right: 18px; } .search-bar .close-search .material-icons { color: #9e9e9e; opacity: 1; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .search-bar .close-search .material-icons:hover { opacity: .5; } .search-bar input[type="text"] { width: 100%; font-size: 16px; padding: 19px 60px 19px 40px; border: none; } .dataTables_wrapper { position: relative; } .dataTables_wrapper select { border: none; border-bottom: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .dataTables_wrapper select:active, .dataTables_wrapper select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .dataTables_wrapper input[type="search"] { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: none; font-size: 12px; border-bottom: 1px solid #ddd; } .dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active { border-bottom: 2px solid #1f91f3; } .dataTables_wrapper .dt-buttons { float: left; } .dataTables_wrapper .dt-buttons a.dt-button { background-color: #607D8B; color: #fff; padding: 7px 12px; margin-right: 5px; text-decoration: none; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: none; font-size: 13px; outline: none; } .dataTables_wrapper .dt-buttons a.dt-button:active { opacity: 0.8; } .dt-button-info { position: fixed; top: 50%; left: 50%; min-width: 400px; text-align: center; background-color: #fff; border: 2px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-top: -100px; margin-left: -200px; z-index: 21; } .dt-button-info h2 { color: #777; } .dt-button-info div { color: #777; margin-bottom: 20px; } .lg-outer .lg-thumb-item, .lg-outer .lg-toogle-thumb { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; } html.ie10 .sidebar .menu .list li { line-height: 30px; } html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie10 .sidebar .user-info .info-container { top: 15px; } html.ie10 .search-bar input[type="text"] { padding: 26px 60px 26px 56px; } html.ie10 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie10 .bs-searchbox .form-control { width: 90%; } html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie11 .sidebar .user-info .info-container { top: 15px; } html.ie11 .search-bar input[type="text"] { padding: 26px 60px 26px 40px; } html.ie11 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie11 .bs-searchbox .form-control { width: 90%; } /*# sourceMappingURL=main.css.map */