/*
	Template Name: 
	Author: 
	File: scss
*/
@font-face {  font-family: 'Consolas';  src: url('fonts/Consolas-BoldItalic.eot');  src: url('fonts/Consolas-BoldItalic.eot?#iefix') format('embedded-opentype'),      url('fonts/Consolas-BoldItalic.woff2') format('woff2'),      url('fonts/Consolas-BoldItalic.woff') format('woff'),      url('fonts/Consolas-BoldItalic.ttf') format('truetype'),      url('fonts/Consolas-BoldItalic.svg#Consolas-BoldItalic') format('svg');  font-weight: bold;  font-style: italic;  font-display: swap;
}
@font-face {  font-family: 'kaushan_script';  src: url('/dist/css/fonts/kaushan-script.regular-webfont.eot');  src: url('/dist/css/fonts/kaushan-script.regular-webfont.eot?#iefix') format('embedded-opentype'),       url('/dist/css/fonts/kaushan-script.regular-webfont.woff2') format('woff2'),       url('/dist/css/fonts/kaushan-script.regular-webfont.woff') format('woff'),       url('/dist/css/fonts/kaushan-script.regular-webfont.svg#kaushan_scriptregular') format('svg');  font-weight: normal;  font-style: normal;
}
@font-face {  font-family: 'Consolas';  src: url('fonts/Consolas-Bold.eot');  src: url('fonts/Consolas-Bold.eot?#iefix') format('embedded-opentype'),      url('fonts/Consolas-Bold.woff2') format('woff2'),      url('fonts/Consolas-Bold.woff') format('woff'),      url('fonts/Consolas-Bold.ttf') format('truetype'),      url('fonts/Consolas-Bold.svg#Consolas-Bold') format('svg');  font-weight: bold;  font-style: normal;  font-display: swap;
}
@font-face {  font-family: 'Consolas';  src: url('fonts/Consolas-Italic.eot');  src: url('fonts/Consolas-Italic.eot?#iefix') format('embedded-opentype'),      url('fonts/Consolas-Italic.woff2') format('woff2'),      url('fonts/Consolas-Italic.woff') format('woff'),      url('fonts/Consolas-Italic.ttf') format('truetype'),      url('fonts/Consolas-Italic.svg#Consolas-Italic') format('svg');  font-weight: normal;  font-style: italic;  font-display: swap;
}
@font-face {  font-family: 'Consolas';  src: url('fonts/Consolas-Italic_1.eot');  src: url('fonts/Consolas-Italic_1.eot?#iefix') format('embedded-opentype'),      url('fonts/Consolas-Italic_1.woff2') format('woff2'),      url('fonts/Consolas-Italic_1.woff') format('woff'),      url('fonts/Consolas-Italic_1.ttf') format('truetype'),      url('fonts/Consolas-Italic_1.svg#Consolas-Italic') format('svg');  font-weight: normal;  font-style: italic;  font-display: swap;
}
@font-face {  font-family: 'Consolas';  src: url('fonts/Consolas.eot');  src: url('fonts/Consolas.eot?#iefix') format('embedded-opentype'),      url('fonts/Consolas.woff2') format('woff2'),      url('fonts/Consolas.woff') format('woff'),      url('fonts/Consolas.ttf') format('truetype'),      url('fonts/Consolas.svg#Consolas') format('svg');  font-weight: normal;  font-style: normal;  font-display: swap;
}

@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800");
/*Boxed layout width*/
/**
 * Table Of Content
 *
 * 	1. Colors
 *	2. Typography
 *	3. Forms
 *	4. Tabs
 */
/*******************
 Gradiant mixin
*******************/
@import url(icons/font-awesome/css/fontawesome-all.css);
@import url(icons/simple-line-icons/css/simple-line-icons.css);
@import url(icons/weather-icons/css/weather-icons.min.css);
@import url(icons/themify-icons/themify-icons.css);
@import url(icons/flag-icon-css/flag-icon.min.css);
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800");
.materialize-red {background-color: #e51c23 !important; }
.materialize-red-text {color: #e51c23 !important; }
.materialize-red.lighten-5 {background-color: #fdeaeb !important; }
.materialize-red-text.text-lighten-5 {color: #fdeaeb !important; }
.materialize-red.lighten-4 {background-color: #f8c1c3 !important; }
.materialize-red-text.text-lighten-4 {color: #f8c1c3 !important; }
.materialize-red.lighten-3 {background-color: #f3989b !important; }
.materialize-red-text.text-lighten-3 {color: #f3989b !important; }
.materialize-red.lighten-2 {background-color: #ee6e73 !important; }
.materialize-red-text.text-lighten-2 {color: #ee6e73 !important; }
.materialize-red.lighten-1 {background-color: #ea454b !important; }
.materialize-red-text.text-lighten-1 {color: #ea454b !important; }
.materialize-red.darken-1 {background-color: #d0181e !important; }
.materialize-red-text.text-darken-1 {color: #d0181e !important; }
.materialize-red.darken-2 {background-color: #b9151b !important; }
.materialize-red-text.text-darken-2 {color: #b9151b !important; }
.materialize-red.darken-3 {background-color: #a21318 !important; }
.materialize-red-text.text-darken-3 {color: #a21318 !important; }
.materialize-red.darken-4 {background-color: #8b1014 !important; }
.materialize-red-text.text-darken-4 {color: #8b1014 !important; }
.red, .topbar nav .mailbox.dropdown-content .message-center a .user-img .busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .busy, .chat-windows .user-chat .chat-head .busy, .label-red, .chatbox .message-center a .user-img .busy, .jq-icon-error {background-color: #F44336 !important; }
.red-text, .error {color: #F44336 !important; }
.red.lighten-5, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-5.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-5.busy, .chat-windows .user-chat .chat-head .lighten-5.busy, .lighten-5.label-red, .chatbox .message-center a .user-img .lighten-5.busy, .lighten-5.jq-icon-error {background-color: #FFEBEE !important; }
.red-text.text-lighten-5, .text-lighten-5.error {color: #FFEBEE !important; }
.red.lighten-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-4.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-4.busy, .chat-windows .user-chat .chat-head .lighten-4.busy, .lighten-4.label-red, .chatbox .message-center a .user-img .lighten-4.busy, .lighten-4.jq-icon-error {background-color: #FFCDD2 !important; }
.red-text.text-lighten-4, .text-lighten-4.error {color: #FFCDD2 !important; }
.red.lighten-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-3.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-3.busy, .chat-windows .user-chat .chat-head .lighten-3.busy, .lighten-3.label-red, .chatbox .message-center a .user-img .lighten-3.busy, .lighten-3.jq-icon-error {background-color: #EF9A9A !important; }
.red-text.text-lighten-3, .text-lighten-3.error {color: #EF9A9A !important; }
.red.lighten-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-2.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-2.busy, .chat-windows .user-chat .chat-head .lighten-2.busy, .lighten-2.label-red, .chatbox .message-center a .user-img .lighten-2.busy, .lighten-2.jq-icon-error {background-color: #E57373 !important; }
.red-text.text-lighten-2, .text-lighten-2.error {color: #E57373 !important; }
.red.lighten-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-1.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-1.busy, .chat-windows .user-chat .chat-head .lighten-1.busy, .lighten-1.label-red, .chatbox .message-center a .user-img .lighten-1.busy, .lighten-1.jq-icon-error {background-color: #EF5350 !important; }
.red-text.text-lighten-1, .text-lighten-1.error {color: #EF5350 !important; }
.red.darken-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-1.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-1.busy, .chat-windows .user-chat .chat-head .darken-1.busy, .darken-1.label-red, .chatbox .message-center a .user-img .darken-1.busy, .darken-1.jq-icon-error {background-color: #E53935 !important; }
.red-text.text-darken-1, .text-darken-1.error {color: #E53935 !important; }
.red.darken-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-2.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-2.busy, .chat-windows .user-chat .chat-head .darken-2.busy, .darken-2.label-red, .chatbox .message-center a .user-img .darken-2.busy, .darken-2.jq-icon-error {background-color: #D32F2F !important; }
.red-text.text-darken-2, .text-darken-2.error {color: #D32F2F !important; }
.red.darken-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-3.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-3.busy, .chat-windows .user-chat .chat-head .darken-3.busy, .darken-3.label-red, .chatbox .message-center a .user-img .darken-3.busy, .darken-3.jq-icon-error {background-color: #C62828 !important; }
.red-text.text-darken-3, .text-darken-3.error {color: #C62828 !important; }
.red.darken-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-4.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-4.busy, .chat-windows .user-chat .chat-head .darken-4.busy, .darken-4.label-red, .chatbox .message-center a .user-img .darken-4.busy, .darken-4.jq-icon-error {background-color: #B71C1C !important; }
.red-text.text-darken-4, .text-darken-4.error {color: #B71C1C !important; }
.red.accent-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-1.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-1.busy, .chat-windows .user-chat .chat-head .accent-1.busy, .accent-1.label-red, .chatbox .message-center a .user-img .accent-1.busy, .accent-1.jq-icon-error {background-color: #FF8A80 !important; }
.red-text.text-accent-1, .text-accent-1.error {color: #FF8A80 !important; }
.red.accent-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-2.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-2.busy, .chat-windows .user-chat .chat-head .accent-2.busy, .accent-2.label-red, .chatbox .message-center a .user-img .accent-2.busy, .accent-2.jq-icon-error {background-color: #FF5252 !important; }
.red-text.text-accent-2, .text-accent-2.error {color: #FF5252 !important; }
.red.accent-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-3.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-3.busy, .chat-windows .user-chat .chat-head .accent-3.busy, .accent-3.label-red, .chatbox .message-center a .user-img .accent-3.busy, .accent-3.jq-icon-error {background-color: #FF1744 !important; }
.red-text.text-accent-3, .text-accent-3.error {color: #FF1744 !important; }
.red.accent-4, .topbar nav .nav-wrapper .red.brand-logo, .topbar nav .nav-wrapper .mailbox.dropdown-content .message-center a .user-img .brand-logo.busy, .topbar nav .mailbox.dropdown-content .message-center a .user-img .nav-wrapper .brand-logo.busy, .topbar nav .nav-wrapper .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .brand-logo.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.busy, .topbar nav .nav-wrapper .chat-windows .user-chat .chat-head .brand-logo.busy, .chat-windows .user-chat .chat-head .topbar nav .nav-wrapper .brand-logo.busy, .topbar nav .nav-wrapper .brand-logo.label-red, .topbar nav .nav-wrapper .chatbox .message-center a .user-img .brand-logo.busy, .chatbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.busy, .topbar nav .nav-wrapper .brand-logo.jq-icon-error, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-4.busy, .topbar nav .mailbox.dropdown-content .message-center a .user-img .left-sidebar .busy.sidenav, .left-sidebar .topbar nav .mailbox.dropdown-content .message-center a .user-img .busy.sidenav, .topbar nav .mailbox.dropdown-content .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .busy.indicator, .left-sidebar .red.sidenav, .left-sidebar .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .sidenav.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .left-sidebar .sidenav.busy, .left-sidebar .chat-windows .user-chat .chat-head .sidenav.busy, .chat-windows .user-chat .chat-head .left-sidebar .sidenav.busy, .left-sidebar .sidenav.label-red, .left-sidebar .chatbox .message-center a .user-img .sidenav.busy, .chatbox .message-center a .user-img .left-sidebar .sidenav.busy, .left-sidebar .sidenav.jq-icon-error, .right-sidebar .sidenav.right-sidenav .tabs .red.indicator, .right-sidebar .sidenav.right-sidenav .tabs .mailbox .message-center a .user-img .indicator.busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .tabs .indicator.busy, .right-sidebar .sidenav.right-sidenav .tabs .chat-windows .user-chat .chat-head .indicator.busy, .chat-windows .user-chat .chat-head .right-sidebar .sidenav.right-sidenav .tabs .indicator.busy, .right-sidebar .sidenav.right-sidenav .tabs .indicator.label-red, .right-sidebar .sidenav.right-sidenav .tabs .chatbox .message-center a .user-img .indicator.busy, .chatbox .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .indicator.busy, .right-sidebar .sidenav.right-sidenav .tabs .indicator.jq-icon-error, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-4.busy, .chat-windows .user-chat .chat-head .accent-4.busy, .accent-4.label-red, .chatbox .message-center a .user-img .accent-4.busy, .accent-4.jq-icon-error {background-color: #D50000 !important; }
.red-text.text-accent-4, .text-accent-4.error, .right-sidebar .sidenav.right-sidenav .tabs .tab a.error, .error.secondary-btn, .right-sidebar .sidenav.right-sidenav .tabs .tab a.red-text, .red-text.secondary-btn {color: #D50000 !important; }
.pink {background-color: #e91e63 !important; }
.pink-text {color: #e91e63 !important; }
.pink.lighten-5 {background-color: #fce4ec !important; }
.pink-text.text-lighten-5 {color: #fce4ec !important; }
.pink.lighten-4 {background-color: #f8bbd0 !important; }
.pink-text.text-lighten-4 {color: #f8bbd0 !important; }
.pink.lighten-3 {background-color: #f48fb1 !important; }
.pink-text.text-lighten-3 {color: #f48fb1 !important; }
.pink.lighten-2 {background-color: #f06292 !important; }
.pink-text.text-lighten-2 {color: #f06292 !important; }
.pink.lighten-1 {background-color: #ec407a !important; }
.pink-text.text-lighten-1 {color: #ec407a !important; }
.pink.darken-1 {background-color: #d81b60 !important; }
.pink-text.text-darken-1 {color: #d81b60 !important; }
.pink.darken-2 {background-color: #c2185b !important; }
.pink-text.text-darken-2 {color: #c2185b !important; }
.pink.darken-3 {background-color: #ad1457 !important; }
.pink-text.text-darken-3 {color: #ad1457 !important; }
.pink.darken-4 {background-color: #880e4f !important; }
.pink-text.text-darken-4 {color: #880e4f !important; }
.pink.accent-1 {background-color: #ff80ab !important; }
.pink-text.text-accent-1 {color: #ff80ab !important; }
.pink.accent-2 {background-color: #ff4081 !important; }
.pink-text.text-accent-2 {color: #ff4081 !important; }
.pink.accent-3 {background-color: #f50057 !important; }
.pink-text.text-accent-3 {color: #f50057 !important; }
.pink.accent-4, .topbar nav .nav-wrapper .pink.brand-logo, .left-sidebar .pink.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .pink.indicator {background-color: #c51162 !important; }
.pink-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.pink-text, .pink-text.secondary-btn {color: #c51162 !important; }
.purple, .label-purple {background-color: #9c27b0 !important; }
.purple-text {color: #9c27b0 !important; }
.purple.lighten-5, .lighten-5.label-purple {background-color: #f3e5f5 !important; }
.purple-text.text-lighten-5 {color: #f3e5f5 !important; }
.purple.lighten-4, .lighten-4.label-purple {background-color: #e1bee7 !important; }
.purple-text.text-lighten-4 {color: #e1bee7 !important; }
.purple.lighten-3, .lighten-3.label-purple {background-color: #ce93d8 !important; }
.purple-text.text-lighten-3 {color: #ce93d8 !important; }
.purple.lighten-2, .lighten-2.label-purple {background-color: #ba68c8 !important; }
.purple-text.text-lighten-2 {color: #ba68c8 !important; }
.purple.lighten-1, .lighten-1.label-purple {background-color: #ab47bc !important; }
.purple-text.text-lighten-1 {color: #ab47bc !important; }
.purple.darken-1, .darken-1.label-purple {background-color: #8e24aa !important; }
.purple-text.text-darken-1 {color: #8e24aa !important; }
.purple.darken-2, .darken-2.label-purple {background-color: #7b1fa2 !important; }
.purple-text.text-darken-2 {color: #7b1fa2 !important; }
.purple.darken-3, .darken-3.label-purple {background-color: #6a1b9a !important; }
.purple-text.text-darken-3 {color: #6a1b9a !important; }
.purple.darken-4, .darken-4.label-purple {background-color: #4a148c !important; }
.purple-text.text-darken-4 {color: #4a148c !important; }
.purple.accent-1, .accent-1.label-purple {background-color: #ea80fc !important; }
.purple-text.text-accent-1 {color: #ea80fc !important; }
.purple.accent-2, .accent-2.label-purple {background-color: #e040fb !important; }
.purple-text.text-accent-2 {color: #e040fb !important; }
.purple.accent-3, .accent-3.label-purple {background-color: #d500f9 !important; }
.purple-text.text-accent-3 {color: #d500f9 !important; }
.purple.accent-4, .topbar nav .nav-wrapper .purple.brand-logo, .topbar nav .nav-wrapper .brand-logo.label-purple, .left-sidebar .purple.sidenav, .left-sidebar .sidenav.label-purple, .right-sidebar .sidenav.right-sidenav .tabs .purple.indicator, .right-sidebar .sidenav.right-sidenav .tabs .indicator.label-purple, .accent-4.label-purple {background-color: #aa00ff !important; }
.purple-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.purple-text, .purple-text.secondary-btn {color: #aa00ff !important; }
.deep-purple {background-color: #673ab7 !important; }
.deep-purple-text {color: #673ab7 !important; }
.deep-purple.lighten-5 {background-color: #ede7f6 !important; }
.deep-purple-text.text-lighten-5 {color: #ede7f6 !important; }
.deep-purple.lighten-4 {background-color: #d1c4e9 !important; }
.deep-purple-text.text-lighten-4 {color: #d1c4e9 !important; }
.deep-purple.lighten-3 {background-color: #b39ddb !important; }
.deep-purple-text.text-lighten-3 {color: #b39ddb !important; }
.deep-purple.lighten-2 {background-color: #9575cd !important; }
.deep-purple-text.text-lighten-2 {color: #9575cd !important; }
.deep-purple.lighten-1 {background-color: #7e57c2 !important; }
.deep-purple-text.text-lighten-1 {color: #7e57c2 !important; }
.deep-purple.darken-1 {background-color: #5e35b1 !important; }
.deep-purple-text.text-darken-1 {color: #5e35b1 !important; }
.deep-purple.darken-2 {background-color: #512da8 !important; }
.deep-purple-text.text-darken-2 {color: #512da8 !important; }
.deep-purple.darken-3 {background-color: #4527a0 !important; }
.deep-purple-text.text-darken-3 {color: #4527a0 !important; }
.deep-purple.darken-4 {background-color: #311b92 !important; }
.deep-purple-text.text-darken-4 {color: #311b92 !important; }
.deep-purple.accent-1 {background-color: #b388ff !important; }
.deep-purple-text.text-accent-1 {color: #b388ff !important; }
.deep-purple.accent-2 {background-color: #7c4dff !important; }
.deep-purple-text.text-accent-2 {color: #7c4dff !important; }
.deep-purple.accent-3 {background-color: #651fff !important; }
.deep-purple-text.text-accent-3 {color: #651fff !important; }
.deep-purple.accent-4, .topbar nav .nav-wrapper .deep-purple.brand-logo, .left-sidebar .deep-purple.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .deep-purple.indicator {background-color: #6200ea !important; }
.deep-purple-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.deep-purple-text, .deep-purple-text.secondary-btn {color: #6200ea !important; }
.indigo {background-color: #3f51b5 !important; }
.indigo-text {color: #3f51b5 !important; }
.indigo.lighten-5 {background-color: #e8eaf6 !important; }
.indigo-text.text-lighten-5 {color: #e8eaf6 !important; }
.indigo.lighten-4 {background-color: #c5cae9 !important; }
.indigo-text.text-lighten-4 {color: #c5cae9 !important; }
.indigo.lighten-3 {background-color: #9fa8da !important; }
.indigo-text.text-lighten-3 {color: #9fa8da !important; }
.indigo.lighten-2 {background-color: #7986cb !important; }
.indigo-text.text-lighten-2 {color: #7986cb !important; }
.indigo.lighten-1 {background-color: #5c6bc0 !important; }
.indigo-text.text-lighten-1 {color: #5c6bc0 !important; }
.indigo.darken-1 {background-color: #3949ab !important; }
.indigo-text.text-darken-1 {color: #3949ab !important; }
.indigo.darken-2 {background-color: #303f9f !important; }
.indigo-text.text-darken-2 {color: #303f9f !important; }
.indigo.darken-3 {background-color: #283593 !important; }
.indigo-text.text-darken-3 {color: #283593 !important; }
.indigo.darken-4 {background-color: #1a237e !important; }
.indigo-text.text-darken-4 {color: #1a237e !important; }
.indigo.accent-1 {background-color: #8c9eff !important; }
.indigo-text.text-accent-1 {color: #8c9eff !important; }
.indigo.accent-2 {background-color: #536dfe !important; }
.indigo-text.text-accent-2 {color: #536dfe !important; }
.indigo.accent-3 {background-color: #3d5afe !important; }
.indigo-text.text-accent-3 {color: #3d5afe !important; }
.indigo.accent-4, .topbar nav .nav-wrapper .indigo.brand-logo, .left-sidebar .indigo.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .indigo.indicator {background-color: #304ffe !important; }
.indigo-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.indigo-text, .indigo-text.secondary-btn {color: #304ffe !important; }
.blue, .topbar nav .nav-wrapper .brand-logo, .left-sidebar .sidenav, .right-sidebar .sidenav.right-sidenav .tabs .indicator, .jq-icon-info {background-color: #2196F3 !important; }
.blue-text, .right-sidebar .sidenav.right-sidenav .tabs .tab a {color: #2196F3 !important; }
.blue.lighten-5, .topbar nav .nav-wrapper .lighten-5.brand-logo, .left-sidebar .lighten-5.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .lighten-5.indicator, .lighten-5.jq-icon-info {background-color: #E3F2FD !important; }
.blue-text.text-lighten-5, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-lighten-5 {color: #E3F2FD !important; }
.blue.lighten-4, .topbar nav .nav-wrapper .lighten-4.brand-logo, .left-sidebar .lighten-4.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .lighten-4.indicator, .lighten-4.jq-icon-info {background-color: #BBDEFB !important; }
.blue-text.text-lighten-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-lighten-4 {color: #BBDEFB !important; }
.blue.lighten-3, .topbar nav .nav-wrapper .lighten-3.brand-logo, .left-sidebar .lighten-3.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .lighten-3.indicator, .lighten-3.jq-icon-info {background-color: #90CAF9 !important; }
.blue-text.text-lighten-3, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-lighten-3 {color: #90CAF9 !important; }
.blue.lighten-2, .topbar nav .nav-wrapper .lighten-2.brand-logo, .left-sidebar .lighten-2.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .lighten-2.indicator, .lighten-2.jq-icon-info {background-color: #64B5F6 !important; }
.blue-text.text-lighten-2, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-lighten-2 {color: #64B5F6 !important; }
.blue.lighten-1, .topbar nav .nav-wrapper .lighten-1.brand-logo, .left-sidebar .lighten-1.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .lighten-1.indicator, .lighten-1.jq-icon-info {background-color: #42A5F5 !important; }
.blue-text.text-lighten-1, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-lighten-1 {color: #42A5F5 !important; }
.blue.darken-1, .topbar nav .nav-wrapper .darken-1.brand-logo, .left-sidebar .darken-1.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .darken-1.indicator, .darken-1.jq-icon-info {background-color: #1E88E5 !important; }
.blue-text.text-darken-1, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-darken-1 {color: #1E88E5 !important; }
.blue.darken-2, .topbar nav .nav-wrapper .darken-2.brand-logo, .left-sidebar .darken-2.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .darken-2.indicator, .darken-2.jq-icon-info {background-color: #1976D2 !important; }
.blue-text.text-darken-2, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-darken-2 {color: #1976D2 !important; }
.blue.darken-3, .topbar nav .nav-wrapper .darken-3.brand-logo, .left-sidebar .darken-3.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .darken-3.indicator, .darken-3.jq-icon-info {background-color: #1565C0 !important; }
.blue-text.text-darken-3, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-darken-3 {color: #1565C0 !important; }
.blue.darken-4, .topbar nav .nav-wrapper .darken-4.brand-logo, .left-sidebar .darken-4.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .darken-4.indicator, .darken-4.jq-icon-info {background-color: #0D47A1 !important; }
.blue-text.text-darken-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-darken-4 {color: #0D47A1 !important; }
.blue.accent-1, .topbar nav .nav-wrapper .accent-1.brand-logo, .left-sidebar .accent-1.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .accent-1.indicator, .accent-1.jq-icon-info {background-color: #82B1FF !important; }
.blue-text.text-accent-1, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-accent-1 {color: #82B1FF !important; }
.blue.accent-2, .topbar nav .nav-wrapper .accent-2.brand-logo, .left-sidebar .accent-2.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .accent-2.indicator, .accent-2.jq-icon-info {background-color: #448AFF !important; }
.blue-text.text-accent-2, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-accent-2 {color: #448AFF !important; }
.blue.accent-3, .topbar nav .nav-wrapper .accent-3.brand-logo, .left-sidebar .accent-3.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .accent-3.indicator, .accent-3.jq-icon-info {background-color: #2979FF !important; }
.blue-text.text-accent-3, .right-sidebar .sidenav.right-sidenav .tabs .tab a.text-accent-3 {color: #2979FF !important; }
.blue.accent-4, .topbar nav .nav-wrapper .brand-logo, .left-sidebar .sidenav, .right-sidebar .sidenav.right-sidenav .tabs .indicator, .accent-4.jq-icon-info {background-color: #2962FF !important; }
.blue-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a, .page-titles .custom-breadcrumb .breadcrumb:last-child, .blue-text.secondary-btn {color: #2962FF !important; }
.light-blue {background-color: #03a9f4 !important; }
.light-blue-text {color: #03a9f4 !important; }
.light-blue.lighten-5 {background-color: #e1f5fe !important; }
.light-blue-text.text-lighten-5 {color: #e1f5fe !important; }
.light-blue.lighten-4 {background-color: #b3e5fc !important; }
.light-blue-text.text-lighten-4 {color: #b3e5fc !important; }
.light-blue.lighten-3 {background-color: #81d4fa !important; }
.light-blue-text.text-lighten-3 {color: #81d4fa !important; }
.light-blue.lighten-2 {background-color: #4fc3f7 !important; }
.light-blue-text.text-lighten-2 {color: #4fc3f7 !important; }
.light-blue.lighten-1 {background-color: #29b6f6 !important; }
.light-blue-text.text-lighten-1 {color: #29b6f6 !important; }
.light-blue.darken-1 {background-color: #039be5 !important; }
.light-blue-text.text-darken-1 {color: #039be5 !important; }
.light-blue.darken-2 {background-color: #0288d1 !important; }
.light-blue-text.text-darken-2 {color: #0288d1 !important; }
.light-blue.darken-3 {background-color: #0277bd !important; }
.light-blue-text.text-darken-3 {color: #0277bd !important; }
.light-blue.darken-4 {background-color: #01579b !important; }
.light-blue-text.text-darken-4 {color: #01579b !important; }
.light-blue.accent-1 {background-color: #80d8ff !important; }
.light-blue-text.text-accent-1 {color: #80d8ff !important; }
.light-blue.accent-2 {background-color: #40c4ff !important; }
.light-blue-text.text-accent-2 {color: #40c4ff !important; }
.light-blue.accent-3 {background-color: #00b0ff !important; }
.light-blue-text.text-accent-3 {color: #00b0ff !important; }
.light-blue.accent-4, .topbar nav .nav-wrapper .light-blue.brand-logo, .left-sidebar .light-blue.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .light-blue.indicator {background-color: #0091ea !important; }
.light-blue-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.light-blue-text, .light-blue-text.secondary-btn {color: #0091ea !important; }
.cyan, .label-custom, .label-megna, .jq-icon-success {background-color: #00bcd4 !important; }
.cyan-text {color: #00bcd4 !important; }
.cyan.lighten-5, .lighten-5.label-custom, .lighten-5.label-megna, .lighten-5.jq-icon-success {background-color: #e0f7fa !important; }
.cyan-text.text-lighten-5 {color: #e0f7fa !important; }
.cyan.lighten-4, .lighten-4.label-custom, .lighten-4.label-megna, .lighten-4.jq-icon-success {background-color: #b2ebf2 !important; }
.cyan-text.text-lighten-4 {color: #b2ebf2 !important; }
.cyan.lighten-3, .lighten-3.label-custom, .lighten-3.label-megna, .lighten-3.jq-icon-success {background-color: #80deea !important; }
.cyan-text.text-lighten-3 {color: #80deea !important; }
.cyan.lighten-2, .lighten-2.label-custom, .lighten-2.label-megna, .lighten-2.jq-icon-success {background-color: #4dd0e1 !important; }
.cyan-text.text-lighten-2 {color: #4dd0e1 !important; }
.cyan.lighten-1, .lighten-1.label-custom, .lighten-1.label-megna, .lighten-1.jq-icon-success {background-color: #26c6da !important; }
.cyan-text.text-lighten-1 {color: #26c6da !important; }
.cyan.darken-1, .darken-1.label-custom, .darken-1.label-megna, .darken-1.jq-icon-success {background-color: #00acc1 !important; }
.cyan-text.text-darken-1 {color: #00acc1 !important; }
.cyan.darken-2, .darken-2.label-custom, .darken-2.label-megna, .darken-2.jq-icon-success {background-color: #0097a7 !important; }
.cyan-text.text-darken-2 {color: #0097a7 !important; }
.cyan.darken-3, .darken-3.label-custom, .darken-3.label-megna, .darken-3.jq-icon-success {background-color: #00838f !important; }
.cyan-text.text-darken-3 {color: #00838f !important; }
.cyan.darken-4, .darken-4.label-custom, .darken-4.label-megna, .darken-4.jq-icon-success {background-color: #006064 !important; }
.cyan-text.text-darken-4 {color: #006064 !important; }
.cyan.accent-1, .accent-1.label-custom, .accent-1.label-megna, .accent-1.jq-icon-success {background-color: #84ffff !important; }
.cyan-text.text-accent-1 {color: #84ffff !important; }
.cyan.accent-2, .accent-2.label-custom, .accent-2.label-megna, .accent-2.jq-icon-success {background-color: #18ffff !important; }
.cyan-text.text-accent-2 {color: #18ffff !important; }
.cyan.accent-3, .accent-3.label-custom, .accent-3.label-megna, .accent-3.jq-icon-success {background-color: #00e5ff !important; }
.cyan-text.text-accent-3 {color: #00e5ff !important; }
.cyan.accent-4, .topbar nav .nav-wrapper .cyan.brand-logo, .topbar nav .nav-wrapper .brand-logo.label-custom, .topbar nav .nav-wrapper .brand-logo.label-megna, .topbar nav .nav-wrapper .brand-logo.jq-icon-success, .left-sidebar .cyan.sidenav, .left-sidebar .sidenav.label-custom, .left-sidebar .sidenav.label-megna, .left-sidebar .sidenav.jq-icon-success, .right-sidebar .sidenav.right-sidenav .tabs .cyan.indicator, .right-sidebar .sidenav.right-sidenav .tabs .indicator.label-custom, .right-sidebar .sidenav.right-sidenav .tabs .indicator.label-megna, .right-sidebar .sidenav.right-sidenav .tabs .indicator.jq-icon-success, .accent-4.label-custom, .accent-4.label-megna, .accent-4.jq-icon-success {background-color: #00b8d4 !important; }
.cyan-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.cyan-text, .cyan-text.secondary-btn {color: #00b8d4 !important; }
.teal {background-color: #009688 !important; }
.teal-text {color: #009688 !important; }
.teal.lighten-5 {background-color: #e0f2f1 !important; }
.teal-text.text-lighten-5 {color: #e0f2f1 !important; }
.teal.lighten-4 {background-color: #b2dfdb !important; }
.teal-text.text-lighten-4 {color: #b2dfdb !important; }
.teal.lighten-3 {background-color: #80cbc4 !important; }
.teal-text.text-lighten-3 {color: #80cbc4 !important; }
.teal.lighten-2 {background-color: #4db6ac !important; }
.teal-text.text-lighten-2 {color: #4db6ac !important; }
.teal.lighten-1 {background-color: #26a69a !important; }
.teal-text.text-lighten-1 {color: #26a69a !important; }
.teal.darken-1 {background-color: #00897b !important; }
.teal-text.text-darken-1 {color: #00897b !important; }
.teal.darken-2 {background-color: #00796b !important; }
.teal-text.text-darken-2 {color: #00796b !important; }
.teal.darken-3 {background-color: #00695c !important; }
.teal-text.text-darken-3 {color: #00695c !important; }
.teal.darken-4 {background-color: #004d40 !important; }
.teal-text.text-darken-4 {color: #004d40 !important; }
.teal.accent-1 {background-color: #a7ffeb !important; }
.teal-text.text-accent-1 {color: #a7ffeb !important; }
.teal.accent-2 {background-color: #64ffda !important; }
.teal-text.text-accent-2 {color: #64ffda !important; }
.teal.accent-3 {background-color: #1de9b6 !important; }
.teal-text.text-accent-3 {color: #1de9b6 !important; }
.teal.accent-4, .topbar nav .nav-wrapper .teal.brand-logo, .left-sidebar .teal.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .teal.indicator {background-color: #00bfa5 !important; }
.teal-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.teal-text, .teal-text.secondary-btn {color: #00bfa5 !important; }
.green, .topbar nav .mailbox.dropdown-content .message-center a .user-img .online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .online, .chat-windows .user-chat .chat-head .online, .chatbox .message-center a .user-img .online {background-color: #4CAF50 !important; }
.green-text {color: #4CAF50 !important; }
.green.lighten-5, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-5.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-5.online, .chat-windows .user-chat .chat-head .lighten-5.online, .chatbox .message-center a .user-img .lighten-5.online {background-color: #E8F5E9 !important; }
.green-text.text-lighten-5 {color: #E8F5E9 !important; }
.green.lighten-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-4.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-4.online, .chat-windows .user-chat .chat-head .lighten-4.online, .chatbox .message-center a .user-img .lighten-4.online {background-color: #C8E6C9 !important; }
.green-text.text-lighten-4 {color: #C8E6C9 !important; }
.green.lighten-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-3.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-3.online, .chat-windows .user-chat .chat-head .lighten-3.online, .chatbox .message-center a .user-img .lighten-3.online {background-color: #A5D6A7 !important; }
.green-text.text-lighten-3 {color: #A5D6A7 !important; }
.green.lighten-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-2.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-2.online, .chat-windows .user-chat .chat-head .lighten-2.online, .chatbox .message-center a .user-img .lighten-2.online {background-color: #81C784 !important; }
.green-text.text-lighten-2 {color: #81C784 !important; }
.green.lighten-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-1.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-1.online, .chat-windows .user-chat .chat-head .lighten-1.online, .chatbox .message-center a .user-img .lighten-1.online {background-color: #66BB6A !important; }
.green-text.text-lighten-1 {color: #66BB6A !important; }
.green.darken-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-1.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-1.online, .chat-windows .user-chat .chat-head .darken-1.online, .chatbox .message-center a .user-img .darken-1.online {background-color: #43A047 !important; }
.green-text.text-darken-1 {color: #43A047 !important; }
.green.darken-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-2.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-2.online, .chat-windows .user-chat .chat-head .darken-2.online, .chatbox .message-center a .user-img .darken-2.online {background-color: #388E3C !important; }
.green-text.text-darken-2 {color: #388E3C !important; }
.green.darken-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-3.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-3.online, .chat-windows .user-chat .chat-head .darken-3.online, .chatbox .message-center a .user-img .darken-3.online {background-color: #2E7D32 !important; }
.green-text.text-darken-3 {color: #2E7D32 !important; }
.green.darken-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-4.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-4.online, .chat-windows .user-chat .chat-head .darken-4.online, .chatbox .message-center a .user-img .darken-4.online {background-color: #1B5E20 !important; }
.green-text.text-darken-4 {color: #1B5E20 !important; }
.green.accent-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-1.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-1.online, .chat-windows .user-chat .chat-head .accent-1.online, .chatbox .message-center a .user-img .accent-1.online {background-color: #B9F6CA !important; }
.green-text.text-accent-1 {color: #B9F6CA !important; }
.green.accent-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-2.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-2.online, .chat-windows .user-chat .chat-head .accent-2.online, .chatbox .message-center a .user-img .accent-2.online {background-color: #69F0AE !important; }
.green-text.text-accent-2 {color: #69F0AE !important; }
.green.accent-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-3.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-3.online, .chat-windows .user-chat .chat-head .accent-3.online, .chatbox .message-center a .user-img .accent-3.online {background-color: #00E676 !important; }
.green-text.text-accent-3 {color: #00E676 !important; }
.green.accent-4, .topbar nav .nav-wrapper .green.brand-logo, .topbar nav .nav-wrapper .mailbox.dropdown-content .message-center a .user-img .brand-logo.online, .topbar nav .mailbox.dropdown-content .message-center a .user-img .nav-wrapper .brand-logo.online, .topbar nav .nav-wrapper .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .brand-logo.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.online, .topbar nav .nav-wrapper .chat-windows .user-chat .chat-head .brand-logo.online, .chat-windows .user-chat .chat-head .topbar nav .nav-wrapper .brand-logo.online, .topbar nav .nav-wrapper .chatbox .message-center a .user-img .brand-logo.online, .chatbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.online, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-4.online, .topbar nav .mailbox.dropdown-content .message-center a .user-img .left-sidebar .online.sidenav, .left-sidebar .topbar nav .mailbox.dropdown-content .message-center a .user-img .online.sidenav, .topbar nav .mailbox.dropdown-content .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .online.indicator, .left-sidebar .green.sidenav, .left-sidebar .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .sidenav.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .left-sidebar .sidenav.online, .left-sidebar .chat-windows .user-chat .chat-head .sidenav.online, .chat-windows .user-chat .chat-head .left-sidebar .sidenav.online, .left-sidebar .chatbox .message-center a .user-img .sidenav.online, .chatbox .message-center a .user-img .left-sidebar .sidenav.online, .right-sidebar .sidenav.right-sidenav .tabs .green.indicator, .right-sidebar .sidenav.right-sidenav .tabs .mailbox .message-center a .user-img .indicator.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .tabs .indicator.online, .right-sidebar .sidenav.right-sidenav .tabs .chat-windows .user-chat .chat-head .indicator.online, .chat-windows .user-chat .chat-head .right-sidebar .sidenav.right-sidenav .tabs .indicator.online, .right-sidebar .sidenav.right-sidenav .tabs .chatbox .message-center a .user-img .indicator.online, .chatbox .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .indicator.online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-4.online, .chat-windows .user-chat .chat-head .accent-4.online, .chatbox .message-center a .user-img .accent-4.online {background-color: #00C853 !important; }
.green-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.green-text, .green-text.secondary-btn {color: #00C853 !important; }
.light-green {background-color: #8bc34a !important; }
.light-green-text {color: #8bc34a !important; }
.light-green.lighten-5 {background-color: #f1f8e9 !important; }
.light-green-text.text-lighten-5 {color: #f1f8e9 !important; }
.light-green.lighten-4 {background-color: #dcedc8 !important; }
.light-green-text.text-lighten-4 {color: #dcedc8 !important; }
.light-green.lighten-3 {background-color: #c5e1a5 !important; }
.light-green-text.text-lighten-3 {color: #c5e1a5 !important; }
.light-green.lighten-2 {background-color: #aed581 !important; }
.light-green-text.text-lighten-2 {color: #aed581 !important; }
.light-green.lighten-1 {background-color: #9ccc65 !important; }
.light-green-text.text-lighten-1 {color: #9ccc65 !important; }
.light-green.darken-1 {background-color: #7cb342 !important; }
.light-green-text.text-darken-1 {color: #7cb342 !important; }
.light-green.darken-2 {background-color: #689f38 !important; }
.light-green-text.text-darken-2 {color: #689f38 !important; }
.light-green.darken-3 {background-color: #558b2f !important; }
.light-green-text.text-darken-3 {color: #558b2f !important; }
.light-green.darken-4 {background-color: #33691e !important; }
.light-green-text.text-darken-4 {color: #33691e !important; }
.light-green.accent-1 {background-color: #ccff90 !important; }
.light-green-text.text-accent-1 {color: #ccff90 !important; }
.light-green.accent-2 {background-color: #b2ff59 !important; }
.light-green-text.text-accent-2 {color: #b2ff59 !important; }
.light-green.accent-3 {background-color: #76ff03 !important; }
.light-green-text.text-accent-3 {color: #76ff03 !important; }
.light-green.accent-4, .topbar nav .nav-wrapper .light-green.brand-logo, .left-sidebar .light-green.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .light-green.indicator {background-color: #64dd17 !important; }
.light-green-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.light-green-text, .light-green-text.secondary-btn {color: #64dd17 !important; }
.lime {background-color: #cddc39 !important; }
.lime-text {color: #cddc39 !important; }
.lime.lighten-5 {background-color: #f9fbe7 !important; }
.lime-text.text-lighten-5 {color: #f9fbe7 !important; }
.lime.lighten-4 {background-color: #f0f4c3 !important; }
.lime-text.text-lighten-4 {color: #f0f4c3 !important; }
.lime.lighten-3 {background-color: #e6ee9c !important; }
.lime-text.text-lighten-3 {color: #e6ee9c !important; }
.lime.lighten-2 {background-color: #dce775 !important; }
.lime-text.text-lighten-2 {color: #dce775 !important; }
.lime.lighten-1 {background-color: #d4e157 !important; }
.lime-text.text-lighten-1 {color: #d4e157 !important; }
.lime.darken-1 {background-color: #c0ca33 !important; }
.lime-text.text-darken-1 {color: #c0ca33 !important; }
.lime.darken-2 {background-color: #afb42b !important; }
.lime-text.text-darken-2 {color: #afb42b !important; }
.lime.darken-3 {background-color: #9e9d24 !important; }
.lime-text.text-darken-3 {color: #9e9d24 !important; }
.lime.darken-4 {background-color: #827717 !important; }
.lime-text.text-darken-4 {color: #827717 !important; }
.lime.accent-1 {background-color: #f4ff81 !important; }
.lime-text.text-accent-1 {color: #f4ff81 !important; }
.lime.accent-2 {background-color: #eeff41 !important; }
.lime-text.text-accent-2 {color: #eeff41 !important; }
.lime.accent-3 {background-color: #c6ff00 !important; }
.lime-text.text-accent-3 {color: #c6ff00 !important; }
.lime.accent-4, .topbar nav .nav-wrapper .lime.brand-logo, .left-sidebar .lime.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .lime.indicator {background-color: #aeea00 !important; }
.lime-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.lime-text, .lime-text.secondary-btn {color: #aeea00 !important; }
.yellow, .topbar nav .mailbox.dropdown-content .message-center a .user-img .offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .offline, .chat-windows .user-chat .chat-head .offline, .chatbox .message-center a .user-img .offline, .jq-icon-warning {background-color: #ffeb3b !important; }
.yellow-text {color: #ffeb3b !important; }
.yellow.lighten-5, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-5.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-5.offline, .chat-windows .user-chat .chat-head .lighten-5.offline, .chatbox .message-center a .user-img .lighten-5.offline, .lighten-5.jq-icon-warning {background-color: #fffde7 !important; }
.yellow-text.text-lighten-5 {color: #fffde7 !important; }
.yellow.lighten-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-4.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-4.offline, .chat-windows .user-chat .chat-head .lighten-4.offline, .chatbox .message-center a .user-img .lighten-4.offline, .lighten-4.jq-icon-warning {background-color: #fff9c4 !important; }
.yellow-text.text-lighten-4 {color: #fff9c4 !important; }
.yellow.lighten-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-3.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-3.offline, .chat-windows .user-chat .chat-head .lighten-3.offline, .chatbox .message-center a .user-img .lighten-3.offline, .lighten-3.jq-icon-warning {background-color: #fff59d !important; }
.yellow-text.text-lighten-3 {color: #fff59d !important; }
.yellow.lighten-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-2.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-2.offline, .chat-windows .user-chat .chat-head .lighten-2.offline, .chatbox .message-center a .user-img .lighten-2.offline, .lighten-2.jq-icon-warning {background-color: #fff176 !important; }
.yellow-text.text-lighten-2 {color: #fff176 !important; }
.yellow.lighten-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-1.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-1.offline, .chat-windows .user-chat .chat-head .lighten-1.offline, .chatbox .message-center a .user-img .lighten-1.offline, .lighten-1.jq-icon-warning {background-color: #ffee58 !important; }
.yellow-text.text-lighten-1 {color: #ffee58 !important; }
.yellow.darken-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-1.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-1.offline, .chat-windows .user-chat .chat-head .darken-1.offline, .chatbox .message-center a .user-img .darken-1.offline, .darken-1.jq-icon-warning {background-color: #fdd835 !important; }
.yellow-text.text-darken-1 {color: #fdd835 !important; }
.yellow.darken-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-2.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-2.offline, .chat-windows .user-chat .chat-head .darken-2.offline, .chatbox .message-center a .user-img .darken-2.offline, .darken-2.jq-icon-warning {background-color: #fbc02d !important; }
.yellow-text.text-darken-2 {color: #fbc02d !important; }
.yellow.darken-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-3.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-3.offline, .chat-windows .user-chat .chat-head .darken-3.offline, .chatbox .message-center a .user-img .darken-3.offline, .darken-3.jq-icon-warning {background-color: #f9a825 !important; }
.yellow-text.text-darken-3 {color: #f9a825 !important; }
.yellow.darken-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-4.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-4.offline, .chat-windows .user-chat .chat-head .darken-4.offline, .chatbox .message-center a .user-img .darken-4.offline, .darken-4.jq-icon-warning {background-color: #f57f17 !important; }
.yellow-text.text-darken-4 {color: #f57f17 !important; }
.yellow.accent-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-1.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-1.offline, .chat-windows .user-chat .chat-head .accent-1.offline, .chatbox .message-center a .user-img .accent-1.offline, .accent-1.jq-icon-warning {background-color: #ffff8d !important; }
.yellow-text.text-accent-1 {color: #ffff8d !important; }
.yellow.accent-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-2.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-2.offline, .chat-windows .user-chat .chat-head .accent-2.offline, .chatbox .message-center a .user-img .accent-2.offline, .accent-2.jq-icon-warning {background-color: #ffff00 !important; }
.yellow-text.text-accent-2 {color: #ffff00 !important; }
.yellow.accent-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-3.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-3.offline, .chat-windows .user-chat .chat-head .accent-3.offline, .chatbox .message-center a .user-img .accent-3.offline, .accent-3.jq-icon-warning {background-color: #ffea00 !important; }
.yellow-text.text-accent-3 {color: #ffea00 !important; }
.yellow.accent-4, .topbar nav .nav-wrapper .yellow.brand-logo, .topbar nav .nav-wrapper .mailbox.dropdown-content .message-center a .user-img .brand-logo.offline, .topbar nav .mailbox.dropdown-content .message-center a .user-img .nav-wrapper .brand-logo.offline, .topbar nav .nav-wrapper .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .brand-logo.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.offline, .topbar nav .nav-wrapper .chat-windows .user-chat .chat-head .brand-logo.offline, .chat-windows .user-chat .chat-head .topbar nav .nav-wrapper .brand-logo.offline, .topbar nav .nav-wrapper .chatbox .message-center a .user-img .brand-logo.offline, .chatbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.offline, .topbar nav .nav-wrapper .brand-logo.jq-icon-warning, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-4.offline, .topbar nav .mailbox.dropdown-content .message-center a .user-img .left-sidebar .offline.sidenav, .left-sidebar .topbar nav .mailbox.dropdown-content .message-center a .user-img .offline.sidenav, .topbar nav .mailbox.dropdown-content .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .offline.indicator, .left-sidebar .yellow.sidenav, .left-sidebar .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .sidenav.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .left-sidebar .sidenav.offline, .left-sidebar .chat-windows .user-chat .chat-head .sidenav.offline, .chat-windows .user-chat .chat-head .left-sidebar .sidenav.offline, .left-sidebar .chatbox .message-center a .user-img .sidenav.offline, .chatbox .message-center a .user-img .left-sidebar .sidenav.offline, .left-sidebar .sidenav.jq-icon-warning, .right-sidebar .sidenav.right-sidenav .tabs .yellow.indicator, .right-sidebar .sidenav.right-sidenav .tabs .mailbox .message-center a .user-img .indicator.offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .tabs .indicator.offline, .right-sidebar .sidenav.right-sidenav .tabs .chat-windows .user-chat .chat-head .indicator.offline, .chat-windows .user-chat .chat-head .right-sidebar .sidenav.right-sidenav .tabs .indicator.offline, .right-sidebar .sidenav.right-sidenav .tabs .chatbox .message-center a .user-img .indicator.offline, .chatbox .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .indicator.offline, .right-sidebar .sidenav.right-sidenav .tabs .indicator.jq-icon-warning, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-4.offline, .chat-windows .user-chat .chat-head .accent-4.offline, .chatbox .message-center a .user-img .accent-4.offline, .accent-4.jq-icon-warning {background-color: #ffd600 !important; }
.yellow-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.yellow-text, .yellow-text.secondary-btn {color: #ffd600 !important; }
.amber, .topbar nav .mailbox.dropdown-content .message-center a .user-img .away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .away, .chat-windows .user-chat .chat-head .away, .chatbox .message-center a .user-img .away {background-color: #ffc107 !important; }
.amber-text {color: #ffc107 !important; }
.amber.lighten-5, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-5.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-5.away, .chat-windows .user-chat .chat-head .lighten-5.away, .chatbox .message-center a .user-img .lighten-5.away {background-color: #fff8e1 !important; }
.amber-text.text-lighten-5 {color: #fff8e1 !important; }
.amber.lighten-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-4.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-4.away, .chat-windows .user-chat .chat-head .lighten-4.away, .chatbox .message-center a .user-img .lighten-4.away {background-color: #ffecb3 !important; }
.amber-text.text-lighten-4 {color: #ffecb3 !important; }
.amber.lighten-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-3.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-3.away, .chat-windows .user-chat .chat-head .lighten-3.away, .chatbox .message-center a .user-img .lighten-3.away {background-color: #ffe082 !important; }
.amber-text.text-lighten-3 {color: #ffe082 !important; }
.amber.lighten-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-2.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-2.away, .chat-windows .user-chat .chat-head .lighten-2.away, .chatbox .message-center a .user-img .lighten-2.away {background-color: #ffd54f !important; }
.amber-text.text-lighten-2 {color: #ffd54f !important; }
.amber.lighten-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .lighten-1.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .lighten-1.away, .chat-windows .user-chat .chat-head .lighten-1.away, .chatbox .message-center a .user-img .lighten-1.away {background-color: #ffca28 !important; }
.amber-text.text-lighten-1 {color: #ffca28 !important; }
.amber.darken-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-1.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-1.away, .chat-windows .user-chat .chat-head .darken-1.away, .chatbox .message-center a .user-img .darken-1.away {background-color: #ffb300 !important; }
.amber-text.text-darken-1 {color: #ffb300 !important; }
.amber.darken-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-2.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-2.away, .chat-windows .user-chat .chat-head .darken-2.away, .chatbox .message-center a .user-img .darken-2.away {background-color: #ffa000 !important; }
.amber-text.text-darken-2 {color: #ffa000 !important; }
.amber.darken-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-3.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-3.away, .chat-windows .user-chat .chat-head .darken-3.away, .chatbox .message-center a .user-img .darken-3.away {background-color: #ff8f00 !important; }
.amber-text.text-darken-3 {color: #ff8f00 !important; }
.amber.darken-4, .topbar nav .mailbox.dropdown-content .message-center a .user-img .darken-4.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .darken-4.away, .chat-windows .user-chat .chat-head .darken-4.away, .chatbox .message-center a .user-img .darken-4.away {background-color: #ff6f00 !important; }
.amber-text.text-darken-4 {color: #ff6f00 !important; }
.amber.accent-1, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-1.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-1.away, .chat-windows .user-chat .chat-head .accent-1.away, .chatbox .message-center a .user-img .accent-1.away {background-color: #ffe57f !important; }
.amber-text.text-accent-1 {color: #ffe57f !important; }
.amber.accent-2, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-2.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-2.away, .chat-windows .user-chat .chat-head .accent-2.away, .chatbox .message-center a .user-img .accent-2.away {background-color: #ffd740 !important; }
.amber-text.text-accent-2 {color: #ffd740 !important; }
.amber.accent-3, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-3.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-3.away, .chat-windows .user-chat .chat-head .accent-3.away, .chatbox .message-center a .user-img .accent-3.away {background-color: #ffc400 !important; }
.amber-text.text-accent-3 {color: #ffc400 !important; }
.amber.accent-4, .topbar nav .nav-wrapper .amber.brand-logo, .topbar nav .nav-wrapper .mailbox.dropdown-content .message-center a .user-img .brand-logo.away, .topbar nav .mailbox.dropdown-content .message-center a .user-img .nav-wrapper .brand-logo.away, .topbar nav .nav-wrapper .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .brand-logo.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.away, .topbar nav .nav-wrapper .chat-windows .user-chat .chat-head .brand-logo.away, .chat-windows .user-chat .chat-head .topbar nav .nav-wrapper .brand-logo.away, .topbar nav .nav-wrapper .chatbox .message-center a .user-img .brand-logo.away, .chatbox .message-center a .user-img .topbar nav .nav-wrapper .brand-logo.away, .topbar nav .mailbox.dropdown-content .message-center a .user-img .accent-4.away, .topbar nav .mailbox.dropdown-content .message-center a .user-img .left-sidebar .away.sidenav, .left-sidebar .topbar nav .mailbox.dropdown-content .message-center a .user-img .away.sidenav, .topbar nav .mailbox.dropdown-content .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .away.indicator, .left-sidebar .amber.sidenav, .left-sidebar .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .sidenav.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .left-sidebar .sidenav.away, .left-sidebar .chat-windows .user-chat .chat-head .sidenav.away, .chat-windows .user-chat .chat-head .left-sidebar .sidenav.away, .left-sidebar .chatbox .message-center a .user-img .sidenav.away, .chatbox .message-center a .user-img .left-sidebar .sidenav.away, .right-sidebar .sidenav.right-sidenav .tabs .amber.indicator, .right-sidebar .sidenav.right-sidenav .tabs .mailbox .message-center a .user-img .indicator.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .tabs .indicator.away, .right-sidebar .sidenav.right-sidenav .tabs .chat-windows .user-chat .chat-head .indicator.away, .chat-windows .user-chat .chat-head .right-sidebar .sidenav.right-sidenav .tabs .indicator.away, .right-sidebar .sidenav.right-sidenav .tabs .chatbox .message-center a .user-img .indicator.away, .chatbox .message-center a .user-img .right-sidebar .sidenav.right-sidenav .tabs .indicator.away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .accent-4.away, .chat-windows .user-chat .chat-head .accent-4.away, .chatbox .message-center a .user-img .accent-4.away {background-color: #ffab00 !important; }
.amber-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.amber-text, .amber-text.secondary-btn {color: #ffab00 !important; }
.orange {background-color: #ff9800 !important; }
.orange-text {color: #ff9800 !important; }
.orange.lighten-5 {background-color: #fff3e0 !important; }
.orange-text.text-lighten-5 {color: #fff3e0 !important; }
.orange.lighten-4 {background-color: #ffe0b2 !important; }
.orange-text.text-lighten-4 {color: #ffe0b2 !important; }
.orange.lighten-3 {background-color: #ffcc80 !important; }
.orange-text.text-lighten-3 {color: #ffcc80 !important; }
.orange.lighten-2 {background-color: #ffb74d !important; }
.orange-text.text-lighten-2 {color: #ffb74d !important; }
.orange.lighten-1 {background-color: #ffa726 !important; }
.orange-text.text-lighten-1 {color: #ffa726 !important; }
.orange.darken-1 {background-color: #fb8c00 !important; }
.orange-text.text-darken-1 {color: #fb8c00 !important; }
.orange.darken-2 {background-color: #f57c00 !important; }
.orange-text.text-darken-2 {color: #f57c00 !important; }
.orange.darken-3 {background-color: #ef6c00 !important; }
.orange-text.text-darken-3 {color: #ef6c00 !important; }
.orange.darken-4 {background-color: #e65100 !important; }
.orange-text.text-darken-4 {color: #e65100 !important; }
.orange.accent-1 {background-color: #ffd180 !important; }
.orange-text.text-accent-1 {color: #ffd180 !important; }
.orange.accent-2 {background-color: #ffab40 !important; }
.orange-text.text-accent-2 {color: #ffab40 !important; }
.orange.accent-3 {background-color: #ff9100 !important; }
.orange-text.text-accent-3 {color: #ff9100 !important; }
.orange.accent-4, .topbar nav .nav-wrapper .orange.brand-logo, .left-sidebar .orange.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .orange.indicator {background-color: #ff6d00 !important; }
.orange-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.orange-text, .orange-text.secondary-btn {color: #ff6d00 !important; }
.deep-orange {background-color: #ff5722 !important; }
.deep-orange-text {color: #ff5722 !important; }
.deep-orange.lighten-5 {background-color: #fbe9e7 !important; }
.deep-orange-text.text-lighten-5 {color: #fbe9e7 !important; }
.deep-orange.lighten-4 {background-color: #ffccbc !important; }
.deep-orange-text.text-lighten-4 {color: #ffccbc !important; }
.deep-orange.lighten-3 {background-color: #ffab91 !important; }
.deep-orange-text.text-lighten-3 {color: #ffab91 !important; }
.deep-orange.lighten-2 {background-color: #ff8a65 !important; }
.deep-orange-text.text-lighten-2 {color: #ff8a65 !important; }
.deep-orange.lighten-1 {background-color: #ff7043 !important; }
.deep-orange-text.text-lighten-1 {color: #ff7043 !important; }
.deep-orange.darken-1 {background-color: #f4511e !important; }
.deep-orange-text.text-darken-1 {color: #f4511e !important; }
.deep-orange.darken-2 {background-color: #e64a19 !important; }
.deep-orange-text.text-darken-2 {color: #e64a19 !important; }
.deep-orange.darken-3 {background-color: #d84315 !important; }
.deep-orange-text.text-darken-3 {color: #d84315 !important; }
.deep-orange.darken-4 {background-color: #bf360c !important; }
.deep-orange-text.text-darken-4 {color: #bf360c !important; }
.deep-orange.accent-1 {background-color: #ff9e80 !important; }
.deep-orange-text.text-accent-1 {color: #ff9e80 !important; }
.deep-orange.accent-2 {background-color: #ff6e40 !important; }
.deep-orange-text.text-accent-2 {color: #ff6e40 !important; }
.deep-orange.accent-3 {background-color: #ff3d00 !important; }
.deep-orange-text.text-accent-3 {color: #ff3d00 !important; }
.deep-orange.accent-4, .topbar nav .nav-wrapper .deep-orange.brand-logo, .left-sidebar .deep-orange.sidenav, .right-sidebar .sidenav.right-sidenav .tabs .deep-orange.indicator {background-color: #dd2c00 !important; }
.deep-orange-text.text-accent-4, .right-sidebar .sidenav.right-sidenav .tabs .tab a.deep-orange-text, .deep-orange-text.secondary-btn {color: #dd2c00 !important; }
.brown {background-color: #795548 !important; }
.brown-text {color: #795548 !important; }
.brown.lighten-5 {background-color: #efebe9 !important; }
.brown-text.text-lighten-5 {color: #efebe9 !important; }
.brown.lighten-4 {background-color: #d7ccc8 !important; }
.brown-text.text-lighten-4 {color: #d7ccc8 !important; }
.brown.lighten-3 {background-color: #bcaaa4 !important; }
.brown-text.text-lighten-3 {color: #bcaaa4 !important; }
.brown.lighten-2 {background-color: #a1887f !important; }
.brown-text.text-lighten-2 {color: #a1887f !important; }
.brown.lighten-1 {background-color: #8d6e63 !important; }
.brown-text.text-lighten-1 {color: #8d6e63 !important; }
.brown.darken-1 {background-color: #6d4c41 !important; }
.brown-text.text-darken-1 {color: #6d4c41 !important; }
.brown.darken-2 {background-color: #5d4037 !important; }
.brown-text.text-darken-2 {color: #5d4037 !important; }
.brown.darken-3 {background-color: #4e342e !important; }
.brown-text.text-darken-3 {color: #4e342e !important; }
.brown.darken-4 {background-color: #3e2723 !important; }
.brown-text.text-darken-4 {color: #3e2723 !important; }
.blue-grey {background-color: #607d8b !important; }
.blue-grey-text {color: #607d8b !important; }
.blue-grey.lighten-5 {background-color: #eceff1 !important; }
.blue-grey-text.text-lighten-5 {color: #eceff1 !important; }
.blue-grey.lighten-4 {background-color: #cfd8dc !important; }
.blue-grey-text.text-lighten-4 {color: #cfd8dc !important; }
.blue-grey.lighten-3 {background-color: #b0bec5 !important; }
.blue-grey-text.text-lighten-3 {color: #b0bec5 !important; }
.blue-grey.lighten-2 {background-color: #90a4ae !important; }
.blue-grey-text.text-lighten-2 {color: #90a4ae !important; }
.blue-grey.lighten-1 {background-color: #78909c !important; }
.blue-grey-text.text-lighten-1 {color: #78909c !important; }
.blue-grey.darken-1 {background-color: #546e7a !important; }
.blue-grey-text.text-darken-1 {color: #546e7a !important; }
.blue-grey.darken-2 {background-color: #455a64 !important; }
.blue-grey-text.text-darken-2 {color: #455a64 !important; }
.blue-grey.darken-3 {background-color: #37474f !important; }
.blue-grey-text.text-darken-3 {color: #37474f !important; }
.blue-grey.darken-4 {background-color: #263238 !important; }
.blue-grey-text.text-darken-4 {color: #263238 !important; }
.grey {background-color: #9e9e9e !important; }
.grey-text, .secondary-btn {color: #9e9e9e !important; }
.grey.lighten-5 {background-color: #fafafa !important; }
.grey-text.text-lighten-5, .text-lighten-5.secondary-btn {color: #fafafa !important; }
.grey.lighten-4 {background-color: #f5f5f5 !important; }
.grey-text.text-lighten-4, .text-lighten-4.secondary-btn {color: #f5f5f5 !important; }
.grey.lighten-3 {background-color: #eeeeee !important; }
.grey-text.text-lighten-3, .text-lighten-3.secondary-btn {color: #eeeeee !important; }
.grey.lighten-2 {background-color: #e0e0e0 !important; }
.grey-text.text-lighten-2, .text-lighten-2.secondary-btn {color: #e0e0e0 !important; }
.grey.lighten-1 {background-color: #bdbdbd !important; }
.grey-text.text-lighten-1, .text-lighten-1.secondary-btn {color: #bdbdbd !important; }
.grey.darken-1 {background-color: #757575 !important; }
.grey-text.text-darken-1, .text-darken-1.secondary-btn {color: #757575 !important; }
.grey.darken-2 {background-color: #616161 !important; }
.grey-text.text-darken-2, .text-darken-2.secondary-btn {color: #616161 !important; }
.grey.darken-3 {background-color: #424242 !important; }
.grey-text.text-darken-3, .text-darken-3.secondary-btn {color: #424242 !important; }
.grey.darken-4 {background-color: #212121 !important; }
.grey-text.text-darken-4, .text-darken-4.secondary-btn {color: #212121 !important; }
.black, body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current .step {background-color: #000000 !important; }
.black-text {color: #000000 !important; }
.white, .right-sidebar .sidenav.right-sidenav {background-color: #FFFFFF !important; }
.white-text, .secondary-btn:hover, .secondary-btn:focus {color: #FFFFFF !important; }
.transparent {background-color: transparent !important; }
.transparent-text {color: transparent !important; }
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {line-height: 1.15;/* 1 */-ms-text-size-adjust: 100%;/* 2 */-webkit-text-size-adjust: 100%;/* 2 */ }
/* Sections ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {margin: 0; }
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {display: block; }
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {font-size: 2em;margin: 0.67em 0; }
/* Grouping content ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {/* 1 */display: block; }
/**
 * Add the correct margin in IE 8.
 */
figure {margin: 1em 40px; }
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {box-sizing: content-box;/* 1 */height: 0;/* 1 */overflow: visible;/* 2 */ }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {font-family: monospace, monospace;/* 1 */font-size: 1em;/* 2 */ }
/* Text-level semantics ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {background-color: transparent;/* 1 */-webkit-text-decoration-skip: objects;/* 2 */ }
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {border-bottom: none;/* 1 */text-decoration: underline;/* 2 */text-decoration: underline dotted;/* 2 */ }
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {font-weight: inherit; }
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {font-weight: bolder; }
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {font-family: monospace, monospace;/* 1 */font-size: 1em;/* 2 */ }
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {font-style: italic; }
/**
 * Add the correct background and color in IE 9-.
 */
mark {background-color: #ff0;color: #000; }
/**
 * Add the correct font size in all browsers.
 */
small {font-size: 80%; }
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline; }
sub {bottom: -0.25em; }
sup {top: -0.5em; }
/* Embedded content ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {display: inline-block; }
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {display: none;height: 0; }
/**
 * Remove the border on images inside links in IE 10-.
 */
img {border-style: none; }
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {overflow: hidden; }
/* Forms ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {font-family: sans-serif;/* 1 */font-size: 100%;/* 1 */line-height: 1.15;/* 1 */margin: 0;/* 2 */ }
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {/* 1 */overflow: visible; }
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {/* 1 */text-transform: none; }
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type=button], [type=reset], [type=submit] {-webkit-appearance: button;/* 2 */ }
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {border-style: none;padding: 0; }
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline: 1px dotted ButtonText; }
/**
 * Correct the padding in Firefox.
 */
fieldset {padding: 0.35em 0.75em 0.625em; }
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {box-sizing: border-box;/* 1 */color: inherit;/* 2 */display: table;/* 1 */max-width: 100%;/* 1 */padding: 0;/* 3 */white-space: normal;/* 1 */ }
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {display: inline-block;/* 1 */vertical-align: baseline;/* 2 */ }
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {overflow: auto; }
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox], [type=radio] {box-sizing: border-box;/* 1 */padding: 0;/* 2 */ }
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {height: auto; }
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {-webkit-appearance: textfield;/* 1 */outline-offset: -2px;/* 2 */ }
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {-webkit-appearance: none; }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {-webkit-appearance: button;/* 1 */font: inherit;/* 2 */ }
/* Interactive ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {display: block; }
/*
 * Add the correct display in all browsers.
 */
summary {display: list-item; }
/* Scripting ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {display: inline-block; }
/**
 * Add the correct display in IE.
 */
template {display: none; }
/* Hidden ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {display: none; }
html {box-sizing: border-box; }
*, *:before, *:after {box-sizing: inherit; }
button,
input,
optgroup,
select,
textarea {font-family: "Nunito Sans", sans-serif; }
ul:not(.browser-default) {padding-left: 0;list-style-type: none; }ul:not(.browser-default) > li {  list-style-type: none; }
a {color: #039be5;text-decoration: none;-webkit-tap-highlight-color: transparent; }
.valign-wrapper {display: flex;align-items: center; }
.clearfix {clear: both; }
.z-depth-0 {box-shadow: none !important; }
/* 2dp elevation modified*/
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
/* 6dp elevation modified*/
.z-depth-2 {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
/* 12dp elevation modified*/
.z-depth-3 {box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
/* 16dp elevation */
.z-depth-4 {box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2); }
/* 24dp elevation */
.z-depth-5, .modal {box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2); }
.hoverable {transition: box-shadow .25s; }.hoverable:hover {  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.divider {height: 1px;overflow: hidden;background-color: #e0e0e0; }
blockquote {margin: 20px 0;padding-left: 1.5rem;border-left: 5px solid #2962FF; }
i {line-height: inherit; }i.left {  float: left;  margin-right: 15px; }i.right {  float: right;  margin-left: 15px; }i.tiny {  font-size: 1rem; }i.small {  font-size: 2rem; }i.medium {  font-size: 4rem; }i.large {  font-size: 6rem; }
img.responsive-img,
video.responsive-video {max-width: 100%;height: auto; }
.pagination li {display: inline-block;border-radius: 2px;text-align: center;vertical-align: top;height: 30px; }.pagination li a {  color: #444;  display: inline-block;  font-size: 1.2rem;  padding: 0 10px;  line-height: 30px; }.pagination li.active a {  color: #fff; }.pagination li.active {  background-color: #2962FF; }.pagination li.disabled a {  cursor: default;  color: #999; }.pagination li i {  font-size: 2rem; }
.pagination li.pages ul li {display: inline-block;float: none; }
@media only screen and (max-width: 992px) {.pagination {  width: 100%; }  .pagination li.prev,  .pagination li.next {    width: 10%; }  .pagination li.pages {    width: 80%;    overflow: hidden;    white-space: nowrap; } }
.breadcrumb {font-size: 18px;color: rgba(255, 255, 255, 0.7); }.breadcrumb i,.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],.breadcrumb i.material-icons {  display: inline-block;  float: left;  font-size: 24px; }.breadcrumb:before {  content: '\E5CC';  color: rgba(255, 255, 255, 0.7);  vertical-align: top;  display: inline-block;  font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  font-size: 25px;  margin: 0 10px 0 8px;  -webkit-font-smoothing: antialiased; }.breadcrumb:first-child:before {  display: none; }.breadcrumb:last-child {  color: #fff; }
.parallax-container {position: relative;overflow: hidden;height: 500px; }.parallax-container .parallax {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: -1; }  .parallax-container .parallax img {    opacity: 0;    position: absolute;    left: 50%;    bottom: 0;    min-width: 100%;    min-height: 100%;    transform: translate3d(0, 0, 0);    transform: translateX(-50%); }
.pin-top, .pin-bottom {position: relative; }
.pinned {position: fixed !important; }
/*********************Transition Classes
**********************/
ul.staggered-list li {opacity: 0; }
.fade-in {opacity: 0;transform-origin: 0 50%; }
/*********************Media Query Classes
**********************/
@media only screen and (max-width: 600px) {.hide-on-small-only, .hide-on-small-and-down {  display: none !important; } }
@media only screen and (max-width: 992px) {.hide-on-med-and-down {  display: none !important; } }
@media only screen and (min-width: 601px) {.hide-on-med-and-up {  display: none !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {.hide-on-med-only {  display: none !important; } }
@media only screen and (min-width: 993px) {.hide-on-large-only {  display: none !important; } }
@media only screen and (min-width: 1201px) {.hide-on-extra-large-only {  display: none !important; } }
@media only screen and (min-width: 1201px) {.show-on-extra-large {  display: block !important; } }
@media only screen and (min-width: 993px) {.show-on-large {  display: block !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {.show-on-medium {  display: block !important; } }
@media only screen and (max-width: 600px) {.show-on-small {  display: block !important; } }
@media only screen and (min-width: 601px) {.show-on-medium-and-up {  display: block !important; } }
@media only screen and (max-width: 992px) {.show-on-medium-and-down {  display: block !important; } }
@media only screen and (max-width: 600px) {.center-on-small-only {  text-align: center; } }
.page-footer {padding-top: 20px;color: #fff;background-color: #2962FF; }.page-footer .footer-copyright {  overflow: hidden;  min-height: 50px;  display: flex;  align-items: center;  justify-content: space-between;  padding: 10px 0px;  color: rgba(255, 255, 255, 0.8);  background-color: rgba(51, 51, 51, 0.08); }
table, th, td {border: none; }
table {width: 100%;display: table;border-collapse: collapse;border-spacing: 0; }table.striped tr {  border-bottom: none; }table.striped > tbody > tr:nth-child(odd) {  background-color: rgba(242, 242, 242, 0.5); }table.striped > tbody > tr > td {  border-radius: 0; }table.highlight > tbody > tr {  transition: background-color .25s ease; }  table.highlight > tbody > tr:hover {    background-color: rgba(242, 242, 242, 0.5); }table.centered thead tr th, table.centered tbody tr td {  text-align: center; }
tr {border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
td, th {padding: 15px 5px;display: table-cell;text-align: left;vertical-align: middle;border-radius: 2px; }
@media only screen and (max-width: 992px) {table.responsive-table {  width: 100%;  border-collapse: collapse;  border-spacing: 0;  display: block;  position: relative;  /* sort out borders */ }  table.responsive-table td:empty:before {    content: '\00a0'; }  table.responsive-table th,  table.responsive-table td {    margin: 0;    vertical-align: top; }  table.responsive-table th {    text-align: left; }  table.responsive-table thead {    display: block;    float: left; }    table.responsive-table thead tr {      display: block;      padding: 0 10px 0 0; }      table.responsive-table thead tr th::before {        content: "\00a0"; }  table.responsive-table tbody {    display: block;    width: auto;    position: relative;    overflow-x: auto;    white-space: nowrap; }    table.responsive-table tbody tr {      display: inline-block;      vertical-align: top; }  table.responsive-table th {    display: block;    text-align: right; }  table.responsive-table td {    display: block;    min-height: 1.25em;    text-align: left; }  table.responsive-table tr {    border-bottom: none;    padding: 0 10px; }  table.responsive-table thead {    border: 0;    border-right: 1px solid rgba(0, 0, 0, 0.12); } }
.collection {margin: 0.5rem 0 1rem 0;border: 1px solid #e0e0e0;border-radius: 2px;overflow: hidden;position: relative; }.collection .collection-item {  background-color: #fff;  line-height: 1.5rem;  padding: 10px 20px;  margin: 0;  border-bottom: 1px solid #e0e0e0; }  .collection .collection-item.avatar {    min-height: 84px;    padding-left: 72px;    position: relative; }    .collection .collection-item.avatar:not(.circle-clipper) > .circle,    .collection .collection-item.avatar :not(.circle-clipper) > .circle {      position: absolute;      width: 42px;      height: 42px;      overflow: hidden;      left: 15px;      display: inline-block;      vertical-align: middle; }    .collection .collection-item.avatar i.circle {      font-size: 18px;      line-height: 42px;      color: #fff;      background-color: #999;      text-align: center; }    .collection .collection-item.avatar .title {      font-size: 16px; }    .collection .collection-item.avatar p {      margin: 0; }    .collection .collection-item.avatar .secondary-content {      position: absolute;      top: 16px;      right: 16px; }  .collection .collection-item:last-child {    border-bottom: none; }  .collection .collection-item.active {    background-color: #5e35b1;    color: white; }    .collection .collection-item.active .secondary-content {      color: #fff; }.collection a.collection-item {  display: block;  transition: .25s;  color: #5e35b1; }  .collection a.collection-item:not(.active):hover {    background-color: #ddd; }.collection.with-header .collection-header {  background-color: #fff;  border-bottom: 1px solid #e0e0e0;  padding: 10px 20px; }.collection.with-header .collection-item {  padding-left: 30px; }.collection.with-header .collection-item.avatar {  padding-left: 72px; }
.secondary-content {float: right;color: #5e35b1; }
.collapsible .collection {margin: 0;border: none; }
.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden; }.video-container iframe, .video-container object, .video-container embed {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; }
.progress {position: relative;height: 4px;display: block;width: 100%;background-color: #d2c5ed;border-radius: 2px;margin: 0.5rem 0 1rem 0;overflow: hidden; }.progress .determinate {  position: absolute;  top: 0;  left: 0;  bottom: 0;  background-color: #5e35b1;  transition: width .3s linear; }.progress .indeterminate {  background-color: #5e35b1; }  .progress .indeterminate:before {    content: '';    position: absolute;    background-color: inherit;    top: 0;    left: 0;    bottom: 0;    will-change: left, right;    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }  .progress .indeterminate:after {    content: '';    position: absolute;    background-color: inherit;    top: 0;    left: 0;    bottom: 0;    will-change: left, right;    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;    animation-delay: 1.15s; }
@keyframes indeterminate {0% {  left: -35%;  right: 100%; }60% {  left: 100%;  right: -90%; }100% {  left: 100%;  right: -90%; } }
@keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }60% {  left: 107%;  right: -8%; }100% {  left: 107%;  right: -8%; } }
/*******************Utility Classes
*******************/
.hide {display: none !important; }
.left-align {text-align: left; }
.right-align {text-align: right; }
.center, .center-align {text-align: center; }
.left {float: left !important; }
.right {float: right !important; }
.no-select, input[type=range],
input[type=range] + .thumb {user-select: none; }
.circle {border-radius: 50%; }
.center-block {display: block;margin-left: auto;margin-right: auto; }
.truncate {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.no-padding {padding: 0 !important; }
span.badge {min-width: 3rem;padding: 0 6px;margin-left: 14px;text-align: center;font-size: 1rem;line-height: 22px;height: 22px;color: #757575;float: right;box-sizing: border-box; }span.badge.new {  font-weight: 300;  font-size: 0.8rem;  color: #fff;  background-color: #5e35b1;  border-radius: 2px; }span.badge.new:after {  content: " new"; }span.badge[data-badge-caption]::after {  content: " " attr(data-badge-caption); }
nav ul a span.badge {display: inline-block;float: none;margin-left: 4px;line-height: 22px;height: 22px;-webkit-font-smoothing: auto; }
.collection-item span.badge {margin-top: calc(0.75rem - 11px); }
.collapsible span.badge {margin-left: auto; }
.sidenav span.badge {margin-top: calc(24px - 11px); }
table span.badge {display: inline-block;float: none;margin-left: auto; }
/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {text-rendering: optimizeLegibility;font-feature-settings: 'liga'; }
.container {margin: 0 auto;max-width: 1280px;width: 90%; }
@media only screen and (min-width: 601px) {.container {  width: 85%; } }
@media only screen and (min-width: 993px) {.container {  width: 70%; } }
.col .row {margin-left: -0.75rem;margin-right: -0.75rem; }
.section {padding-top: 1rem;padding-bottom: 1rem; }.section.no-pad {  padding: 0; }.section.no-pad-bot {  padding-bottom: 0; }.section.no-pad-top {  padding-top: 0; }
.row {margin-left: auto;margin-right: auto;margin-bottom: 20px; }.row:after {  content: "";  display: table;  clear: both; }.row .col {  float: left;  box-sizing: border-box;  padding: 0 0.75rem;  min-height: 1px; }  .row .col[class*="push-"], .row .col[class*="pull-"] {    position: relative; }  .row .col.s1 {    width: 8.33333%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s2 {    width: 16.66667%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s3 {    width: 25%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s4 {    width: 33.33333%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s5 {    width: 41.66667%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s6 {    width: 50%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s7 {    width: 58.33333%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s8 {    width: 66.66667%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s9 {    width: 75%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s10 {    width: 83.33333%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s11 {    width: 91.66667%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.s12 {    width: 100%;    margin-left: auto;    left: auto;    right: auto; }  .row .col.offset-s1 {    margin-left: 8.33333%; }  .row .col.pull-s1 {    right: 8.33333%; }  .row .col.push-s1 {    left: 8.33333%; }  .row .col.offset-s2 {    margin-left: 16.66667%; }  .row .col.pull-s2 {    right: 16.66667%; }  .row .col.push-s2 {    left: 16.66667%; }  .row .col.offset-s3 {    margin-left: 25%; }  .row .col.pull-s3 {    right: 25%; }  .row .col.push-s3 {    left: 25%; }  .row .col.offset-s4 {    margin-left: 33.33333%; }  .row .col.pull-s4 {    right: 33.33333%; }  .row .col.push-s4 {    left: 33.33333%; }  .row .col.offset-s5 {    margin-left: 41.66667%; }  .row .col.pull-s5 {    right: 41.66667%; }  .row .col.push-s5 {    left: 41.66667%; }  .row .col.offset-s6 {    margin-left: 50%; }  .row .col.pull-s6 {    right: 50%; }  .row .col.push-s6 {    left: 50%; }  .row .col.offset-s7 {    margin-left: 58.33333%; }  .row .col.pull-s7 {    right: 58.33333%; }  .row .col.push-s7 {    left: 58.33333%; }  .row .col.offset-s8 {    margin-left: 66.66667%; }  .row .col.pull-s8 {    right: 66.66667%; }  .row .col.push-s8 {    left: 66.66667%; }  .row .col.offset-s9 {    margin-left: 75%; }  .row .col.pull-s9 {    right: 75%; }  .row .col.push-s9 {    left: 75%; }  .row .col.offset-s10 {    margin-left: 83.33333%; }  .row .col.pull-s10 {    right: 83.33333%; }  .row .col.push-s10 {    left: 83.33333%; }  .row .col.offset-s11 {    margin-left: 91.66667%; }  .row .col.pull-s11 {    right: 91.66667%; }  .row .col.push-s11 {    left: 91.66667%; }  .row .col.offset-s12 {    margin-left: 100%; }  .row .col.pull-s12 {    right: 100%; }  .row .col.push-s12 {    left: 100%; }  @media only screen and (min-width: 601px) {    .row .col.m1 {      width: 8.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m2 {      width: 16.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m3 {      width: 25%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m4 {      width: 33.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m5 {      width: 41.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m6 {      width: 50%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m7 {      width: 58.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m8 {      width: 66.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m9 {      width: 75%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m10 {      width: 83.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m11 {      width: 91.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.m12 {      width: 100%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.offset-m1 {      margin-left: 8.33333%; }    .row .col.pull-m1 {      right: 8.33333%; }    .row .col.push-m1 {      left: 8.33333%; }    .row .col.offset-m2 {      margin-left: 16.66667%; }    .row .col.pull-m2 {      right: 16.66667%; }    .row .col.push-m2 {      left: 16.66667%; }    .row .col.offset-m3 {      margin-left: 25%; }    .row .col.pull-m3 {      right: 25%; }    .row .col.push-m3 {      left: 25%; }    .row .col.offset-m4 {      margin-left: 33.33333%; }    .row .col.pull-m4 {      right: 33.33333%; }    .row .col.push-m4 {      left: 33.33333%; }    .row .col.offset-m5 {      margin-left: 41.66667%; }    .row .col.pull-m5 {      right: 41.66667%; }    .row .col.push-m5 {      left: 41.66667%; }    .row .col.offset-m6 {      margin-left: 50%; }    .row .col.pull-m6 {      right: 50%; }    .row .col.push-m6 {      left: 50%; }    .row .col.offset-m7 {      margin-left: 58.33333%; }    .row .col.pull-m7 {      right: 58.33333%; }    .row .col.push-m7 {      left: 58.33333%; }    .row .col.offset-m8 {      margin-left: 66.66667%; }    .row .col.pull-m8 {      right: 66.66667%; }    .row .col.push-m8 {      left: 66.66667%; }    .row .col.offset-m9 {      margin-left: 75%; }    .row .col.pull-m9 {      right: 75%; }    .row .col.push-m9 {      left: 75%; }    .row .col.offset-m10 {      margin-left: 83.33333%; }    .row .col.pull-m10 {      right: 83.33333%; }    .row .col.push-m10 {      left: 83.33333%; }    .row .col.offset-m11 {      margin-left: 91.66667%; }    .row .col.pull-m11 {      right: 91.66667%; }    .row .col.push-m11 {      left: 91.66667%; }    .row .col.offset-m12 {      margin-left: 100%; }    .row .col.pull-m12 {      right: 100%; }    .row .col.push-m12 {      left: 100%; } }  @media only screen and (min-width: 993px) {    .row .col.l1 {      width: 8.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l2 {      width: 16.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l3 {      width: 25%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l4 {      width: 33.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l5 {      width: 41.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l6 {      width: 50%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l7 {      width: 58.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l8 {      width: 66.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l9 {      width: 75%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l10 {      width: 83.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l11 {      width: 91.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.l12 {      width: 100%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.offset-l1 {      margin-left: 8.33333%; }    .row .col.pull-l1 {      right: 8.33333%; }    .row .col.push-l1 {      left: 8.33333%; }    .row .col.offset-l2 {      margin-left: 16.66667%; }    .row .col.pull-l2 {      right: 16.66667%; }    .row .col.push-l2 {      left: 16.66667%; }    .row .col.offset-l3 {      margin-left: 25%; }    .row .col.pull-l3 {      right: 25%; }    .row .col.push-l3 {      left: 25%; }    .row .col.offset-l4 {      margin-left: 33.33333%; }    .row .col.pull-l4 {      right: 33.33333%; }    .row .col.push-l4 {      left: 33.33333%; }    .row .col.offset-l5 {      margin-left: 41.66667%; }    .row .col.pull-l5 {      right: 41.66667%; }    .row .col.push-l5 {      left: 41.66667%; }    .row .col.offset-l6 {      margin-left: 50%; }    .row .col.pull-l6 {      right: 50%; }    .row .col.push-l6 {      left: 50%; }    .row .col.offset-l7 {      margin-left: 58.33333%; }    .row .col.pull-l7 {      right: 58.33333%; }    .row .col.push-l7 {      left: 58.33333%; }    .row .col.offset-l8 {      margin-left: 66.66667%; }    .row .col.pull-l8 {      right: 66.66667%; }    .row .col.push-l8 {      left: 66.66667%; }    .row .col.offset-l9 {      margin-left: 75%; }    .row .col.pull-l9 {      right: 75%; }    .row .col.push-l9 {      left: 75%; }    .row .col.offset-l10 {      margin-left: 83.33333%; }    .row .col.pull-l10 {      right: 83.33333%; }    .row .col.push-l10 {      left: 83.33333%; }    .row .col.offset-l11 {      margin-left: 91.66667%; }    .row .col.pull-l11 {      right: 91.66667%; }    .row .col.push-l11 {      left: 91.66667%; }    .row .col.offset-l12 {      margin-left: 100%; }    .row .col.pull-l12 {      right: 100%; }    .row .col.push-l12 {      left: 100%; } }  @media only screen and (min-width: 1201px) {    .row .col.xl1 {      width: 8.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl2 {      width: 16.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl3 {      width: 25%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl4 {      width: 33.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl5 {      width: 41.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl6 {      width: 50%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl7 {      width: 58.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl8 {      width: 66.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl9 {      width: 75%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl10 {      width: 83.33333%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl11 {      width: 91.66667%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.xl12 {      width: 100%;      margin-left: auto;      left: auto;      right: auto; }    .row .col.offset-xl1 {      margin-left: 8.33333%; }    .row .col.pull-xl1 {      right: 8.33333%; }    .row .col.push-xl1 {      left: 8.33333%; }    .row .col.offset-xl2 {      margin-left: 16.66667%; }    .row .col.pull-xl2 {      right: 16.66667%; }    .row .col.push-xl2 {      left: 16.66667%; }    .row .col.offset-xl3 {      margin-left: 25%; }    .row .col.pull-xl3 {      right: 25%; }    .row .col.push-xl3 {      left: 25%; }    .row .col.offset-xl4 {      margin-left: 33.33333%; }    .row .col.pull-xl4 {      right: 33.33333%; }    .row .col.push-xl4 {      left: 33.33333%; }    .row .col.offset-xl5 {      margin-left: 41.66667%; }    .row .col.pull-xl5 {      right: 41.66667%; }    .row .col.push-xl5 {      left: 41.66667%; }    .row .col.offset-xl6 {      margin-left: 50%; }    .row .col.pull-xl6 {      right: 50%; }    .row .col.push-xl6 {      left: 50%; }    .row .col.offset-xl7 {      margin-left: 58.33333%; }    .row .col.pull-xl7 {      right: 58.33333%; }    .row .col.push-xl7 {      left: 58.33333%; }    .row .col.offset-xl8 {      margin-left: 66.66667%; }    .row .col.pull-xl8 {      right: 66.66667%; }    .row .col.push-xl8 {      left: 66.66667%; }    .row .col.offset-xl9 {      margin-left: 75%; }    .row .col.pull-xl9 {      right: 75%; }    .row .col.push-xl9 {      left: 75%; }    .row .col.offset-xl10 {      margin-left: 83.33333%; }    .row .col.pull-xl10 {      right: 83.33333%; }    .row .col.push-xl10 {      left: 83.33333%; }    .row .col.offset-xl11 {      margin-left: 91.66667%; }    .row .col.pull-xl11 {      right: 91.66667%; }    .row .col.push-xl11 {      left: 91.66667%; }    .row .col.offset-xl12 {      margin-left: 100%; }    .row .col.pull-xl12 {      right: 100%; }    .row .col.push-xl12 {      left: 100%; } }
nav {color: #fff;background-color: #2962FF;width: 100%;height: 56px;line-height: 56px; }nav.nav-extended {  height: auto; }  nav.nav-extended .nav-wrapper {    min-height: 56px;    height: auto; }  nav.nav-extended .nav-content {    position: relative;    line-height: normal; }nav a {  color: #fff; }nav i,nav [class^="mdi-"], nav [class*="mdi-"],nav i.material-icons {  display: block;  font-size: 24px;  height: 56px;  line-height: 56px; }nav .nav-wrapper {  position: relative;  height: 100%; }@media only screen and (min-width: 993px) {  nav a.sidenav-trigger {    display: none; } }nav .sidenav-trigger {  float: left;  position: relative;  z-index: 1;  height: 56px;  margin: 0 18px; }  nav .sidenav-trigger i {    height: 56px;    line-height: 56px; }nav .brand-logo {  position: absolute;  color: #fff;  display: inline-block;  font-size: 2.1rem;  padding: 0; }  nav .brand-logo.center {    left: 50%;    transform: translateX(-50%); }  @media only screen and (max-width: 992px) {    nav .brand-logo {      left: 50%;      transform: translateX(-50%); }      nav .brand-logo.left, nav .brand-logo.right {        padding: 0;        transform: none; }      nav .brand-logo.left {        left: 0.5rem; }      nav .brand-logo.right {        right: 0.5rem;        left: auto; } }  nav .brand-logo.right {    right: 0.5rem;    padding: 0; }  nav .brand-logo i,  nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],  nav .brand-logo i.material-icons {    float: left;    margin-right: 15px; }nav .nav-title {  display: inline-block;  font-size: 32px;  padding: 28px 0; }nav ul {  margin: 0; }  nav ul li {    transition: background-color .3s;    float: left;    padding: 0; }    nav ul li.active {      background-color: rgba(0, 0, 0, 0.1); }  nav ul a {    transition: background-color .3s;    font-size: 1rem;    color: #fff;    display: block;    padding: 0 15px;    cursor: pointer; }    nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {      margin-top: -2px;      margin-left: 15px;      margin-right: 15px; }      nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {        height: inherit;        line-height: inherit; }    nav ul a:hover {      background-color: rgba(0, 0, 0, 0.1); }  nav ul.left {    float: left; }nav form {  height: 100%; }nav .input-field {  margin: 0;  height: 100%; }  nav .input-field input {    height: 100%;    font-size: 1.2rem;    border: none;    padding-left: 2rem; }    nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {      border: none;      box-shadow: none; }  nav .input-field label {    top: 0;    left: 0; }    nav .input-field label i {      color: rgba(255, 255, 255, 0.7);      transition: color .3s; }    nav .input-field label.active i {      color: #fff; }
.navbar-fixed {position: relative;height: 56px;z-index: 997; }.navbar-fixed nav {  position: fixed; }
@media only screen and (min-width: 601px) {nav.nav-extended .nav-wrapper {  min-height: 64px; }nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {  height: 64px;  line-height: 64px; }.navbar-fixed {  height: 64px; } }
a {text-decoration: none; }
html {line-height: 1.5;font-family: "Nunito Sans", sans-serif;font-weight: normal;color: rgba(0, 0, 0, 0.87); }@media only screen and (min-width: 0) {  html {    font-size: 14px; } }@media only screen and (min-width: 992px) {  html {    font-size: 14.5px; } }@media only screen and (min-width: 1200px) {  html {    font-size: 15px; } }
h1, h2, h3, h4, h5, h6 {font-weight: 400;line-height: 1.3; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit; }
h1 {font-size: 40px;line-height: 110%;margin: 26.66667px 0 16px 0; }
h2 {font-size: 36px;line-height: 110%;margin: 24px 0 14.4px 0; }
h3 {font-size: 30px;line-height: 110%;margin: 20px 0 12px 0; }
h4 {font-size: 24px;line-height: 110%;margin: 16px 0 9.6px 0; }
h5 {font-size: 20px;line-height: 110%;margin: 13.33333px 0 8px 0; }
h6 {font-size: 16px;line-height: 110%;margin: 10.66667px 0 6.4px 0; }
em {font-style: italic; }
strong {font-weight: 500; }
small {font-size: 75%; }
.light {font-weight: 300; }
.thin {font-weight: 200; }
@media only screen and (min-width: 360px) {.flow-text {  font-size: 1.2rem; } }
@media only screen and (min-width: 390px) {.flow-text {  font-size: 1.224rem; } }
@media only screen and (min-width: 420px) {.flow-text {  font-size: 1.248rem; } }
@media only screen and (min-width: 450px) {.flow-text {  font-size: 1.272rem; } }
@media only screen and (min-width: 480px) {.flow-text {  font-size: 1.296rem; } }
@media only screen and (min-width: 510px) {.flow-text {  font-size: 1.32rem; } }
@media only screen and (min-width: 540px) {.flow-text {  font-size: 1.344rem; } }
@media only screen and (min-width: 570px) {.flow-text {  font-size: 1.368rem; } }
@media only screen and (min-width: 600px) {.flow-text {  font-size: 1.392rem; } }
@media only screen and (min-width: 630px) {.flow-text {  font-size: 1.416rem; } }
@media only screen and (min-width: 660px) {.flow-text {  font-size: 1.44rem; } }
@media only screen and (min-width: 690px) {.flow-text {  font-size: 1.464rem; } }
@media only screen and (min-width: 720px) {.flow-text {  font-size: 1.488rem; } }
@media only screen and (min-width: 750px) {.flow-text {  font-size: 1.512rem; } }
@media only screen and (min-width: 780px) {.flow-text {  font-size: 1.536rem; } }
@media only screen and (min-width: 810px) {.flow-text {  font-size: 1.56rem; } }
@media only screen and (min-width: 840px) {.flow-text {  font-size: 1.584rem; } }
@media only screen and (min-width: 870px) {.flow-text {  font-size: 1.608rem; } }
@media only screen and (min-width: 900px) {.flow-text {  font-size: 1.632rem; } }
@media only screen and (min-width: 930px) {.flow-text {  font-size: 1.656rem; } }
@media only screen and (min-width: 960px) {.flow-text {  font-size: 1.68rem; } }
@media only screen and (max-width: 360px) {.flow-text {  font-size: 1.2rem; } }
.scale-transition {transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }.scale-transition.scale-out {  transform: scale(0);  transition: transform .2s !important; }.scale-transition.scale-in {  transform: scale(1); }
.card-panel {transition: box-shadow .25s;padding: 24px;margin: 0.5rem 0 1rem 0;border-radius: 2px;background-color: #fff; }
.card {position: relative;margin: 0.5rem 0 1rem 0;background-color: #fff;transition: box-shadow .25s;border-radius: 2px; }.card .card-title {  font-size: 24px;  font-weight: 300; }  .card .card-title.activator {    cursor: pointer; }.card.small, .card.medium, .card.large {  position: relative; }  .card.small .card-image, .card.medium .card-image, .card.large .card-image {    max-height: 60%;    overflow: hidden; }  .card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {    max-height: 40%; }  .card.small .card-content, .card.medium .card-content, .card.large .card-content {    max-height: 100%;    overflow: hidden; }  .card.small .card-action, .card.medium .card-action, .card.large .card-action {    position: absolute;    bottom: 0;    left: 0;    right: 0; }.card.small {  height: 300px; }.card.medium {  height: 400px; }.card.large {  height: 500px; }.card.horizontal {  display: flex; }  .card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {    height: 100%;    max-height: none;    overflow: visible; }    .card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {      height: 100%; }  .card.horizontal .card-image {    max-width: 50%; }    .card.horizontal .card-image img {      border-radius: 2px 0 0 2px;      max-width: 100%;      width: auto; }  .card.horizontal .card-stacked {    display: flex;    flex-direction: column;    flex: 1;    position: relative; }    .card.horizontal .card-stacked .card-content {      flex-grow: 1; }.card.sticky-action .card-action {  z-index: 2; }.card.sticky-action .card-reveal {  z-index: 1;  padding-bottom: 64px; }.card .card-image {  position: relative; }  .card .card-image img {    display: block;    border-radius: 2px 2px 0 0;    position: relative;    left: 0;    right: 0;    top: 0;    bottom: 0;    width: 100%; }  .card .card-image .card-title {    color: #fff;    position: absolute;    bottom: 0;    left: 0;    max-width: 100%;    padding: 24px; }.card .card-content {  padding: 24px;  border-radius: 0 0 2px 2px; }  .card .card-content p {    margin: 0; }  .card .card-content .card-title {    display: block;    line-height: 32px;    margin-bottom: 8px; }    .card .card-content .card-title i {      line-height: 32px; }.card .card-action {  background-color: inherit;  border-top: 1px solid rgba(160, 160, 160, 0.2);  position: relative;  padding: 16px 24px; }  .card .card-action:last-child {    border-radius: 0 0 2px 2px; }  .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {    color: #ffab40;    margin-right: 24px;    transition: color .3s ease;    text-transform: uppercase; }    .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {      color: #ffd8a6; }.card .card-reveal {  padding: 24px;  position: absolute;  background-color: #fff;  width: 100%;  overflow-y: auto;  left: 0;  top: 100%;  height: 100%;  z-index: 3;  display: none; }  .card .card-reveal .card-title {    cursor: pointer;    display: block; }
#toast-container {display: block;position: fixed;z-index: 10000; }@media only screen and (max-width: 600px) {  #toast-container {    min-width: 100%;    bottom: 0%; } }@media only screen and (min-width: 601px) and (max-width: 992px) {  #toast-container {    left: 5%;    bottom: 7%;    max-width: 90%; } }@media only screen and (min-width: 993px) {  #toast-container {    top: 10%;    right: 7%;    max-width: 86%; } }
.toast {border-radius: 2px;top: 35px;width: auto;margin-top: 10px;position: relative;max-width: 100%;height: auto;min-height: 48px;line-height: 1.5em;background-color: #323232;padding: 10px 25px;font-size: 1.1rem;font-weight: 300;color: #fff;display: flex;align-items: center;justify-content: space-between;cursor: default; }.toast .toast-action {  color: #eeff41;  font-weight: 500;  margin-right: -25px;  margin-left: 3rem; }.toast.rounded {  border-radius: 24px; }@media only screen and (max-width: 600px) {  .toast {    width: 100%;    border-radius: 0; } }
.tabs {position: relative;overflow-x: auto;overflow-y: hidden;height: 48px;width: 100%;background-color: #fff;margin: 0 auto;white-space: nowrap; }.tabs.tabs-transparent {  background-color: transparent; }  .tabs.tabs-transparent .tab a,  .tabs.tabs-transparent .tab.disabled a,  .tabs.tabs-transparent .tab.disabled a:hover {    color: rgba(255, 255, 255, 0.7); }  .tabs.tabs-transparent .tab a:hover,  .tabs.tabs-transparent .tab a.active {    color: #fff; }  .tabs.tabs-transparent .indicator {    background-color: #fff; }.tabs.tabs-fixed-width {  display: flex; }  .tabs.tabs-fixed-width .tab {    flex-grow: 1; }.tabs .tab {  display: inline-block;  text-align: center;  line-height: 48px;  height: 48px;  padding: 0;  margin: 0;  text-transform: uppercase; }  .tabs .tab a {    color: rgba(118, 154, 255, 0.7);    display: block;    width: 100%;    height: 100%;    padding: 0 24px;    font-size: 14px;    text-overflow: ellipsis;    overflow: hidden;    transition: color .28s ease, background-color .28s ease; }    .tabs .tab a:focus, .tabs .tab a:focus.active {      background-color: rgba(41, 98, 255, 0.2);      outline: none; }    .tabs .tab a:hover, .tabs .tab a.active {      background-color: transparent;      color: #769aff; }  .tabs .tab.disabled a,  .tabs .tab.disabled a:hover {    color: rgba(118, 154, 255, 0.4);    cursor: default; }.tabs .indicator {  position: absolute;  bottom: 0;  height: 2px;  background-color: #2962FF;  will-change: left, right; }
@media only screen and (max-width: 992px) {.tabs {  display: flex; }  .tabs .tab {    flex-grow: 1; }    .tabs .tab a {      padding: 0 12px; } }
.material-tooltip {padding: 10px 8px;font-size: 1rem;z-index: 2000;background-color: transparent;border-radius: 2px;color: #fff;min-height: 36px;line-height: 120%;opacity: 0;position: absolute;text-align: center;max-width: calc(100% - 4px);overflow: hidden;left: 0;top: 0;pointer-events: none;visibility: hidden;background-color: #323232; }
.backdrop {position: absolute;opacity: 0;height: 7px;width: 14px;border-radius: 0 0 50% 50%;background-color: #323232;z-index: -1;transform-origin: 50% 0%;visibility: hidden; }
.btn, .btn-large, .btn-small,
.btn-flat {border: none;border-radius: 2px;display: inline-block;height: 36px;line-height: 36px;padding: 0 16px;text-transform: uppercase;vertical-align: middle;-webkit-tap-highlight-color: transparent; }
.btn.disabled, .disabled.btn-large, .disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled] {pointer-events: none;background-color: #DFDFDF !important;box-shadow: none;color: #9F9F9F !important;cursor: default; }.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover {  background-color: #DFDFDF !important;  color: #9F9F9F !important; }
.btn, .btn-large, .btn-small,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {font-size: 14px;outline: 0; }.btn i, .btn-large i, .btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i {  font-size: 1.3rem;  line-height: inherit; }
.btn:focus, .btn-large:focus, .btn-small:focus,
.btn-floating:focus {background-color: #49298a; }
.btn, .btn-large, .btn-small {text-decoration: none;color: #fff;background-color: #5e35b1;text-align: center;letter-spacing: .5px;transition: background-color .2s ease-out;cursor: pointer; }.btn:hover, .btn-large:hover, .btn-small:hover {  background-color: #693bc4; }
.btn-floating {display: inline-block;color: #fff;position: relative;overflow: hidden;z-index: 1;width: 40px;height: 40px;line-height: 40px;padding: 0;background-color: #5e35b1;border-radius: 50%;transition: background-color .3s;cursor: pointer;vertical-align: middle; }.btn-floating:hover {  background-color: #5e35b1; }.btn-floating:before {  border-radius: 0; }.btn-floating.btn-large {  width: 56px;  height: 56px;  padding: 0; }  .btn-floating.btn-large.halfway-fab {    bottom: -28px; }  .btn-floating.btn-large i {    line-height: 56px; }.btn-floating.btn-small {  width: 32.4px;  height: 32.4px; }  .btn-floating.btn-small.halfway-fab {    bottom: -16.2px; }  .btn-floating.btn-small i {    line-height: 32.4px; }.btn-floating.halfway-fab {  position: absolute;  right: 24px;  bottom: -20px; }  .btn-floating.halfway-fab.left {    right: auto;    left: 24px; }.btn-floating i {  width: inherit;  display: inline-block;  text-align: center;  color: #fff;  font-size: 1.6rem;  line-height: 40px; }
button.btn-floating {border: none; }
.fixed-action-btn {position: fixed;right: 23px;bottom: 23px;padding-top: 15px;margin-bottom: 0;z-index: 997; }.fixed-action-btn.active ul {  visibility: visible; }.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {  padding: 0 0 0 15px; }  .fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {    text-align: right;    right: 64px;    top: 50%;    transform: translateY(-50%);    height: 100%;    left: auto;    /*width 100% only goes to width of button container */    width: 500px; }    .fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {      display: inline-block;      margin: 7.5px 15px 0 0; }.fixed-action-btn.direction-right {  padding: 0 15px 0 0; }  .fixed-action-btn.direction-right ul {    text-align: left;    direction: rtl;    left: 64px;    right: auto; }    .fixed-action-btn.direction-right ul li {      margin: 7.5px 0 0 15px; }.fixed-action-btn.direction-bottom {  padding: 0 0 15px 0; }  .fixed-action-btn.direction-bottom ul {    top: 64px;    bottom: auto;    display: flex;    flex-direction: column-reverse; }    .fixed-action-btn.direction-bottom ul li {      margin: 15px 0 0 0; }.fixed-action-btn.toolbar {  padding: 0;  height: 56px; }  .fixed-action-btn.toolbar.active > a i {    opacity: 0; }  .fixed-action-btn.toolbar ul {    display: flex;    top: 0;    bottom: 0;    z-index: 1; }    .fixed-action-btn.toolbar ul li {      flex: 1;      display: inline-block;      margin: 0;      height: 100%;      transition: none; }      .fixed-action-btn.toolbar ul li a {        display: block;        overflow: hidden;        position: relative;        width: 100%;        height: 100%;        background-color: transparent;        box-shadow: none;        color: #fff;        line-height: 56px;        z-index: 1; }        .fixed-action-btn.toolbar ul li a i {          line-height: inherit; }.fixed-action-btn ul {  left: 0;  right: 0;  text-align: center;  position: absolute;  bottom: 64px;  margin: 0;  visibility: hidden; }  .fixed-action-btn ul li {    margin-bottom: 15px; }  .fixed-action-btn ul a.btn-floating {    opacity: 0; }.fixed-action-btn .fab-backdrop {  position: absolute;  top: 0;  left: 0;  z-index: -1;  width: 40px;  height: 40px;  background-color: #5e35b1;  border-radius: 50%;  transform: scale(0); }
.btn-flat {box-shadow: none;background-color: transparent;color: #343434;cursor: pointer;transition: background-color .2s; }.btn-flat:focus, .btn-flat:hover {  box-shadow: none; }.btn-flat:focus {  background-color: rgba(0, 0, 0, 0.1); }.btn-flat.disabled, .btn-flat.btn-flat[disabled] {  background-color: transparent !important;  color: #b3b3b3 !important;  cursor: default; }
.btn-large {height: 54px;line-height: 54px;font-size: 15px;padding: 0 28px; }.btn-large i {  font-size: 1.6rem; }
.btn-small {height: 32.4px;line-height: 32.4px;font-size: 13px; }.btn-small i {  font-size: 1.2rem; }
.btn-block {display: block; }
.dropdown-content {background-color: #fff;margin: 0;display: none;min-width: 100px;overflow-y: auto;opacity: 0;position: absolute;left: 0;top: 0;z-index: 9999;transform-origin: 0 0; }.dropdown-content:focus {  outline: 0; }.dropdown-content li {  clear: both;  color: rgba(0, 0, 0, 0.87);  cursor: pointer;  min-height: 50px;  line-height: 1.5rem;  width: 100%;  text-align: left; }  .dropdown-content li:hover, .dropdown-content li.active {    background-color: #eee; }  .dropdown-content li:focus {    outline: none; }  .dropdown-content li.divider {    min-height: 0;    height: 1px; }  .dropdown-content li > a, .dropdown-content li > span {    font-size: 16px;    color: #5e35b1;    display: block;    line-height: 22px;    padding: 14px 16px; }  .dropdown-content li > span > label {    top: 1px;    left: 0;    height: 18px; }  .dropdown-content li > a > i {    height: inherit;    line-height: inherit;    float: left;    margin: 0 24px 0 0;    width: 24px; }
body.keyboard-focused .dropdown-content li:focus {background-color: #dadada; }
.input-field.col .dropdown-content [type=checkbox] + label {top: 1px;color: #0F52BA;left: 0;height: 18px;transform: none; }
.dropdown-trigger {cursor: pointer; }
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {position: relative;cursor: pointer;display: inline-block;overflow: hidden;user-select: none;-webkit-tap-highlight-color: transparent;vertical-align: middle;z-index: 1;transition: .3s ease-out; }.waves-effect .waves-ripple {  position: absolute;  border-radius: 50%;  width: 20px;  height: 20px;  margin-top: -10px;  margin-left: -10px;  opacity: 0;  background: rgba(0, 0, 0, 0.2);  transition: all 0.7s ease-out;  transition-property: transform, opacity;  transform: scale(0);  pointer-events: none; }.waves-effect.waves-light .waves-ripple {  background-color: rgba(255, 255, 255, 0.45); }.waves-effect.waves-red .waves-ripple {  background-color: rgba(244, 67, 54, 0.7); }.waves-effect.waves-yellow .waves-ripple {  background-color: rgba(255, 235, 59, 0.7); }.waves-effect.waves-orange .waves-ripple {  background-color: rgba(255, 152, 0, 0.7); }.waves-effect.waves-purple .waves-ripple {  background-color: rgba(156, 39, 176, 0.7); }.waves-effect.waves-green .waves-ripple {  background-color: rgba(76, 175, 80, 0.7); }.waves-effect.waves-teal .waves-ripple {  background-color: rgba(0, 150, 136, 0.7); }.waves-effect input[type=button], .waves-effect input[type=reset], .waves-effect input[type=submit] {  border: 0;  font-style: normal;  font-size: inherit;  text-transform: inherit;  background: none; }.waves-effect img {  position: relative;  z-index: -1; }
.waves-notransition {transition: none !important; }
.waves-circle {transform: translateZ(0);-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-input-wrapper {border-radius: 0.2em;vertical-align: bottom; }.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%;-webkit-mask-image: none; }
.waves-block {display: block; }
/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {z-index: -1; }
.modal {display: none;position: fixed;left: 0;right: 0;background-color: #fafafa;padding: 0;max-height: 70%;width: 55%;margin: auto;overflow-y: auto;border-radius: 2px;will-change: top, opacity; }.modal:focus {  outline: none; }@media only screen and (max-width: 992px) {  .modal {    width: 80%; } }.modal h1, .modal h2, .modal h3, .modal h4 {  margin-top: 0; }.modal .modal-content {  padding: 24px; }.modal .modal-close {  cursor: pointer; }.modal .modal-footer {  border-radius: 0 0 2px 2px;  background-color: #fafafa;  padding: 4px 6px;  height: 56px;  width: 100%;  text-align: right; }  .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {    margin: 6px 0; }
.modal-overlay {position: fixed;z-index: 999;top: -25%;left: 0;bottom: 0;right: 0;height: 125%;width: 100%;background: #000;display: none;will-change: opacity; }
.modal.modal-fixed-footer {padding: 0;height: 70%; }.modal.modal-fixed-footer .modal-content {  position: absolute;  height: calc(100% - 56px);  max-height: 100%;  width: 100%;  overflow-y: auto; }.modal.modal-fixed-footer .modal-footer {  border-top: 1px solid rgba(0, 0, 0, 0.1);  position: absolute;  bottom: 0; }
.modal.bottom-sheet {top: auto;bottom: -100%;margin: 0;width: 100%;max-height: 45%;border-radius: 0;will-change: bottom, opacity; }
.collapsible {border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin: 0.5rem 0 1rem 0; }

.collapsible-header {display: flex;cursor: pointer;-webkit-tap-highlight-color: transparent;line-height: 1.5;padding: 1rem;background-color: #fff;border-bottom: 1px solid #ddd; }.collapsible-header:focus {  outline: 0; }.collapsible-header i {  width: 2rem;  font-size: 1.6rem;  display: inline-block;  text-align: center;  margin-right: 1rem; }
.keyboard-focused .collapsible-header:focus {background-color: #eee; }
.collapsible-body {display: none;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 2rem; }
.sidenav .collapsible,
.sidenav.fixed .collapsible {border: none;box-shadow: none; }.sidenav .collapsible li,.sidenav.fixed .collapsible li {  padding: 0; }
.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {background-color: transparent;border: none;line-height: inherit;height: inherit;padding: 0 16px; }.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover {  background-color: rgba(0, 0, 0, 0.05); }.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i {  line-height: inherit; }
.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {border: 0;background-color: #fff; }.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a {  padding: 0 23.5px 0 31px; }
.collapsible.popout {border: none;box-shadow: none; }.collapsible.popout > li {  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  margin: 0 24px;  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }.collapsible.popout > li.active {  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);  margin: 16px 0; }
.chip {display: inline-block;height: 32px;font-size: 13px;font-weight: 500;color: rgba(0, 0, 0, 0.6);line-height: 32px;padding: 0 12px;border-radius: 16px;background-color: #e4e4e4;margin-bottom: 5px;margin-right: 5px; }.chip:focus {  outline: none;  background-color: #26a69a;  color: #fff; }.chip > img {  float: left;  margin: 0 8px 0 -12px;  height: 32px;  width: 32px;  border-radius: 50%; }.chip .close {  cursor: pointer;  float: right;  font-size: 16px;  line-height: 32px;  padding-left: 8px; }
.chips {border: none;border-bottom: 1px solid #9e9e9e;box-shadow: none;margin: 0 0 8px 0;min-height: 45px;outline: none;transition: all .3s; }.chips.focus {  border-bottom: 1px solid #26a69a;  box-shadow: 0 1px 0 0 #26a69a; }.chips:hover {  cursor: text; }.chips .input {  background: none;  border: 0;  color: rgba(0, 0, 0, 0.6);  display: inline-block;  font-size: 16px;  height: 3rem;  line-height: 32px;  outline: 0;  margin: 0;  padding: 0 !important;  width: 120px !important; }.chips .input:focus {  border: 0 !important;  box-shadow: none !important; }.chips .autocomplete-content {  margin-top: 0;  margin-bottom: 0; }
.prefix ~ .chips {margin-left: 3rem;width: 92%;width: calc(100% - 3rem); }
.chips:empty ~ label {font-size: 0.8rem;transform: translateY(-140%); }
.materialboxed {display: block;cursor: zoom-in;position: relative;transition: opacity .4s;-webkit-backface-visibility: hidden; }.materialboxed:hover:not(.active) {  opacity: .8; }.materialboxed.active {  cursor: zoom-out; }
#materialbox-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #292929;z-index: 1000;will-change: opacity; }
.materialbox-caption {position: fixed;display: none;color: #fff;line-height: 50px;bottom: 0;left: 0;width: 100%;text-align: center;padding: 0% 15%;height: 50px;z-index: 1000;-webkit-font-smoothing: antialiased; }
select:focus {outline: 1px solid #e7e0f6; }
button:focus {outline: none;background-color: #663ac1; }
label {color: #0F52BA;font-size: 0.8rem;}
/* Text Inputs + Textarea ========================================================================== */
/* Style Placeholders */
::placeholder {color: #d1d1d1; }
/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: 16px;margin: 0 0 8px 0;padding: 0;box-shadow: none;box-sizing: content-box;transition: box-shadow .3s, border .3s; }input:not([type]):disabled, input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"] {  color: rgba(0, 0, 0, 0.42);  border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }input:not([type]):disabled + label,input:not([type])[readonly="readonly"] + label,input[type=text]:not(.browser-default):disabled + label,input[type=text]:not(.browser-default)[readonly="readonly"] + label,input[type=password]:not(.browser-default):disabled + label,input[type=password]:not(.browser-default)[readonly="readonly"] + label,input[type=email]:not(.browser-default):disabled + label,input[type=email]:not(.browser-default)[readonly="readonly"] + label,input[type=url]:not(.browser-default):disabled + label,input[type=url]:not(.browser-default)[readonly="readonly"] + label,input[type=time]:not(.browser-default):disabled + label,input[type=time]:not(.browser-default)[readonly="readonly"] + label,input[type=date]:not(.browser-default):disabled + label,input[type=date]:not(.browser-default)[readonly="readonly"] + label,input[type=datetime]:not(.browser-default):disabled + label,input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,input[type=datetime-local]:not(.browser-default):disabled + label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,input[type=tel]:not(.browser-default):disabled + label,input[type=tel]:not(.browser-default)[readonly="readonly"] + label,input[type=number]:not(.browser-default):disabled + label,input[type=number]:not(.browser-default)[readonly="readonly"] + label,input[type=search]:not(.browser-default):disabled + label,input[type=search]:not(.browser-default)[readonly="readonly"] + label,textarea.materialize-textarea:disabled + label,textarea.materialize-textarea[readonly="readonly"] + label {  color: #0F52BA;}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {  border-bottom: 1px solid #5e35b1;  box-shadow: 0 1px 0 0 #5e35b1; }input:not([type]):focus:not([readonly]) + label,input[type=text]:not(.browser-default):focus:not([readonly]) + label,input[type=password]:not(.browser-default):focus:not([readonly]) + label,input[type=email]:not(.browser-default):focus:not([readonly]) + label,input[type=url]:not(.browser-default):focus:not([readonly]) + label,input[type=time]:not(.browser-default):focus:not([readonly]) + label,input[type=date]:not(.browser-default):focus:not([readonly]) + label,input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,input[type=tel]:not(.browser-default):focus:not([readonly]) + label,input[type=number]:not(.browser-default):focus:not([readonly]) + label,input[type=search]:not(.browser-default):focus:not([readonly]) + label,textarea.materialize-textarea:focus:not([readonly]) + label {  color: #0F52BA;}input:not([type]):focus.valid ~ label,input[type=text]:not(.browser-default):focus.valid ~ label,input[type=password]:not(.browser-default):focus.valid ~ label,input[type=email]:not(.browser-default):focus.valid ~ label,input[type=url]:not(.browser-default):focus.valid ~ label,input[type=time]:not(.browser-default):focus.valid ~ label,input[type=date]:not(.browser-default):focus.valid ~ label,input[type=datetime]:not(.browser-default):focus.valid ~ label,input[type=datetime-local]:not(.browser-default):focus.valid ~ label,input[type=tel]:not(.browser-default):focus.valid ~ label,input[type=number]:not(.browser-default):focus.valid ~ label,input[type=search]:not(.browser-default):focus.valid ~ label,textarea.materialize-textarea:focus.valid ~ label {  color: #4CAF50; }input:not([type]):focus.invalid ~ label,input[type=text]:not(.browser-default):focus.invalid ~ label,input[type=password]:not(.browser-default):focus.invalid ~ label,input[type=email]:not(.browser-default):focus.invalid ~ label,input[type=url]:not(.browser-default):focus.invalid ~ label,input[type=time]:not(.browser-default):focus.invalid ~ label,input[type=date]:not(.browser-default):focus.invalid ~ label,input[type=datetime]:not(.browser-default):focus.invalid ~ label,input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,input[type=tel]:not(.browser-default):focus.invalid ~ label,input[type=number]:not(.browser-default):focus.invalid ~ label,input[type=search]:not(.browser-default):focus.invalid ~ label,textarea.materialize-textarea:focus.invalid ~ label {  color: #F44336; }input:not([type]).validate + label,input[type=text]:not(.browser-default).validate + label,input[type=password]:not(.browser-default).validate + label,input[type=email]:not(.browser-default).validate + label,input[type=url]:not(.browser-default).validate + label,input[type=time]:not(.browser-default).validate + label,input[type=date]:not(.browser-default).validate + label,input[type=datetime]:not(.browser-default).validate + label,input[type=datetime-local]:not(.browser-default).validate + label,input[type=tel]:not(.browser-default).validate + label,input[type=number]:not(.browser-default).validate + label,input[type=search]:not(.browser-default).validate + label,textarea.materialize-textarea.validate + label {  width: 100%; color: #0F52BA;}
/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {border-bottom: 1px solid #4CAF50;box-shadow: 0 1px 0 0 #4CAF50; }
input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {border-bottom: 1px solid #F44336;box-shadow: 0 1px 0 0 #F44336; }
input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error] {color: transparent;user-select: none;pointer-events: none; }
input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {content: attr(data-success);color: #4CAF50; }
input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {content: attr(data-error);color: #F44336; }
input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {display: block;color: #0F52BA;content: "";position: absolute;top: 100%;left: 0;opacity: 0;transition: .2s opacity ease-out, .2s color ease-out; }
.input-field {position: relative;margin-top: 1rem;margin-bottom: 1rem; }.input-field.inline {  display: inline-block;  vertical-align: middle;  margin-left: 5px; }  .input-field.inline input,  .input-field.inline .select-dropdown {    margin-bottom: 1rem; }.input-field.col label {  left: 0.75rem; }.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label {  width: calc(100% - 3rem - 1.5rem); }.input-field > label {  color: #9e9e9e;  position: absolute;  top: 0;  left: 0;  font-size: 1rem;  cursor: text;  transition: transform .2s ease-out, color .2s ease-out;  transform-origin: 0% 100%;  text-align: initial;  transform: translateY(12px); }  .input-field > label:not(.label-icon).active {    transform: translateY(-14px) scale(0.8);    transform-origin: 0 0; }.input-field > input[type]:-webkit-autofill:not(.browser-default) + label,.input-field > input[type=date]:not(.browser-default) + label,.input-field > input[type=time]:not(.browser-default) + label {  transform: translateY(-14px) scale(0.8);color: #0F52BA;  transform-origin: 0 0; }.input-field .helper-text {  position: relative;  min-height: 18px;  display: block;  font-size: 12px;color: #0F52BA;}  .input-field .helper-text::after {    opacity: 1;    position: absolute;    top: 0;    left: 0; }.input-field .prefix {  position: absolute;  width: 3rem;  font-size: 2rem;  transition: color .2s;  top: 0.5rem; }  .input-field .prefix.active {    color: #5e35b1; }.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .helper-text,.input-field .prefix ~ .autocomplete-content {  margin-left: 3rem;  width: 92%;  width: calc(100% - 3rem); }.input-field .prefix ~ label {  margin-left: 3rem; }@media only screen and (max-width: 992px) {  .input-field .prefix ~ input {    width: 86%;    width: calc(100% - 3rem); } }@media only screen and (max-width: 600px) {  .input-field .prefix ~ input {    width: 80%;    width: calc(100% - 3rem); } }
/* Search Field */
.input-field input[type=search] {display: block;line-height: inherit;transition: .3s background-color; }.nav-wrapper .input-field input[type=search] {  height: inherit;  padding-left: 4rem;  width: calc(100% - 4rem);  border: 0;  box-shadow: none; }.input-field input[type=search]:focus:not(.browser-default) {  background-color: #fff;  border: 0;  box-shadow: none;  color: #444; }  .input-field input[type=search]:focus:not(.browser-default) + label i,  .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,  .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {    color: #444; }.input-field input[type=search] + .label-icon {  transform: none;  left: 1rem; }.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons {  position: absolute;  top: 0;  right: 1rem;  color: transparent;  cursor: pointer;  font-size: 2rem;  transition: .3s color; }
/* Textarea */
textarea {width: 100%;height: 3rem;background-color: transparent; }textarea.materialize-textarea {  line-height: normal;  overflow-y: hidden;  /* prevents scroll bar flash */  padding: .8rem 0 .8rem 0;  /* prevents text jump on Enter keypress */  resize: none;  min-height: 3rem;  box-sizing: border-box; }
.hiddendiv {visibility: hidden;white-space: pre-wrap;word-wrap: break-word;overflow-wrap: break-word;/* future version of deprecated 'word-wrap' */padding-top: 1.2rem;/* prevents text jump on Enter keypress */position: absolute;top: 0;z-index: -1; }
/* Autocomplete */
.autocomplete-content li .highlight {color: #444; }
.autocomplete-content li img {height: 40px;width: 40px;margin: 5px 15px; }
/* Character Counter */
.character-counter {min-height: 18px; }
/* Radio Buttons ========================================================================== */
[type="radio"]:not(:checked),
[type="radio"]:checked {position: absolute;opacity: 0;pointer-events: none; }
[type="radio"]:not(:checked) + span,
[type="radio"]:checked + span {position: relative;padding-left: 35px;cursor: pointer;display: inline-block;height: 25px;line-height: 25px;font-size: 1rem;transition: .28s ease;user-select: none; }
[type=radio] + span:before, [type=radio] + span:after {content: '';position: absolute;left: 0;top: 0;margin: 4px;width: 16px;height: 16px;z-index: 0;transition: .28s ease; }
/* Unchecked styles */
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after,
[type="radio"]:checked + span:before,
[type="radio"]:checked + span:after,
[type="radio"].with-gap:checked + span:before,
[type="radio"].with-gap:checked + span:after {border-radius: 50%; }
[type="radio"]:not(:checked) + span:before,
[type="radio"]:not(:checked) + span:after {border: 2px solid #5a5a5a; }
[type="radio"]:not(:checked) + span:after {transform: scale(0); }
/* Checked styles */
[type=radio]:checked + span:before {border: 2px solid transparent; }
[type=radio]:checked + span:after, [type=radio].with-gap:checked + span:before, [type=radio].with-gap:checked + span:after {border: 2px solid #5e35b1; }
[type=radio]:checked + span:after, [type=radio].with-gap:checked + span:after {background-color: #5e35b1; }
[type=radio]:checked + span:after {transform: scale(1.02); }
/* Radio With gap */
[type=radio].with-gap:checked + span:after {transform: scale(0.5); }
/* Focused styles */
[type=radio].tabbed:focus + span:before {box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); }
/* Disabled Radio With gap */
[type=radio].with-gap:disabled:checked + span:before {border: 2px solid rgba(0, 0, 0, 0.42); }
[type=radio].with-gap:disabled:checked + span:after {border: none;background-color: rgba(0, 0, 0, 0.42); }
/* Disabled style */
[type="radio"]:disabled:not(:checked) + span:before,
[type="radio"]:disabled:checked + span:before {background-color: transparent;border-color: rgba(0, 0, 0, 0.42); }
[type=radio]:disabled + span {color: rgba(0, 0, 0, 0.42); }
[type="radio"]:disabled:not(:checked) + span:before {border-color: rgba(0, 0, 0, 0.42); }
[type=radio]:disabled:checked + span:after {background-color: rgba(0, 0, 0, 0.42);border-color: #949494; }
/* Checkboxes ========================================================================== */
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {position: absolute;opacity: 0;pointer-events: none; }
[type=checkbox] {/* checkbox aspect */ }[type="checkbox"] + span:not(.lever) {  position: relative;  padding-left: 35px;  cursor: pointer;  display: inline-block;  height: 25px;  line-height: 25px;  font-size: 1rem;  user-select: none; }[type="checkbox"] + span:not(.lever):before,[type="checkbox"]:not(.filled-in) + span:not(.lever):after {  content: '';  position: absolute;  top: 0;  left: 0;  width: 18px;  height: 18px;  z-index: 0;  border: 2px solid #5a5a5a;  border-radius: 1px;  margin-top: 3px;  transition: .2s; }[type="checkbox"]:not(.filled-in) + span:not(.lever):after {  border: 0;  transform: scale(0); }[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {  border: none;  background-color: rgba(0, 0, 0, 0.42); }[type="checkbox"].tabbed:focus + span:not(.lever):after {  transform: scale(1);  border: 0;  border-radius: 50%;  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);  background-color: rgba(0, 0, 0, 0.1); }
[type="checkbox"]:checked + span:not(.lever):before {top: -4px;left: -5px;width: 12px;height: 22px;border-top: 2px solid transparent;border-left: 2px solid transparent;border-right: 2px solid #5e35b1;border-bottom: 2px solid #5e35b1;transform: rotate(40deg);backface-visibility: hidden;transform-origin: 100% 100%; }
[type=checkbox]:checked:disabled + span:before {border-right: 2px solid rgba(0, 0, 0, 0.42);border-bottom: 2px solid rgba(0, 0, 0, 0.42); }
/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + span:not(.lever):before {top: -11px;left: -12px;width: 10px;height: 22px;border-top: none;border-left: none;border-right: 2px solid #5e35b1;border-bottom: none;transform: rotate(90deg);backface-visibility: hidden;transform-origin: 100% 100%; }
[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {border-right: 2px solid rgba(0, 0, 0, 0.42);background-color: transparent; }
[type="checkbox"].filled-in + span:not(.lever):after {border-radius: 2px; }
[type="checkbox"].filled-in + span:not(.lever):before,
[type="checkbox"].filled-in + span:not(.lever):after {content: '';left: 0;position: absolute;/* .1s delay is for check animation */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) + span:not(.lever):before {width: 0;height: 0;border: 3px solid transparent;left: 6px;top: 10px;transform: rotateZ(37deg);transform-origin: 100% 100%; }
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {height: 20px;width: 20px;background-color: transparent;border: 2px solid #5a5a5a;top: 0px;z-index: 0; }
[type="checkbox"].filled-in:checked + span:not(.lever):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;transform: rotateZ(37deg);transform-origin: 100% 100%; }
[type="checkbox"].filled-in:checked + span:not(.lever):after {top: 0;width: 20px;height: 20px;border: 2px solid #5e35b1;background-color: #5e35b1;z-index: 0; }
[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {border-radius: 2px;border-color: #5a5a5a;background-color: rgba(0, 0, 0, 0.1); }
[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {border-radius: 2px;background-color: #5e35b1;border-color: #5e35b1; }
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {background-color: transparent;border: 2px solid transparent; }
[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {border-color: transparent;background-color: #949494; }
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {background-color: transparent; }
[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {background-color: #949494;border-color: #949494; }
/* Switch ========================================================================== */
.switch,
.switch * {-webkit-tap-highlight-color: transparent;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: #ab9dc9; }  .switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {    left: 18px; }  .switch label input[type=checkbox]:checked + .lever:after {    background-color: #5e35b1; }
.switch label .lever {content: "";display: inline-block;position: relative;width: 36px;height: 14px;background-color: rgba(0, 0, 0, 0.38);border-radius: 15px;margin-right: 10px;transition: background 0.3s ease;vertical-align: middle;margin: 0 16px; }.switch label .lever:before, .switch label .lever:after {  content: "";  position: absolute;  display: inline-block;  width: 20px;  height: 20px;  border-radius: 50%;  left: 0;  top: -3px;  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; }.switch label .lever:before {  background-color: rgba(94, 53, 177, 0.15); }.switch label .lever:after {  background-color: #F1F1F1;  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {transform: scale(2.4);background-color: rgba(94, 53, 177, 0.15); }
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {transform: scale(2.4);background-color: rgba(0, 0, 0, 0.08); }
.switch input[type=checkbox][disabled] + .lever {cursor: default;background-color: rgba(0, 0, 0, 0.12); }
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {background-color: #949494; }
/* Select Field ========================================================================== */
select {display: none; }
select.browser-default {display: block; }
select {background-color: rgba(255, 255, 255, 0.9);width: 100%;padding: 5px;
color: #0F52BA;border: 1px solid #adb5bd;border-radius: 2px;height: 3rem; }
.select-label {position: absolute; }
.select-wrapper {position: relative; }.select-wrapper.valid + label,.select-wrapper.invalid + label {  width: 100%;  pointer-events: none; }.select-wrapper input.select-dropdown {  position: relative;  cursor: pointer;  background-color: transparent;  border: none;  border-bottom: 1px solid #9e9e9e;  outline: none;  height: 3rem;  line-height: 3rem;  width: 100%;  font-size: 16px;  margin: 0 0 8px 0;  padding: 0;  display: block;  user-select: none;  z-index: 1; color: #0F52BA;}  .select-wrapper input.select-dropdown:focus {color: #0F52BA;    border-bottom: 1px solid #5e35b1; }.select-wrapper .caret {  position: absolute;  right: 0;  top: 0;  bottom: 0;  margin: auto 0;  z-index: 0;color: #0F52BA;}.select-wrapper + label {  position: absolute;  top: -26px;color: #0F52BA;  font-size: 0.8rem; }
select:disabled {color: rgba(0, 0, 0, 0.42); }
.select-wrapper.disabled + label {color: rgba(0, 0, 0, 0.42); }
.select-wrapper.disabled .caret {fill: rgba(0, 0, 0, 0.42); }
.select-wrapper input.select-dropdown:disabled {color: rgba(0, 0, 0, 0.42);cursor: default;user-select: none; }
.select-wrapper i {color: #0F52BA;}
.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {color: rgba(0, 0, 0, 0.3);background-color: transparent; }
body.keyboard-focused .select-dropdown.dropdown-content li:focus {background-color: rgba(0, 0, 0, 0.08); }
.select-dropdown.dropdown-content li:hover {background-color: rgba(0, 0, 0, 0.08); }
.select-dropdown.dropdown-content li.selected {background-color: rgba(0, 0, 0, 0.03); }
.prefix ~ .select-wrapper {margin-left: 3rem;width: 92%;width: calc(100% - 3rem); }
.prefix ~ label {margin-left: 3rem; }
.select-dropdown li img {height: 40px;width: 40px;margin: 5px 15px;float: right; }
.select-dropdown li.optgroup {border-top: 1px solid #eee; }.select-dropdown li.optgroup.selected > span {  color: rgba(0, 0, 0, 0.7); }.select-dropdown li.optgroup > span {  color: rgba(0, 0, 0, 0.4); }.select-dropdown li.optgroup ~ li.optgroup-option {  padding-left: 1rem; }
/* File Input ========================================================================== */
.file-field {position: relative; }.file-field .file-path-wrapper {  overflow: hidden;  padding-left: 10px; }.file-field input.file-path {  width: 100%; }.file-field .btn, .file-field .btn-large, .file-field .btn-small {  float: left;  height: 3rem;  line-height: 3rem; }.file-field span {  cursor: pointer; }.file-field input[type=file] {  position: absolute;  top: 0;  right: 0;  left: 0;  bottom: 0;  width: 100%;  margin: 0;  padding: 0;  font-size: 20px;  cursor: pointer;  opacity: 0;  filter: alpha(opacity=0); }  .file-field input[type=file]::-webkit-file-upload-button {    display: none; }
/* Range ========================================================================== */
.range-field {position: relative; }
input[type=range],
input[type=range] + .thumb {cursor: pointer; }
input[type=range] {position: relative;background-color: transparent;border: none;outline: none;width: 100%;margin: 15px 0;padding: 0; }input[type=range]:focus {  outline: none; }
input[type=range] + .thumb {position: absolute;top: 10px;left: 0;border: none;height: 0;width: 0;border-radius: 50%;background-color: #5e35b1;margin-left: 7px;transform-origin: 50% 50%;transform: rotate(-45deg); }input[type=range] + .thumb .value {  display: block;  width: 30px;  text-align: center;  color: #5e35b1;  font-size: 0;  transform: rotate(45deg); }input[type=range] + .thumb.active {  border-radius: 50% 50% 50% 0; }  input[type=range] + .thumb.active .value {    color: #fff;    margin-left: -1px;    margin-top: 8px;    font-size: 10px; }
input[type=range] {-webkit-appearance: none; }
input[type=range]::-webkit-slider-runnable-track {height: 3px;background: #c2c0c2;border: none; }
input[type=range]::-webkit-slider-thumb {border: none;height: 14px;width: 14px;border-radius: 50%;background: #5e35b1;transition: box-shadow .3s;-webkit-appearance: none;background-color: #5e35b1;transform-origin: 50% 50%;margin: -5px 0 0 0; }
.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {box-shadow: 0 0 0 10px rgba(94, 53, 177, 0.26); }
input[type=range] {/* fix for FF unable to apply focus style bug  */border: 1px solid white;/*required for proper track sizing in FF*/ }
input[type=range]::-moz-range-track {height: 3px;background: #c2c0c2;border: none; }
input[type=range]::-moz-focus-inner {border: 0; }
input[type=range]::-moz-range-thumb {border: none;height: 14px;width: 14px;border-radius: 50%;background: #5e35b1;transition: box-shadow .3s;margin-top: -5px; }
input[type=range]:-moz-focusring {outline: 1px solid #fff;outline-offset: -1px; }
.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {box-shadow: 0 0 0 10px rgba(94, 53, 177, 0.26); }
input[type=range]::-ms-track {height: 3px;background: transparent;border-color: transparent;border-width: 6px 0;/*remove default tick marks*/color: transparent; }
input[type=range]::-ms-fill-lower {background: #777; }
input[type=range]::-ms-fill-upper {background: #ddd; }
input[type=range]::-ms-thumb {border: none;height: 14px;width: 14px;border-radius: 50%;background: #5e35b1;transition: box-shadow .3s; }
.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {box-shadow: 0 0 0 10px rgba(94, 53, 177, 0.26); }
/***************  Nav List
***************/
.table-of-contents.fixed {position: fixed; }
.table-of-contents li {padding: 2px 0; }
.table-of-contents a {display: inline-block;font-weight: 300;color: #757575;padding-left: 16px;height: 1.5rem;line-height: 1.5rem;letter-spacing: .4;display: inline-block; }.table-of-contents a:hover {  color: #a8a8a8;  padding-left: 15px;  border-left: 1px solid #2962FF; }.table-of-contents a.active {  font-weight: 500;  padding-left: 14px;  border-left: 2px solid #2962FF; }
.sidenav {position: fixed;width: 300px;left: 0;top: 0;margin: 0;transform: translateX(-100%);height: 100%;height: calc(100% + 60px);height: -moz-calc(100%);padding-bottom: 60px;background-color: #fff;z-index: 999;overflow-y: auto;will-change: transform;backface-visibility: hidden;transform: translateX(-105%); }.sidenav.right-aligned {  right: 0;  transform: translateX(105%);  left: auto;  transform: translateX(100%); }.sidenav .collapsible {  margin: 0; }.sidenav li {  float: none;  line-height: 48px; }  .sidenav li.active {    background-color: rgba(0, 0, 0, 0.05); }.sidenav li > a {  color: rgba(0, 0, 0, 0.87);  display: block;  font-size: 14px;  font-weight: 500;  height: 48px;  line-height: 48px;  padding: 0 32px; }  .sidenav li > a:hover {    background-color: rgba(0, 0, 0, 0.05); }  .sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {    margin: 10px 15px; }  .sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {    color: #fff; }  .sidenav li > a.btn-flat {    color: #343434; }  .sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {    background-color: #693bc4; }  .sidenav li > a.btn-floating:hover {    background-color: #5e35b1; }  .sidenav li > a > i,  .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],  .sidenav li > a > i.material-icons {    float: left;    height: 48px;    line-height: 48px;    margin: 0 32px 0 0;    width: 24px;    color: rgba(0, 0, 0, 0.54); }.sidenav .divider {  margin: 8px 0 0 0; }.sidenav .subheader {  cursor: initial;  pointer-events: none;  color: rgba(0, 0, 0, 0.54);  font-size: 14px;  font-weight: 500;  line-height: 48px; }  .sidenav .subheader:hover {    background-color: transparent; }.sidenav .user-view {  position: relative;  padding: 32px 32px 0;  margin-bottom: 8px; }  .sidenav .user-view > a {    height: auto;    padding: 0; }    .sidenav .user-view > a:hover {      background-color: transparent; }  .sidenav .user-view .background {    overflow: hidden;    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: -1; }  .sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {    display: block; }  .sidenav .user-view .circle {    height: 64px;    width: 64px; }  .sidenav .user-view .name,  .sidenav .user-view .email {    font-size: 14px;    line-height: 24px; }  .sidenav .user-view .name {    margin-top: 16px;    font-weight: 500; }  .sidenav .user-view .email {    padding-bottom: 16px;    font-weight: 400; }
.drag-target {height: 100%;width: 10px;position: fixed;top: 0;z-index: 998; }.drag-target.right-aligned {  right: 0; }
.sidenav.sidenav-fixed {left: 0;transform: translateX(0);position: fixed; }.sidenav.sidenav-fixed.right-aligned {  right: 0;  left: auto; }
@media only screen and (max-width: 992px) {.sidenav.sidenav-fixed {  transform: translateX(-105%); }  .sidenav.sidenav-fixed.right-aligned {    transform: translateX(105%); }.sidenav > a {  padding: 0 16px; }.sidenav .user-view {  padding: 16px 16px 0; } }
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {background-color: #2962FF; }.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {  color: #fff; }
.sidenav .collapsible-body {padding: 0; }
.sidenav-overlay {position: fixed;top: 0;left: 0;right: 0;opacity: 0;height: 120vh;background-color: rgba(0, 0, 0, 0.5);z-index: 997;display: none; }
/*  @license  Copyright (c) 2014 The Polymer Project Authors. All rights reserved.  This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt  The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt  The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt  Code distributed by Google as part of the polymer project is also  subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {display: inline-block;position: relative;width: 50px;height: 50px; }.preloader-wrapper.small {  width: 36px;  height: 36px; }.preloader-wrapper.big {  width: 64px;  height: 64px; }.preloader-wrapper.active {  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */  -webkit-animation: container-rotate 1568ms linear infinite;  animation: container-rotate 1568ms linear infinite; }
@-webkit-keyframes container-rotate {to {  -webkit-transform: rotate(360deg); } }
@keyframes container-rotate {to {  transform: rotate(360deg); } }
.spinner-layer {position: absolute;width: 100%;height: 100%;opacity: 0;border-color: #5e35b1; }
.spinner-blue,
.spinner-blue-only {border-color: #4285f4; }
.spinner-red,
.spinner-red-only {border-color: #db4437; }
.spinner-yellow,
.spinner-yellow-only {border-color: #f4b400; }
.spinner-green,
.spinner-green-only {border-color: #0f9d58; }
/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {/* durations: 4 * ARCTIME */-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 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, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-red {/* durations: 4 * ARCTIME */-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 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, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-yellow {/* durations: 4 * ARCTIME */-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 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, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer.spinner-green {/* durations: 4 * ARCTIME */-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 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, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {/* durations: 4 * ARCTIME */opacity: 1;-webkit-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; }
@-webkit-keyframes fill-unfill-rotate {12.5% {  -webkit-transform: rotate(135deg); }/* 0.5 * ARCSIZE */25% {  -webkit-transform: rotate(270deg); }/* 1   * ARCSIZE */37.5% {  -webkit-transform: rotate(405deg); }/* 1.5 * ARCSIZE */50% {  -webkit-transform: rotate(540deg); }/* 2   * ARCSIZE */62.5% {  -webkit-transform: rotate(675deg); }/* 2.5 * ARCSIZE */75% {  -webkit-transform: rotate(810deg); }/* 3   * ARCSIZE */87.5% {  -webkit-transform: rotate(945deg); }/* 3.5 * ARCSIZE */to {  -webkit-transform: rotate(1080deg); }/* 4   * ARCSIZE */ }
@keyframes fill-unfill-rotate {12.5% {  transform: rotate(135deg); }/* 0.5 * ARCSIZE */25% {  transform: rotate(270deg); }/* 1   * ARCSIZE */37.5% {  transform: rotate(405deg); }/* 1.5 * ARCSIZE */50% {  transform: rotate(540deg); }/* 2   * ARCSIZE */62.5% {  transform: rotate(675deg); }/* 2.5 * ARCSIZE */75% {  transform: rotate(810deg); }/* 3   * ARCSIZE */87.5% {  transform: rotate(945deg); }/* 3.5 * ARCSIZE */to {  transform: rotate(1080deg); }/* 4   * ARCSIZE */ }
@-webkit-keyframes blue-fade-in-out {from {  opacity: 1; }25% {  opacity: 1; }26% {  opacity: 0; }89% {  opacity: 0; }90% {  opacity: 1; }100% {  opacity: 1; } }
@keyframes blue-fade-in-out {from {  opacity: 1; }25% {  opacity: 1; }26% {  opacity: 0; }89% {  opacity: 0; }90% {  opacity: 1; }100% {  opacity: 1; } }
@-webkit-keyframes red-fade-in-out {from {  opacity: 0; }15% {  opacity: 0; }25% {  opacity: 1; }50% {  opacity: 1; }51% {  opacity: 0; } }
@keyframes red-fade-in-out {from {  opacity: 0; }15% {  opacity: 0; }25% {  opacity: 1; }50% {  opacity: 1; }51% {  opacity: 0; } }
@-webkit-keyframes yellow-fade-in-out {from {  opacity: 0; }40% {  opacity: 0; }50% {  opacity: 1; }75% {  opacity: 1; }76% {  opacity: 0; } }
@keyframes yellow-fade-in-out {from {  opacity: 0; }40% {  opacity: 0; }50% {  opacity: 1; }75% {  opacity: 1; }76% {  opacity: 0; } }
@-webkit-keyframes green-fade-in-out {from {  opacity: 0; }65% {  opacity: 0; }75% {  opacity: 1; }90% {  opacity: 1; }100% {  opacity: 0; } }
@keyframes green-fade-in-out {from {  opacity: 0; }65% {  opacity: 0; }75% {  opacity: 1; }90% {  opacity: 1; }100% {  opacity: 0; } }
/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.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;  /* STROKEWIDTH */  border-style: solid;  border-color: inherit;  border-bottom-color: transparent !important;  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);  transform: rotate(129deg); }.circle-clipper.right .circle {  left: -100%;  border-left-color: transparent !important;  -webkit-transform: rotate(-129deg);  transform: rotate(-129deg); }
.active .circle-clipper.left .circle {/* duration: ARCTIME */-webkit-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; }
.active .circle-clipper.right .circle {/* duration: ARCTIME */-webkit-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 left-spin {from {  -webkit-transform: rotate(130deg); }50% {  -webkit-transform: rotate(-5deg); }to {  -webkit-transform: rotate(130deg); } }
@keyframes left-spin {from {  transform: rotate(130deg); }50% {  transform: rotate(-5deg); }to {  transform: rotate(130deg); } }
@-webkit-keyframes right-spin {from {  -webkit-transform: rotate(-130deg); }50% {  -webkit-transform: rotate(5deg); }to {  -webkit-transform: rotate(-130deg); } }
@keyframes right-spin {from {  transform: rotate(-130deg); }50% {  transform: rotate(5deg); }to {  transform: rotate(-130deg); } }
#spinnerContainer.cooldown {/* duration: SHRINK_TIME */-webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1); }
@-webkit-keyframes fade-out {from {  opacity: 1; }to {  opacity: 0; } }
@keyframes fade-out {from {  opacity: 1; }to {  opacity: 0; } }
.slider {position: relative;height: 400px;width: 100%; }.slider.fullscreen {  height: 100%;  width: 100%;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0; }  .slider.fullscreen ul.slides {    height: 100%; }  .slider.fullscreen ul.indicators {    z-index: 2;    bottom: 30px; }.slider .slides {  background-color: #9e9e9e;  margin: 0;  height: 400px; }  .slider .slides li {    opacity: 0;    position: absolute;    top: 0;    left: 0;    z-index: 1;    width: 100%;    height: inherit;    overflow: hidden; }    .slider .slides li img {      height: 100%;      width: 100%;      background-size: cover;      background-position: center; }    .slider .slides li .caption {      color: #fff;      position: absolute;      top: 15%;      left: 15%;      width: 70%;      opacity: 0; }      .slider .slides li .caption p {        color: #e0e0e0; }    .slider .slides li.active {      z-index: 2; }.slider .indicators {  position: absolute;  text-align: center;  left: 0;  right: 0;  bottom: 0;  margin: 0; }  .slider .indicators .indicator-item {    display: inline-block;    position: relative;    cursor: pointer;    height: 16px;    width: 16px;    margin: 0 12px;    background-color: #e0e0e0;    transition: background-color .3s;    border-radius: 50%; }    .slider .indicators .indicator-item.active {      background-color: #4CAF50; }
.carousel {overflow: hidden;position: relative;width: 100%;height: 400px;perspective: 500px;transform-style: preserve-3d;transform-origin: 0% 50%; }.carousel.carousel-slider {  top: 0;  left: 0; }  .carousel.carousel-slider .carousel-fixed-item {    position: absolute;    left: 0;    right: 0;    bottom: 20px;    z-index: 1; }    .carousel.carousel-slider .carousel-fixed-item.with-indicators {      bottom: 68px; }  .carousel.carousel-slider .carousel-item {    width: 100%;    height: 100%;    min-height: 400px;    position: absolute;    top: 0;    left: 0; }    .carousel.carousel-slider .carousel-item h2 {      font-size: 24px;      font-weight: 500;      line-height: 32px; }    .carousel.carousel-slider .carousel-item p {      font-size: 15px; }.carousel .carousel-item {  visibility: hidden;  width: 200px;  height: 200px;  position: absolute;  top: 0;  left: 0; }  .carousel .carousel-item > img {    width: 100%; }.carousel .indicators {  position: absolute;  text-align: center;  left: 0;  right: 0;  bottom: 0;  margin: 0; }  .carousel .indicators .indicator-item {    display: inline-block;    position: relative;    cursor: pointer;    height: 8px;    width: 8px;    margin: 24px 4px;    background-color: rgba(255, 255, 255, 0.5);    transition: background-color .3s;    border-radius: 50%; }    .carousel .indicators .indicator-item.active {      background-color: #fff; }.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed {  pointer-events: none; }
.tap-target-wrapper {width: 800px;height: 800px;position: fixed;z-index: 1000;visibility: hidden;transition: visibility 0s .3s; }
.tap-target-wrapper.open {visibility: visible;transition: visibility 0s; }.tap-target-wrapper.open .tap-target {  transform: scale(1);  opacity: .95;  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); }.tap-target-wrapper.open .tap-target-wave::before {  transform: scale(1); }.tap-target-wrapper.open .tap-target-wave::after {  visibility: visible;  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;  transition: opacity .3s,
 transform .3s,
 visibility 0s 1s; }
.tap-target {position: absolute;font-size: 1rem;border-radius: 50%;background-color: #2962FF;box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);width: 100%;height: 100%;opacity: 0;transform: scale(0);transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1); }
.tap-target-content {position: relative;display: table-cell; }
.tap-target-wave {position: absolute;border-radius: 50%;z-index: 10001; }.tap-target-wave::before, .tap-target-wave::after {  content: '';  display: block;  position: absolute;  width: 100%;  height: 100%;  border-radius: 50%;  background-color: #ffffff; }.tap-target-wave::before {  transform: scale(0);  transition: transform .3s; }.tap-target-wave::after {  visibility: hidden;  transition: opacity .3s,
 transform .3s,
 visibility 0s;  z-index: -1; }
.tap-target-origin {top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10002;position: absolute !important; }.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {  background: none; }
@media only screen and (max-width: 600px) {.tap-target, .tap-target-wrapper {  width: 600px;  height: 600px; } }
.pulse {overflow: visible;position: relative; }.pulse::before {  content: '';  display: block;  position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;  background-color: inherit;  border-radius: inherit;  transition: opacity .3s, transform .3s;  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;  z-index: -1; }
@keyframes pulse-animation {0% {  opacity: 1;  transform: scale(1); }50% {  opacity: 0;  transform: scale(1.5); }100% {  opacity: 0;  transform: scale(1.5); } }
/* Modal */
.datepicker-modal {max-width: 325px;min-width: 300px;max-height: none; }
.datepicker-container.modal-content {display: flex;flex-direction: column;padding: 0; }
.datepicker-controls {display: flex;justify-content: space-between;width: 280px;margin: 0 auto; }.datepicker-controls .selects-container {  display: flex; }.datepicker-controls .select-wrapper input {  border-bottom: none;  text-align: center;  margin: 0; }  .datepicker-controls .select-wrapper input:focus {    border-bottom: none; }.datepicker-controls .select-wrapper .caret {  display: none; }.datepicker-controls .select-year input {  width: 50px; }.datepicker-controls .select-month input {  width: 70px; }
.month-prev, .month-next {margin-top: 4px;cursor: pointer;background-color: transparent;border: none; }
/* Date Display */
.datepicker-date-display {flex: 1 auto;background-color: #5e35b1;color: #fff;padding: 20px 22px;font-weight: 500; }.datepicker-date-display .year-text {  display: block;  font-size: 1.5rem;  line-height: 25px;  color: rgba(255, 255, 255, 0.7); }.datepicker-date-display .date-text {  display: block;  font-size: 2.8rem;  line-height: 47px;  font-weight: 500; }
/* Calendar */
.datepicker-calendar-container {flex: 2.5 auto; }
.datepicker-table {width: 280px;font-size: 1rem;margin: 0 auto; }.datepicker-table thead {  border-bottom: none; }.datepicker-table th {  padding: 10px 5px;  text-align: center; }.datepicker-table tr {  border: none; }.datepicker-table abbr {  text-decoration: none;  color: #999; }.datepicker-table td {  border-radius: 50%;  padding: 0; }  .datepicker-table td.is-today {    color: #5e35b1; }  .datepicker-table td.is-selected {    background-color: #5e35b1;    color: #fff; }  .datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {    color: rgba(0, 0, 0, 0.3);    pointer-events: none; }
.datepicker-day-button {background-color: transparent;border: none;line-height: 38px;display: block;width: 100%;border-radius: 50%;padding: 0 5px;cursor: pointer;color: inherit; }.datepicker-day-button:focus {  background-color: rgba(96, 59, 171, 0.25); }
/* Footer */
.datepicker-footer {width: 280px;margin: 0 auto;padding-bottom: 5px;display: flex;justify-content: space-between; }
.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {color: #5e35b1;padding: 0 1rem; }
.datepicker-clear {color: #F44336; }
/* Media Queries */
@media only screen and (min-width: 601px) {.datepicker-modal {  max-width: 625px; }.datepicker-container.modal-content {  flex-direction: row; }.datepicker-date-display {  flex: 0 1 270px; }.datepicker-controls,.datepicker-table,.datepicker-footer {  width: 320px; }.datepicker-day-button {  line-height: 44px; } }
/* Timepicker Containers */
.timepicker-modal {max-width: 325px;max-height: none; }
.timepicker-container.modal-content {display: flex;flex-direction: column;padding: 0; }
.text-primary {color: white; }
/* Clock Digital Display */
.timepicker-digital-display {flex: 1 auto;background-color: #5e35b1;padding: 10px;font-weight: 300; }
.timepicker-text-container {font-size: 4rem;font-weight: bold;text-align: center;color: rgba(255, 255, 255, 0.6);font-weight: 400;position: relative;user-select: none; }
.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {cursor: pointer; }
.timepicker-span-hours {margin-right: 3px; }
.timepicker-span-minutes {margin-left: 3px; }
.timepicker-display-am-pm {font-size: 1.3rem;position: absolute;right: 1rem;bottom: 1rem;font-weight: 400; }
/* Analog Clock Display */
.timepicker-analog-display {flex: 2.5 auto; }
.timepicker-plate {background-color: #eee;border-radius: 50%;width: 270px;height: 270px;overflow: visible;position: relative;margin: auto;margin-top: 25px;margin-bottom: 5px;user-select: none; }
.timepicker-canvas,
.timepicker-dial {position: absolute;left: 0;right: 0;top: 0;bottom: 0; }
.timepicker-minutes {visibility: hidden; }
.timepicker-tick {border-radius: 50%;color: rgba(0, 0, 0, 0.87);line-height: 40px;text-align: center;width: 40px;height: 40px;position: absolute;cursor: pointer;font-size: 15px; }
.timepicker-tick.active,
.timepicker-tick:hover {background-color: rgba(94, 53, 177, 0.25); }
.timepicker-dial {transition: transform 350ms, opacity 350ms; }
.timepicker-dial-out {opacity: 0; }.timepicker-dial-out.timepicker-hours {  transform: scale(1.1, 1.1); }.timepicker-dial-out.timepicker-minutes {  transform: scale(0.8, 0.8); }
.timepicker-canvas {transition: opacity 175ms; }.timepicker-canvas line {  stroke: #5e35b1;  stroke-width: 4;  stroke-linecap: round; }
.timepicker-canvas-out {opacity: 0.25; }
.timepicker-canvas-bearing {stroke: none;fill: #5e35b1; }
.timepicker-canvas-bg {stroke: none;fill: #5e35b1; }
/* Footer */
.timepicker-footer {margin: 0 auto;padding: 5px 1rem;display: flex;justify-content: space-between; }
.timepicker-clear {color: #F44336; }
.timepicker-close {color: #5e35b1; }
.timepicker-clear,
.timepicker-close {padding: 0 20px; }
/* Media Queries */
@media only screen and (min-width: 601px) {.timepicker-modal {  max-width: 600px; }.timepicker-container.modal-content {  flex-direction: row; }.timepicker-text-container {  top: 32%; }.timepicker-display-am-pm {  position: relative;  right: auto;  bottom: auto;  text-align: center;  margin-top: 1.2rem; } }
.rtl {direction: rtl;text-align: right; }.rtl .row .col {  float: right; }  .rtl .row .col.offset-s1 {    margin-right: 8.33333%;    margin-left: inherit; }  .rtl .row .col.pull-s1 {    right: 8.33333%; }  .rtl .row .col.push-s1 {    left: 8.33333%; }  .rtl .row .col.offset-s2 {    margin-right: 16.66667%;    margin-left: inherit; }  .rtl .row .col.pull-s2 {    right: 16.66667%; }  .rtl .row .col.push-s2 {    left: 16.66667%; }  .rtl .row .col.offset-s3 {    margin-right: 25%;    margin-left: inherit; }  .rtl .row .col.pull-s3 {    right: 25%; }  .rtl .row .col.push-s3 {    left: 25%; }  .rtl .row .col.offset-s4 {    margin-right: 33.33333%;    margin-left: inherit; }  .rtl .row .col.pull-s4 {    right: 33.33333%; }  .rtl .row .col.push-s4 {    left: 33.33333%; }  .rtl .row .col.offset-s5 {    margin-right: 41.66667%;    margin-left: inherit; }  .rtl .row .col.pull-s5 {    right: 41.66667%; }  .rtl .row .col.push-s5 {    left: 41.66667%; }  .rtl .row .col.offset-s6 {    margin-right: 50%;    margin-left: inherit; }  .rtl .row .col.pull-s6 {    right: 50%; }  .rtl .row .col.push-s6 {    left: 50%; }  .rtl .row .col.offset-s7 {    margin-right: 58.33333%;    margin-left: inherit; }  .rtl .row .col.pull-s7 {    right: 58.33333%; }  .rtl .row .col.push-s7 {    left: 58.33333%; }  .rtl .row .col.offset-s8 {    margin-right: 66.66667%;    margin-left: inherit; }  .rtl .row .col.pull-s8 {    right: 66.66667%; }  .rtl .row .col.push-s8 {    left: 66.66667%; }  .rtl .row .col.offset-s9 {    margin-right: 75%;    margin-left: inherit; }  .rtl .row .col.pull-s9 {    right: 75%; }  .rtl .row .col.push-s9 {    left: 75%; }  .rtl .row .col.offset-s10 {    margin-right: 83.33333%;    margin-left: inherit; }  .rtl .row .col.pull-s10 {    right: 83.33333%; }  .rtl .row .col.push-s10 {    left: 83.33333%; }  .rtl .row .col.offset-s11 {    margin-right: 91.66667%;    margin-left: inherit; }  .rtl .row .col.pull-s11 {    right: 91.66667%; }  .rtl .row .col.push-s11 {    left: 91.66667%; }  .rtl .row .col.offset-s12 {    margin-right: 100%;    margin-left: inherit; }  .rtl .row .col.pull-s12 {    right: 100%; }  .rtl .row .col.push-s12 {    left: 100%; }  @media only screen and (min-width: 601px) {    .rtl .row .col.offset-m1 {      margin-right: 8.33333%;      margin-left: inherit; }    .rtl .row .col.pull-m1 {      right: 8.33333%; }    .rtl .row .col.push-m1 {      left: 8.33333%; }    .rtl .row .col.offset-m2 {      margin-right: 16.66667%;      margin-left: inherit; }    .rtl .row .col.pull-m2 {      right: 16.66667%; }    .rtl .row .col.push-m2 {      left: 16.66667%; }    .rtl .row .col.offset-m3 {      margin-right: 25%;      margin-left: inherit; }    .rtl .row .col.pull-m3 {      right: 25%; }    .rtl .row .col.push-m3 {      left: 25%; }    .rtl .row .col.offset-m4 {      margin-right: 33.33333%;      margin-left: inherit; }    .rtl .row .col.pull-m4 {      right: 33.33333%; }    .rtl .row .col.push-m4 {      left: 33.33333%; }    .rtl .row .col.offset-m5 {      margin-right: 41.66667%;      margin-left: inherit; }    .rtl .row .col.pull-m5 {      right: 41.66667%; }    .rtl .row .col.push-m5 {      left: 41.66667%; }    .rtl .row .col.offset-m6 {      margin-right: 50%;      margin-left: inherit; }    .rtl .row .col.pull-m6 {      right: 50%; }    .rtl .row .col.push-m6 {      left: 50%; }    .rtl .row .col.offset-m7 {      margin-right: 58.33333%;      margin-left: inherit; }    .rtl .row .col.pull-m7 {      right: 58.33333%; }    .rtl .row .col.push-m7 {      left: 58.33333%; }    .rtl .row .col.offset-m8 {      margin-right: 66.66667%;      margin-left: inherit; }    .rtl .row .col.pull-m8 {      right: 66.66667%; }    .rtl .row .col.push-m8 {      left: 66.66667%; }    .rtl .row .col.offset-m9 {      margin-right: 75%;      margin-left: inherit; }    .rtl .row .col.pull-m9 {      right: 75%; }    .rtl .row .col.push-m9 {      left: 75%; }    .rtl .row .col.offset-m10 {      margin-right: 83.33333%;      margin-left: inherit; }    .rtl .row .col.pull-m10 {      right: 83.33333%; }    .rtl .row .col.push-m10 {      left: 83.33333%; }    .rtl .row .col.offset-m11 {      margin-right: 91.66667%;      margin-left: inherit; }    .rtl .row .col.pull-m11 {      right: 91.66667%; }    .rtl .row .col.push-m11 {      left: 91.66667%; }    .rtl .row .col.offset-m12 {      margin-right: 100%;      margin-left: inherit; }    .rtl .row .col.pull-m12 {      right: 100%; }    .rtl .row .col.push-m12 {      left: 100%; } }  @media only screen and (min-width: 993px) {    .rtl .row .col.offset-l1 {      margin-right: 8.33333%;      margin-left: inherit; }    .rtl .row .col.pull-l1 {      right: 8.33333%; }    .rtl .row .col.push-l1 {      left: 8.33333%; }    .rtl .row .col.offset-l2 {      margin-right: 16.66667%;      margin-left: inherit; }    .rtl .row .col.pull-l2 {      right: 16.66667%; }    .rtl .row .col.push-l2 {      left: 16.66667%; }    .rtl .row .col.offset-l3 {      margin-right: 25%;      margin-left: inherit; }    .rtl .row .col.pull-l3 {      right: 25%; }    .rtl .row .col.push-l3 {      left: 25%; }    .rtl .row .col.offset-l4 {      margin-right: 33.33333%;      margin-left: inherit; }    .rtl .row .col.pull-l4 {      right: 33.33333%; }    .rtl .row .col.push-l4 {      left: 33.33333%; }    .rtl .row .col.offset-l5 {      margin-right: 41.66667%;      margin-left: inherit; }    .rtl .row .col.pull-l5 {      right: 41.66667%; }    .rtl .row .col.push-l5 {      left: 41.66667%; }    .rtl .row .col.offset-l6 {      margin-right: 50%;      margin-left: inherit; }    .rtl .row .col.pull-l6 {      right: 50%; }    .rtl .row .col.push-l6 {      left: 50%; }    .rtl .row .col.offset-l7 {      margin-right: 58.33333%;      margin-left: inherit; }    .rtl .row .col.pull-l7 {      right: 58.33333%; }    .rtl .row .col.push-l7 {      left: 58.33333%; }    .rtl .row .col.offset-l8 {      margin-right: 66.66667%;      margin-left: inherit; }    .rtl .row .col.pull-l8 {      right: 66.66667%; }    .rtl .row .col.push-l8 {      left: 66.66667%; }    .rtl .row .col.offset-l9 {      margin-right: 75%;      margin-left: inherit; }    .rtl .row .col.pull-l9 {      right: 75%; }    .rtl .row .col.push-l9 {      left: 75%; }    .rtl .row .col.offset-l10 {      margin-right: 83.33333%;      margin-left: inherit; }    .rtl .row .col.pull-l10 {      right: 83.33333%; }    .rtl .row .col.push-l10 {      left: 83.33333%; }    .rtl .row .col.offset-l11 {      margin-right: 91.66667%;      margin-left: inherit; }    .rtl .row .col.pull-l11 {      right: 91.66667%; }    .rtl .row .col.push-l11 {      left: 91.66667%; }    .rtl .row .col.offset-l12 {      margin-right: 100%;      margin-left: inherit; }    .rtl .row .col.pull-l12 {      right: 100%; }    .rtl .row .col.push-l12 {      left: 100%; } }  @media only screen and (min-width: 1201px) {    .rtl .row .col.offset-xl1 {      margin-right: 8.33333%;      margin-left: inherit; }    .rtl .row .col.pull-xl1 {      right: 8.33333%; }    .rtl .row .col.push-xl1 {      left: 8.33333%; }    .rtl .row .col.offset-xl2 {      margin-right: 16.66667%;      margin-left: inherit; }    .rtl .row .col.pull-xl2 {      right: 16.66667%; }    .rtl .row .col.push-xl2 {      left: 16.66667%; }    .rtl .row .col.offset-xl3 {      margin-right: 25%;      margin-left: inherit; }    .rtl .row .col.pull-xl3 {      right: 25%; }    .rtl .row .col.push-xl3 {      left: 25%; }    .rtl .row .col.offset-xl4 {      margin-right: 33.33333%;      margin-left: inherit; }    .rtl .row .col.pull-xl4 {      right: 33.33333%; }    .rtl .row .col.push-xl4 {      left: 33.33333%; }    .rtl .row .col.offset-xl5 {      margin-right: 41.66667%;      margin-left: inherit; }    .rtl .row .col.pull-xl5 {      right: 41.66667%; }    .rtl .row .col.push-xl5 {      left: 41.66667%; }    .rtl .row .col.offset-xl6 {      margin-right: 50%;      margin-left: inherit; }    .rtl .row .col.pull-xl6 {      right: 50%; }    .rtl .row .col.push-xl6 {      left: 50%; }    .rtl .row .col.offset-xl7 {      margin-right: 58.33333%;      margin-left: inherit; }    .rtl .row .col.pull-xl7 {      right: 58.33333%; }    .rtl .row .col.push-xl7 {      left: 58.33333%; }    .rtl .row .col.offset-xl8 {      margin-right: 66.66667%;      margin-left: inherit; }    .rtl .row .col.pull-xl8 {      right: 66.66667%; }    .rtl .row .col.push-xl8 {      left: 66.66667%; }    .rtl .row .col.offset-xl9 {      margin-right: 75%;      margin-left: inherit; }    .rtl .row .col.pull-xl9 {      right: 75%; }    .rtl .row .col.push-xl9 {      left: 75%; }    .rtl .row .col.offset-xl10 {      margin-right: 83.33333%;      margin-left: inherit; }    .rtl .row .col.pull-xl10 {      right: 83.33333%; }    .rtl .row .col.push-xl10 {      left: 83.33333%; }    .rtl .row .col.offset-xl11 {      margin-right: 91.66667%;      margin-left: inherit; }    .rtl .row .col.pull-xl11 {      right: 91.66667%; }    .rtl .row .col.push-xl11 {      left: 91.66667%; }    .rtl .row .col.offset-xl12 {      margin-right: 100%;      margin-left: inherit; }    .rtl .row .col.pull-xl12 {      right: 100%; }    .rtl .row .col.push-xl12 {      left: 100%; } }.rtl ul:not(.browser-default) {  padding-right: 0; }.rtl span.badge {  float: left;  margin-right: 14px;  margin-left: inherit; }.rtl .sidenav li > a > i,.rtl .sidenav li > a > [class^="mdi-"], .rtl .sidenav li > a li > a > [class*="mdi-"],.rtl .sidenav li > a > i.material-icons {  float: right; }.rtl ul.sidenav.sidenav-fixed ul.collapsible-accordion .collapsible-body li a {  padding: 0 45px 0 37.5px; }.rtl .collapsible span.badge {  margin-right: auto; }.rtl .breadcrumb {  float: right; }.rtl .card .card-image .card-title {  left: inherit;  right: 0; }.rtl .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-large):not(.btn-floating) {  margin-right: 0px;  margin-left: 24px; }.rtl .btn-floating.halfway-fab {  right: inherit;  left: 24px; }.rtl .secondary-content {  float: left; }.rtl .collection .collection-item.avatar {  padding-left: inherit;  padding-right: 72px; }.rtl .collection .collection-item.avatar:not(.circle-clipper) > .circle,.rtl .collection .collection-item.avatar :not(.circle-clipper) > .circle {  left: inherit;  right: 15px; }.rtl .collection .collection-item.avatar .secondary-content {  right: inherit;  left: 16px; }.rtl nav .brand-logo.left {  left: 0.5rem;  padding: 0; }.rtl nav ul li {  float: right; }.rtl .preloader-wrapper {  direction: ltr; }.rtl .collapsible-header i {  margin-right: inherit;  margin-left: 1rem; }.rtl .dropdown-content li {  text-align: right; }.rtl .modal .modal-footer {  text-align: left; }@media only screen and (min-width: 993px) {  .rtl #toast-container {    right: inherit;    left: 7%; } }.rtl .input-field .prefix ~ input, .rtl .input-field .prefix ~ textarea, .rtl .input-field .prefix ~ label, .rtl .input-field .prefix ~ .validate ~ label, .rtl .input-field .prefix ~ .autocomplete-content {  margin-left: inherit;  margin-right: 3rem; }.rtl .input-field > label:not(.label-icon).active,.rtl .input-field > label:not(.label-icon) {  -webkit-transform-origin: top right;  transform-origin: top right; }.rtl form p {  text-align: right; }.rtl [type="checkbox"] + span:not(.lever),.rtl [type="radio"]:not(:checked) + span, .rtl [type="radio"]:checked + span {  padding-left: inherit;  padding-right: 35px; }.rtl [type="checkbox"] + span:not(.lever):before,.rtl [type="checkbox"]:not(.filled-in) + span:not(.lever):after,.rtl [type="checkbox"].filled-in + span:not(.lever):before,.rtl [type="checkbox"].filled-in + span:not(.lever):after,.rtl [type="radio"] + span:before, .rtl [type="radio"] + span:after {  left: inherit;  right: 0; }.rtl [type="checkbox"]:checked + span:not(.lever):before {  left: inherit;  right: 10px; }.rtl [type="checkbox"]:indeterminate + span:not(.lever):before {  left: inherit;  right: 20px; }.rtl .input-field.col label {  left: inherit;  right: .75rem; }.rtl .select-wrapper .caret {  right: inherit;  left: 0; }.rtl .chip .close {  float: left;  padding-right: 8px;  padding-left: 0; }.rtl .chip > img {  float: right;  margin: 0 -12px 0 8px; }.rtl .breadcrumb:before {  content: '\E5CB'; }
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.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;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;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.39063deg) skewY(0.39063deg);  transform: skewX(0.39063deg) skewY(0.39063deg); }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.39063deg) skewY(0.39063deg);  transform: skewX(0.39063deg) skewY(0.39063deg); }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;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; }
/*============================================================== 
 For all pages 
 ============================================================== */
* {outline: none; }
html {color: #000000; }
body {background: #eef5f9;font-family: "Nunito Sans", sans-serif; }
h1, h2, h3, h4, h5, h6 {color: #5b616e; }
dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {margin-top: 0; }
.pre-scroll {position: relative; }
a.link {color: #000000; }a.link:hover {  color: #2962FF; }
.preloader {width: 100%;height: 100%;top: 0;position: fixed;z-index: 999999999;background: #fff; }
nav i,
nav i.material-icons {height: 64px;line-height: 64px; }
/*============================================================== 
 Topbar
 ============================================================== */
.topbar {position: relative;z-index: 10; }.topbar nav {  background: #fff;  padding-right: 10px;  height: 64px;  line-height: 64px; }  .topbar nav .nav-wrapper .brand-logo {    left: auto;    transform: none;    width: 250px;    display: flex;    z-index: 101;    align-items: center;    height: 64px;    transition: width .3s; }    .topbar nav .nav-wrapper .brand-logo .icon {      flex-shrink: 0;      padding: 0 5px 0 15px;      text-align: center;      line-height: 21px; }    .topbar nav .nav-wrapper .brand-logo .dark-logo {      display: none; }    .topbar nav .nav-wrapper .brand-logo:after {      position: absolute;      content: '';      height: 100%;      width: 100%; }  .topbar nav .nav-wrapper ul li a {    color: #fff; }    .topbar nav .nav-wrapper ul li a .profile-pic {      width: 27px;      vertical-align: middle;      margin-top: -5px; }  .topbar nav .nav-wrapper > ul.left {    margin-left: 250px;    transition: all .3s; }  .topbar nav .nav-wrapper .search-box {    position: relative; }    .topbar nav .nav-wrapper .search-box .app-search {      z-index: 110;      width: 260px;      position: absolute;      top: 0px;      display: none;      left: 0px; }      .topbar nav .nav-wrapper .search-box .app-search .form-control {        padding: 10px 40px 10px 15px;        height: auto;        background: #fff;        border: 1px solid #dee2e6;        box-sizing: border-box;        border-radius: 60px;        box-shadow: none; }      .topbar nav .nav-wrapper .search-box .app-search .srh-btn {        position: absolute;        top: 0;        color: #414755;        cursor: pointer;        left: 222px; }        .topbar nav .nav-wrapper .search-box .app-search .srh-btn:hover {          background: none; }        .topbar nav .nav-wrapper .search-box .app-search .srh-btn i {          font-size: 12px; }  .topbar nav .nav-wrapper .sidenav-trigger {    margin: 0; }  .topbar nav .dropdown-content li:hover, .topbar nav .dropdown-content li.active {    background-color: transparent; }  .topbar nav .mailbox.dropdown-content {    min-width: 300px; }    .topbar nav .mailbox.dropdown-content li .drop-title {      font-weight: 700;      padding: 11px 20px 15px;      border-bottom: 1px solid rgba(120, 130, 140, 0.13); }    .topbar nav .mailbox.dropdown-content li a {      color: #0F52BA; }    .topbar nav .mailbox.dropdown-content .message-center {      height: 200px;      overflow: auto;      position: relative; }      .topbar nav .mailbox.dropdown-content .message-center a {        border-bottom: 1px solid rgba(120, 130, 140, 0.13);        display: flex;        text-decoration: none;        padding: 9px 15px;        transition: 0.1s ease-in; }        .topbar nav .mailbox.dropdown-content .message-center a:hover {          background: #e9edf2; }        .topbar nav .mailbox.dropdown-content .message-center a .user-img {          width: 50px;          position: relative;          display: inline-block;          margin: 0 0px 15px 0; }          .topbar nav .mailbox.dropdown-content .message-center a .user-img img {            width: 100%;            vertical-align: middle; }          .topbar nav .mailbox.dropdown-content .message-center a .user-img .profile-status {            border: 2px solid #fff;            border-radius: 50%;            display: inline-block;            height: 10px;            left: 30px;            position: absolute;            top: 1px;            width: 10px; }        .topbar nav .mailbox.dropdown-content .message-center a .mail-contnet {          width: 100%;          vertical-align: middle;          margin-left: 10px; }          .topbar nav .mailbox.dropdown-content .message-center a .mail-contnet h5 {            margin: 5px 0px 0;            font-size: 16px;            color: #455a64; }          .topbar nav .mailbox.dropdown-content .message-center a .mail-contnet .mail-desc,          .topbar nav .mailbox.dropdown-content .message-center a .mail-contnet .time {            font-size: 12px;            display: block;            margin: 1px 0;            text-overflow: ellipsis;            overflow: hidden;            color: #0F52BA;            white-space: nowrap;            width: 80%; }        .topbar nav .mailbox.dropdown-content .message-center a .btn-floating {          flex-shrink: 0; }  .topbar nav ul.dropdown-user {    min-width: 300px; }    .topbar nav ul.dropdown-user li {      list-style: none;      padding: 0px;      margin: 0px; }      .topbar nav ul.dropdown-user li .dw-user-box {        padding: 20px 15px; }        .topbar nav ul.dropdown-user li .dw-user-box .u-img {          width: 80px;          display: inline-block;          vertical-align: middle; }          .topbar nav ul.dropdown-user li .dw-user-box .u-img img {            width: 100%;            border-radius: 5px; }        .topbar nav ul.dropdown-user li .dw-user-box .u-text {          display: inline-block;          padding-left: 10px;          vertical-align: middle; }          .topbar nav ul.dropdown-user li .dw-user-box .u-text h4 {            margin: 0px;            font-size: 18px; }          .topbar nav ul.dropdown-user li .dw-user-box .u-text p {            margin: 2px 0 0 0;            font-size: 12px;            color: #0F52BA; }          .topbar nav ul.dropdown-user li .dw-user-box .u-text .btn, .topbar nav ul.dropdown-user li .dw-user-box .u-text .btn-large, .topbar nav ul.dropdown-user li .dw-user-box .u-text .btn-small {            margin: 5px 0 0 0; }      .topbar nav ul.dropdown-user li a {        color: #0F52BA; }        .topbar nav ul.dropdown-user li a:hover {          background: #e9edf2; }  .topbar nav .lang-dropdown a i {    font-size: 16px; }  .topbar nav .lang-dropdown ul.dropdown-content {    min-width: 150px; }.topbar .nav-toggle,.topbar .sidebar-toggle {  padding: 23px 20px; }  .topbar .nav-toggle:hover .bars,  .topbar .sidebar-toggle:hover .bars {    width: 20px; }.topbar .bars {  height: 2px;  background: #fff;  margin-bottom: 4px;  border-radius: 3px;  display: block;  width: 10px;  transition: 0.2s ease-in; }  .topbar .bars.bar2 {    width: 20px; }
/*============================================================== 
 sidebar
 ============================================================== */
.left-sidebar {position: absolute;height: 100%;top: 64px;width: 250px;z-index: 99;transition: 0.2s ease-in; }.left-sidebar .sidenav {  width: 250px;  height: 100%;  position: relative;  transform: translateX(0);  padding-bottom: 64px;  transition: width .3s; }  .left-sidebar .sidenav ul li a i {    text-align: center; }  .left-sidebar .sidenav ul > li.small-cap {    font-size: 12px;    color: rgba(255, 255, 255, 0.5);    margin: 20px 0 0px 20px;    height: 28px;    display: flex;    align-items: center; }  .left-sidebar .sidenav ul > li a {    color: rgba(255, 255, 255, 0.5);    font-weight: 300;    overflow: hidden;    white-space: nowrap;    margin: 0 11px;    padding: 0 12px; }    .left-sidebar .sidenav ul > li a::after {      border-color: #adb5bd; }    .left-sidebar .sidenav ul > li a > i.material-icons {      color: rgba(255, 255, 255, 0.5);      margin-right: 10px; }    .left-sidebar .sidenav ul > li a:hover {      background-color: transparent;      color: white; }      .left-sidebar .sidenav ul > li a:hover i {        color: white; }  .left-sidebar .sidenav ul > li.active {    background-color: transparent; }    .left-sidebar .sidenav ul > li.active > .collapsible-header {      /* fallback/image non-cover color */      background-color: #11d7e4;      /* Firefox 3.6+ */      /* Safari 4+, Chrome 1+ */      /* Safari 5.1+, Chrome 10+ */      /* Opera 11.10+ */      border-radius: 60px;
	background-image: -o-linear-gradient(left, #11d7e4 0%, #48eaa1 100%);/* IE10+ */      /* Standard */      /* IE6-9 */      }      .left-sidebar .sidenav ul > li.active > .collapsible-header i,      .left-sidebar .sidenav ul > li.active > .collapsible-header .hide-menu {        color: #fff; }      .left-sidebar .sidenav ul > li.active > .collapsible-header::after {        border-color: #fff; }  .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li a {    color: rgba(255, 255, 255, 0.5) !important;    margin: 0 15px;    padding: 0 10px;    transition: 0.2s ease-in; }    .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li a i {      text-align: center;      color: rgba(255, 255, 255, 0.5) !important; }  .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li.active, .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li:hover {    background-color: transparent; }    .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li.active a, .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li:hover a {      color: #fff !important; }      .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li.active a i, .left-sidebar .sidenav .collapsible-body > ul:not(.collapsible) > li:hover a i {        text-align: center;        font-weight: 700;        color: #fff !important; }
.collapsible .has-arrow {position: relative; }.collapsible .has-arrow::after {  position: absolute;  content: '';  width: 7px;  height: 7px;  border-width: 1px 0 0 1px;  border-style: solid;  border-color: rgba(255, 255, 255, 0.5);  right: 1em;  -webkit-transform: rotate(135deg) translate(0, -50%);  -ms-transform: rotate(135deg) translate(0, -50%);  -o-transform: rotate(135deg) translate(0, -50%);  transform: rotate(135deg) translate(0, -50%);  -webkit-transform-origin: top;  -ms-transform-origin: top;  -o-transform-origin: top;  transform-origin: top;  top: 47%;  -webkit-transition: all .3s ease-out;  -o-transition: all .3s ease-out;  transition: all .3s ease-out; }
.collapsible .active > .has-arrow::after, .collapsible li > .has-arrow.active::after, .collapsible .has-arrow[aria-expanded=true]::after {-webkit-transform: rotate(-135deg) translate(0, -50%);-ms-transform: rotate(-135deg) translate(0, -50%);-o-transform: rotate(-135deg) translate(0, -50%);top: 45%;width: 7px;transform: rotate(-135deg) translate(0, -50%); }
.user-profile {padding: 50px 15px 15px;line-height: 22px;white-space: nowrap;display: flex;align-items: center;background: rgba(0, 0, 0, 0.05); }.user-profile .user-name {  vertical-align: middle;  cursor: pointer;  width: 100%;  overflow: hidden; }  .user-profile .user-name .name {    font-weight: 400;    margin: 0;    display: flex;    align-items: center; }    .user-profile .user-name .name i {      margin-right: 10px; }.user-profile #dropdownuser li a,.user-profile #dropdownuser li i {  color: #0F52BA; }.user-profile #dropdownuser li a {  padding: 0 17px; }  .user-profile #dropdownuser li a i {    margin-right: 5px; }
.right-side-toggle {position: fixed;bottom: 20px;right: 20px;padding: 25px;z-index: 10; }
.right-sidebar .sidenav.right-sidenav {position: fixed;width: 300px;top: 0;z-index: 999;padding-bottom: 10px; }.right-sidebar .sidenav.right-sidenav li {  line-height: 20px; }.right-sidebar .sidenav.right-sidenav .tabs .tab a {  opacity: 0.7;  font-size: 20px; }  .right-sidebar .sidenav.right-sidenav .tabs .tab a:hover, .right-sidebar .sidenav.right-sidenav .tabs .tab a.active {    opacity: 1; }
.theme-color {padding: 0px;margin: 0px;list-style: none; }.theme-color .theme-item {  list-style: none;  display: inline-block;  margin-right: 5px; }  .theme-color .theme-item .theme-link {    border-radius: 100%;    width: 20px;    height: 20px;    display: block;    padding: 0; }    .theme-color .theme-item .theme-link[data-logobg=skin1], .theme-color .theme-item .theme-link[data-navbarbg=skin1], .theme-color .theme-item .theme-link[data-sidebarbg=skin1] {      background: #2962FF; }    .theme-color .theme-item .theme-link[data-logobg=skin2], .theme-color .theme-item .theme-link[data-navbarbg=skin2], .theme-color .theme-item .theme-link[data-sidebarbg=skin2] {      background: #fe5419; }    .theme-color .theme-item .theme-link[data-logobg=skin3], .theme-color .theme-item .theme-link[data-navbarbg=skin3], .theme-color .theme-item .theme-link[data-sidebarbg=skin3] {      background: #00b0ff; }    .theme-color .theme-item .theme-link[data-logobg=skin4], .theme-color .theme-item .theme-link[data-navbarbg=skin4], .theme-color .theme-item .theme-link[data-sidebarbg=skin4] {      background: #6659f7; }    .theme-color .theme-item .theme-link[data-logobg=skin5], .theme-color .theme-item .theme-link[data-navbarbg=skin5], .theme-color .theme-item .theme-link[data-sidebarbg=skin5] {      background: #273146; }    .theme-color .theme-item .theme-link[data-logobg=skin6], .theme-color .theme-item .theme-link[data-navbarbg=skin6], .theme-color .theme-item .theme-link[data-sidebarbg=skin6] {      background: #e9ecef; }
.right-sidebar .sidenav.right-sidenav {position: fixed;width: 300px;top: 0;z-index: 999;padding-bottom: 10px; }.right-sidebar .sidenav.right-sidenav li {  line-height: 20px; }.right-sidebar .sidenav.right-sidenav .tabs .tab a {  opacity: 0.7;  font-size: 20px; }  .right-sidebar .sidenav.right-sidenav .tabs .tab a:hover, .right-sidebar .sidenav.right-sidenav .tabs .tab a.active {    opacity: 1; }.right-sidebar .sidenav.right-sidenav .mailbox li .drop-title {  font-weight: 700;  padding: 11px 20px 15px;  border-bottom: 1px solid rgba(120, 130, 140, 0.13); }.right-sidebar .sidenav.right-sidenav .mailbox li a {  color: #0F52BA; }.right-sidebar .sidenav.right-sidenav .mailbox .message-center {  position: relative; }  .right-sidebar .sidenav.right-sidenav .mailbox .message-center a {    border-bottom: 1px solid rgba(120, 130, 140, 0.13);    display: flex;    text-decoration: none;    padding: 9px 15px; }    .right-sidebar .sidenav.right-sidenav .mailbox .message-center a:hover {      background: #e9edf2; }    .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img {      width: 50px;      position: relative;      display: inline-block;      margin: 0 0px 15px 0; }      .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img img {        width: 100%;        vertical-align: middle; }      .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .profile-status {        border: 2px solid #fff;        border-radius: 50%;        display: inline-block;        height: 10px;        left: 30px;        position: absolute;        top: 1px;        width: 10px; }    .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .mail-contnet {      width: 100%;      vertical-align: middle;      margin-left: 10px; }      .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .mail-contnet h5 {        margin: 5px 0px 0;        font-size: 16px;        color: #455a64; }      .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .mail-contnet .mail-desc,      .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .mail-contnet .time {        font-size: 12px;        display: block;        margin: 1px 0;        text-overflow: ellipsis;        overflow: hidden;        color: #0F52BA;        white-space: nowrap;        width: 80%; }    .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .btn-floating {      flex-shrink: 0; }
.chat-windows {position: fixed;bottom: 0px;right: 300px;height: 350px;max-height: 350px;z-index: 9999;transition: 600ms; }.chat-windows.show-chat {  bottom: 0px; }.chat-windows.hide-chat {  bottom: -350px; }.chat-windows .user-chat {  min-width: 300px;  min-height: 350px;  background-color: #fff;  float: right;  margin: 0 2px 0 0; }  .chat-windows .user-chat.mini-chat {    min-width: 40px;    min-height: 40px;    bottom: 0px;    top: 310px;    position: relative; }    .chat-windows .user-chat.mini-chat .chat-head .name,    .chat-windows .user-chat.mini-chat .chat-head i,    .chat-windows .user-chat.mini-chat .chat-footer,    .chat-windows .user-chat.mini-chat .chat-body {      display: none; }    .chat-windows .user-chat.mini-chat .chat-head img {      margin: 0; }    .chat-windows .user-chat.mini-chat .chat-head .status {      left: 28px;      top: 10px; }  .chat-windows .user-chat .chat-head {    height: 40px;    padding: 10px;    background-color: #2962FF;    color: #fff;    position: relative; }    .chat-windows .user-chat .chat-head img {      border-radius: 50%;      height: 25px;      width: 25px;      vertical-align: middle;      margin: -4px 8px 0 0;      display: inline-block;      cursor: pointer; }    .chat-windows .user-chat .chat-head .status {      border: 1px solid #fff;      border-radius: 50%;      position: absolute;      height: 8px;      width: 8px;      left: 28px;      top: 7px; }    .chat-windows .user-chat .chat-head i {      font-size: 14px;      float: right;      color: #fff;      margin: 3px 0 0 5px;      cursor: pointer; }  .chat-windows .user-chat .chat-footer {    padding: 0px 15px;    border-top: 1px solid rgba(120, 130, 140, 0.13); }    .chat-windows .user-chat .chat-footer .form-control {      background-color: transparent;      color: #0F52BA;      font-size: 14px;      border: 0px;      width: 100%;      height: 40px; }      .chat-windows .user-chat .chat-footer .form-control:focus, .chat-windows .user-chat .chat-footer .form-control:hover {        border: 0px; }  .chat-windows .user-chat .chat-body {    height: 270px;    padding: 15px 15px 0;    background-color: #fff;    overflow: hidden;    max-width: 300px;    position: relative; }    .chat-windows .user-chat .chat-body .chat-list li {      margin-top: 10px; }      .chat-windows .user-chat .chat-body .chat-list li .chat-content {        padding-left: 0; }      .chat-windows .user-chat .chat-body .chat-list li .chat-time {        margin: 5px 0 15px; }
@media (max-width: 767px) {.chat-windows.show-chat {  right: 0; } }
/*============================================================== 
 For all pages 
============================================================== */
.container-fluid {width: 100%;min-height: calc(100vh - 122px);padding: 30px 18px; }
.page-wrapper {min-height: calc(100vh - 64px); }.page-wrapper.page-header .gredient-info-bg {  background: #2962FF; }.page-wrapper.page-header .container-fluid {  padding-top: 0;  margin-top: -50px; }
.main-wrapper {width: 100%;overflow: hidden;position: relative; }
/*******************
 Stickey inner-left-part
*******************/
.left-part {height: 100%;width: 260px;position: absolute;border-right: 1px solid rgba(120, 130, 140, 0.13); }.left-part.fixed-left-part {  position: fixed;  top: 0px;  padding-top: 10px; }.left-part .show-left-part {  position: absolute;  top: 45%;  right: -46px; }
.right-part {width: calc(100% - 260px);min-height: calc(100vh - 64px);overflow: auto;margin-left: 260px; }
.reverse-mode .left-part {right: 0;border-left: 1px solid rgba(120, 130, 140, 0.13); }
.reverse-mode .show-left-part {right: auto;left: -41px; }
.reverse-mode .right-part {margin-left: 0px;margin-right: 260px; }
#main-wrapper[data-layout=vertical] {/*sidebar type*//*Sidebar position*//*Header position*//*Boxed Layout*/ }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo {  transition: width .3s; }#main-wrapper[data-layout=vertical][data-sidebartype=full] .page-wrapper {  margin-left: 250px; }#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .page-wrapper, #main-wrapper[data-layout=vertical][data-sidebartype=iconbar] .topbar nav ul.left {  margin-left: 200px; }#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .left-sidebar,#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .sidenav:not(.right-sidenav),#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .topbar nav .nav-wrapper .brand-logo {  width: 200px; }#main-wrapper[data-layout=vertical][data-sidebartype=iconbar] #dropdownuser {  width: 160px !important;  left: 15px !important; }#main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .sidenav:not(.right-sidenav) ul:not(.dropdown-content) li a {  display: block;  text-align: center;  height: 80px; }  #main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .sidenav:not(.right-sidenav) ul:not(.dropdown-content) li a i {    display: block;    width: auto;    float: none;    height: 30px; }#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .topbar nav .nav-wrapper .brand-logo {  width: 250px; }#main-wrapper[data-layout=vertical][data-sidebartype=overlay] .left-sidebar {  left: -250px; }#main-wrapper[data-layout=vertical][data-sidebartype=overlay].show-sidebar .left-sidebar {  left: 0; }#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .topbar nav .nav-wrapper .brand-logo {  position: fixed;  z-index: 10; }#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {  position: fixed; }#main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar {  position: fixed;  width: 100%;  z-index: 1000; }#main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {  padding-top: 64px; }#main-wrapper[data-layout=vertical][data-boxed-layout=boxed] {  max-width: 1200px;  margin: 0 auto;  position: relative;  box-shadow: 1px 0 80px rgba(0, 0, 0, 0.2); }#main-wrapper[data-layout=vertical][data-boxed-layout=boxed][data-header-position=fixed] .topbar {  max-width: 1200px; }
@media (min-width: 767px) {#main-wrapper[data-layout=vertical] {  /*Vertical*/  /*Sidebar position*/  /*Vertical with mini-sidebar*/  /*Fixed sidebar with minisidebar*/ }  #main-wrapper[data-layout=vertical][data-sidebartype=full] .topbar nav .nav-wrapper .brand-logo {    width: 250px; }  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=full] .topbar nav ul.left, #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar nav ul.left {    margin-left: 250px; }  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar nav ul.left {    margin-left: 70px; }  #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=iconbar] .topbar nav ul.left {    margin-left: 200px; }  #main-wrapper[data-layout=vertical][data-layout=vertical][data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .brand-logo {    width: 70px; }    #main-wrapper[data-layout=vertical][data-layout=vertical][data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .brand-logo .text {      display: none; }    #main-wrapper[data-layout=vertical][data-layout=vertical][data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .brand-logo.full-logo {      width: 250px; }      #main-wrapper[data-layout=vertical][data-layout=vertical][data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .brand-logo.full-logo .text {        display: block; }  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {    margin-left: 70px; }  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .topbar nav ul.left {    margin-left: 70px; }  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {    width: 70px; }    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav {      width: 70px; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .user-profile {        padding: 29px 15px 15px; }        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .user-profile .user-name .name {          justify-content: center;          font-size: 36px; }          #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .user-profile .user-name .name i {            margin-right: 0; }        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .user-profile .user-name .hidden {          display: none; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .hide-menu {        display: none; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .collapsible .has-arrow::after {        display: none; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav .create-btn {        padding: 0 6px; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar .sidenav.right-sidenav {        width: 300px; }    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav {      width: 250px; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav .hide-menu, #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav .collapsible .has-arrow::after {        display: block; }      #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav .user-profile {        padding-top: 50px; }        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav .user-profile .user-name .name {          justify-content: flex-start;          font-size: 16px; }          #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav .user-profile .user-name .name i {            margin-right: 10px; }        #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover .sidenav .user-profile .user-name .hidden {          display: inline-block; } }
@media (max-width: 1023px) {#main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .topbar nav .nav-wrapper .brand-logo.full-logo {  width: 70px; }  #main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .topbar nav .nav-wrapper .brand-logo.full-logo .text {    display: none; }#main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .topbar nav .nav-wrapper ul.left {  margin-left: 70px; }#main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .left-sidebar .sidenav {  width: 250px; }  #main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .left-sidebar .sidenav .hide-menu, #main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .left-sidebar .sidenav .collapsible .has-arrow::after {    display: block; }  #main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .left-sidebar .sidenav .user-profile {    padding-left: 14px; }    #main-wrapper[data-sidebartype=mini-sidebar].show-sidebar .left-sidebar .sidenav .user-profile .user-name .hidden {      display: inline-block; }#main-wrapper[data-sidebartype=overlay] .topbar nav .nav-wrapper .brand-logo {  width: 70px; }  #main-wrapper[data-sidebartype=overlay] .topbar nav .nav-wrapper .brand-logo .text {    display: none; }#main-wrapper[data-sidebartype=overlay] .topbar nav .nav-wrapper ul.left {  margin-left: 70px; } }
@media (max-width: 766px) {#main-wrapper[data-sidebartype=mini-sidebar] .page-wrapper {  margin-left: 0; }#main-wrapper[data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .brand-logo {  width: 70px; }  #main-wrapper[data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .brand-logo .text {    display: none; }#main-wrapper[data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper ul.left {  margin-left: 70px; }#main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {  left: -250px; }#main-wrapper.show-sidebar .left-sidebar {  left: 0; }.left-part {  left: -260px;  z-index: 1;  position: fixed;  transition: 0.1s ease-in; }  .left-part.show-panel {    left: 0px; }.reverse-mode .left-part {  right: -260px;  left: auto; }  .reverse-mode .left-part.show-panel {    right: 0px; }.right-part {  width: 100%;  margin-left: 0px; } }
@media (max-width: 400px) {.mini-sidebar .topbar nav .nav-wrapper > ul > li > a:not(.sidebar-toggle) {  padding: 0 6px; } }
/*******************
Preloader
********************/
.preloader {width: 100%;height: 100%;top: 0px;position: fixed;z-index: 99999;background: #fff; }.preloader .cssload-speeding-wheel {  position: absolute;  top: calc(50% - 3.5px);  left: calc(50% - 3.5px); }
.loader,
.loader__figure {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.loader {overflow: visible;padding-top: 2em;height: 0;width: 2em; }
.loader__figure {height: 0;width: 0;box-sizing: border-box;border: 0 solid #1976d2;border-radius: 50%;-webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
.loader__label {float: left;margin-left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);margin: 0.5em 0 0 50%;font-size: 0.875em;letter-spacing: 0.1em;line-height: 1.5em;color: #1976d2;white-space: nowrap;-webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);-moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); }
@-webkit-keyframes loader-figure {0% {  height: 0;  width: 0;  background-color: #1976d2; }29% {  background-color: #1976d2; }30% {  height: 2em;  width: 2em;  background-color: transparent;  border-width: 1em;  opacity: 1; }100% {  height: 2em;  width: 2em;  border-width: 0;  opacity: 0;  background-color: transparent; } }
@-moz-keyframes loader-figure {0% {  height: 0;  width: 0;  background-color: #1976d2; }29% {  background-color: #1976d2; }30% {  height: 2em;  width: 2em;  background-color: transparent;  border-width: 1em;  opacity: 1; }100% {  height: 2em;  width: 2em;  border-width: 0;  opacity: 0;  background-color: transparent; } }
@keyframes loader-figure {0% {  height: 0;  width: 0;  background-color: #1976d2; }29% {  background-color: #1976d2; }30% {  height: 2em;  width: 2em;  background-color: transparent;  border-width: 1em;  opacity: 1; }100% {  height: 2em;  width: 2em;  border-width: 0;  opacity: 0;  background-color: transparent; } }
@-webkit-keyframes loader-label {0% {  opacity: 0.25; }30% {  opacity: 1; }100% {  opacity: 0.25; } }
@-moz-keyframes loader-label {0% {  opacity: 0.25; }30% {  opacity: 1; }100% {  opacity: 0.25; } }
@keyframes loader-label {0% {  opacity: 0.25; }30% {  opacity: 1; }100% {  opacity: 0.25; } }
#main-wrapper[data-layout=vertical], #main-wrapper[data-layout=horizontal] {/*This is for the logo bg*//*This is for the sidebar bg*/ }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin1], #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin1] {  background: #2962FF !important; }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin2], #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin2] {  background: #fe5419 !important; }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin3], #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin3] {  background: #00b0ff !important; }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin4], #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin4] {  background: #6659f7 !important; }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin5], #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin5] {  background: #273146 !important; }#main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin6], #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin6] {  background: #fff !important; }  #main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin6] .dark-logo, #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin6] .dark-logo {    display: block; }  #main-wrapper[data-layout=vertical] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin6] .light-logo, #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo[data-logobg=skin6] .light-logo {    display: none; }#main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin1] {  background: #2962FF; }#main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin2], #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin2] {  background: #fe5419; }#main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin3], #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin3] {  background: #00b0ff; }#main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin4], #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin4] {  background: #6659f7; }#main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin5], #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin5] {  background: #273146; }#main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin6], #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin6] {  background: #fff; }  #main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin6] .nav-wrapper ul li a, #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin6] .nav-wrapper ul li a {    color: #6c757d; }  #main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin6] .bars, #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin6] .bars {    background: #adb5bd; }  #main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin6] .header-search .header-search-input, #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin6] .header-search .header-search-input {    color: #0F52BA; }    #main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin6] .header-search .header-search-input:focus, #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin6] .header-search .header-search-input:focus {      border: 1px solid #adb5bd; }  #main-wrapper[data-layout=vertical] .topbar nav[data-navbarbg=skin6] .header-search i, #main-wrapper[data-layout=horizontal] .topbar nav[data-navbarbg=skin6] .header-search i {    color: #0F52BA; }#main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin1], #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin1] {  background-color: #2962FF !important; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin1] .collapsible-body, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin1] .collapsible-body {    background-color: #2962FF !important; }#main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin2], #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin2] {  background-color: #fe5419 !important; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin2] .collapsible-body, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin2] .collapsible-body {    background-color: #fe5419 !important; }#main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin3], #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin3] {  background-color: #00b0ff !important; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin3] .collapsible-body, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin3] .collapsible-body {    background-color: #00b0ff !important; }#main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin4], #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin4] {  background-color: #6659f7 !important; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin4] .collapsible-body, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin4] .collapsible-body {    background-color: #6659f7 !important; }#main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin5], #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin5] {  background-color: #273146 !important; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin5] .collapsible-body, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin5] .collapsible-body {    background-color: #273146 !important; }#main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6], #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] {  background-color: #fff !important; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.small-cap, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.small-cap {    color: #0F52BA; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li a, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li a {    color: #4F5467; }    #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li a i, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li a i {      color: #adb5bd; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li:hover > .collapsible-header, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li:hover > .collapsible-header {    color: #4F5467; }    #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li:hover > .collapsible-header i, #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li:hover > .collapsible-header .hide-menu, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li:hover > .collapsible-header i, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li:hover > .collapsible-header .hide-menu {      color: #4F5467; }  #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.active > .collapsible-header, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.active > .collapsible-header {    color: #fff; }    #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.active > .collapsible-header i, #main-wrapper[data-layout=vertical] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.active > .collapsible-header .hide-menu, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.active > .collapsible-header i, #main-wrapper[data-layout=horizontal] .left-sidebar .sidenav[data-sidebarbg=skin6] ul li.active > .collapsible-header .hide-menu {      color: #fff; }  #main-wrapper[data-layout="vertical"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li a, #main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li a {    color: #4F5467 !important; }    #main-wrapper[data-layout="vertical"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li a i, #main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li a i {      color: #adb5bd !important; }  #main-wrapper[data-layout="vertical"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li.active a, #main-wrapper[data-layout="vertical"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li:hover a, #main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li.active a, #main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li:hover a {    color: #212529 !important; }    #main-wrapper[data-layout="vertical"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li.active a i, #main-wrapper[data-layout="vertical"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li:hover a i, #main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li.active a i, #main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav[data-sidebarbg="skin6"] .collapsible-body > ul:not(.collapsible) > li:hover a i {      color: #212529 !important; }
body[data-theme=dark] {/* Colors */color: #b2b9bf;background: #4F5467;/* Background colors *//* Background Alt colors *//* Font colors *//* Border Colors */ }body[data-theme=dark] .grey.lighten-4, body[data-theme=dark] .grey.lighten-5, body[data-theme=dark] .grey.lighten-3, body[data-theme=dark] .blue-grey.lighten-5, body[data-theme=dark] .blue.lighten-5, body[data-theme=dark] .topbar nav .nav-wrapper .lighten-5.brand-logo, .topbar nav .nav-wrapper body[data-theme=dark] .lighten-5.brand-logo, body[data-theme=dark] .left-sidebar .lighten-5.sidenav, .left-sidebar body[data-theme=dark] .lighten-5.sidenav, body[data-theme=dark] .right-sidebar .sidenav.right-sidenav .tabs .lighten-5.indicator, .right-sidebar .sidenav.right-sidenav .tabs body[data-theme=dark] .lighten-5.indicator, body[data-theme=dark] .lighten-5.jq-icon-info {  background-color: #262d35 !important; }body[data-theme=dark] .black-text {  color: #b2b9bf !important; }body[data-theme=dark] .blue-grey-text.text-darken-4, body[data-theme=dark] .blue-grey-text.text-darken-3 {  color: #4F5467 !important; }body[data-theme=dark] .grey-text.text-darken-4, body[data-theme=dark] .text-darken-4.secondary-btn, body[data-theme=dark] .text-darken-4.secondary-btn {  color: #4F5467 !important; }body[data-theme=dark] .bg-white {  background-color: #414755; }body[data-theme="dark"] .waves-color-demo .btn:not(.waves-light), body[data-theme="dark"] .waves-color-demo .btn-large:not(.waves-light), body[data-theme="dark"] .waves-color-demo .btn-small:not(.waves-light),body[data-theme="dark"] .waves-color-demo .btn-large:not(.waves-light),body[data-theme="dark"] .waves-color-demo .btn-small:not(.waves-light) {  background-color: #262d35 !important; }body[data-theme=dark] h1, body[data-theme=dark] h2, body[data-theme=dark] h3, body[data-theme=dark] h4, body[data-theme=dark] h5, body[data-theme=dark] h6, body[data-theme=dark] .drop-title {  color: #e0e0e0; }body[data-theme=dark] .chip {  background-color: #343a40;  color: #b2b9bf; }body[data-theme=dark] .tabs, body[data-theme=dark] .modal-content, body[data-theme=dark] .modal .modal-footer, body[data-theme=dark] .page-link, body[data-theme=dark] .page-item.disabled .page-link, body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable, body[data-theme=dark] .note-editor.note-frame .note-statusbar, body[data-theme=dark] .lobilists .lobilist, body[data-theme=dark] .jsgrid-header-row > .jsgrid-header-cell, body[data-theme=dark] .jsgrid-row > .jsgrid-cell, body[data-theme=dark] .css-bar:after, body[data-theme=dark] .dtp > .dtp-content, body[data-theme=dark] .footable .pagination li.disabled a, body[data-theme=dark] .footable .pagination li a {  background-color: #333d52; }body[data-theme="dark"] .card,body[data-theme="dark"] .card .card-reveal,body[data-theme="dark"] .page-titles,body[data-theme="dark"] .divider,body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] .chat-windows .user-chat .chat-footer,body[data-theme="dark"] .collection .collection-item,body[data-theme="dark"] .user-profile .dropdown-content li:hover,body[data-theme="dark"] .user-profile .dropdown-content li.active,body[data-theme="dark"] .topbar nav ul.dropdown-user li a:hover,body[data-theme="dark"] .topbar nav .mailbox.dropdown-content .message-center a:hover,body[data-theme="dark"] .right-sidebar .sidenav.right-sidenav .mailbox .message-center a:hover,body[data-theme="dark"] .topbar nav .nav-wrapper .search-box .app-search .form-control,body[data-theme="dark"] .chat-windows .user-chat .chat-body,body[data-theme="dark"] .collection a.collection-item:not(.active):hover,body[data-theme="dark"] .email-app .right-part .email-table tr:hover,body[data-theme="dark"] table.highlight > tbody > tr:hover,body[data-theme="dark"] .dropzone,body[data-theme="dark"] .picker__button--today,body[data-theme="dark"] .picker__button--clear,body[data-theme="dark"] .picker__button--close {  background: #333d52; }body[data-theme=dark] .right-part.mail-list, body[data-theme=dark] .right-part.mail-details, body[data-theme=dark] .right-part.mail-compose, body[data-theme=dark] .left-part, body[data-theme=dark] .email-app .right-part, body[data-theme=dark] .card-footer {  background-color: #333d52 !important; }body[data-theme="dark"] .page-wrapper,body[data-theme="dark"] .dropdown-content,body[data-theme="dark"] .dropdown-content li:focus,body[data-theme="dark"] #main-wrapper,body[data-theme="dark"] .progress,body[data-theme="dark"] .email-body .collapsible-header,body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a,body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a:hover,body[data-theme="dark"] .wizard:not(.wizard-circle) > .steps .disabled a:active,body[data-theme="dark"] .wizard:not(.wizard-circle) > .content,body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a,body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a:hover,body[data-theme="dark"] .wizard:not(.wizard-circle) > .actions .disabled a:active,body[data-theme="dark"] .wizard-content .wizard > .steps .step,body[data-theme="dark"] .cke_toolbar_separator {  background-color: #1f2738; }body[data-theme=dark] .fc-unthemed td.fc-today, body[data-theme=dark] .fc-toolbar .fc-button.fc-state-active, body[data-theme=dark] .picker__list-item, body[data-theme=dark] .picker__box, body[data-theme=dark] .picker--time .picker__box {  background: #414755; }body[data-theme=dark] .fc-unthemed .fc-divider, body[data-theme=dark] .fc-unthemed .fc-list-heading td, body[data-theme=dark] .fc-unthemed .fc-popover .fc-header {  background: #b2b9bf; }body[data-theme=dark] .timeline:before {  background-color: #343a40; }body[data-theme=dark] .cd-horizontal-timeline .events {  background: #343a40; }body[data-theme=dark] .noUi-target, body[data-theme=dark] .noUi-tooltip, body[data-theme=dark] .dp-off, body[data-theme=dark] .cd-horizontal-timeline .events a::after, body[data-theme=dark] .css-bar > i, body[data-theme=dark] div.mce-edit-area, body[data-theme=dark] .mce-menu-item.mce-disabled, body[data-theme=dark] .mce-menu-item.mce-disabled:hover, body[data-theme=dark] .cke_top {  background: #4F5467 !important; }body[data-theme="dark"] .card .card-action,body[data-theme="dark"] .card-panel,body[data-theme="dark"] .right-sidebar .sidenav.right-sidenav,body[data-theme="dark"] .right-sidebar .sidenav.right-sidenav .tabs,body[data-theme="dark"] .chat-list li .chat-content .box.bg-light-info,body[data-theme="dark"] .social-widget .search-form .search-btn,body[data-theme="dark"] .collection.with-header .collection-header,body[data-theme="dark"] .collapsible-dark .collapsible-header,body[data-theme="dark"] table.striped > tbody > tr:nth-child(odd),body[data-theme="dark"] .striped-rows .row:nth-child(odd),body[data-theme="dark"] .striped-lables .form-body .row:nth-child(odd),body[data-theme="dark"] .striped-lables .form-body .row:nth-child(odd) .input-field,body[data-theme="dark"] pre[class*="language-"],body[data-theme="dark"] .swal2-popup,body[data-theme="dark"] .bg-light,body[data-theme="dark"] .valign-demo,body[data-theme="dark"] .talign-demo,body[data-theme="dark"] .footable-odd,body[data-theme="dark"] .dataTable tr.group,body[data-theme="dark"] .featured-plan .pricing-body,body[data-theme="dark"] .table .thead-light th,body[data-theme="dark"] .table-hover tbody tr:hover,body[data-theme="dark"] .jsgrid-alt-row > .jsgrid-cell,body[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell,body[data-theme="dark"] .f-icon:hover,body[data-theme="dark"] .t-icon:hover,body[data-theme="dark"] .w-icon:hover,body[data-theme="dark"] .sl-icon:hover,body[data-theme="dark"] .if-icon:hover,body[data-theme="dark"] .m-icon:hover,body[data-theme="dark"] .myadmin-dd .dd-list .dd-item .dd-handle,body[data-theme="dark"] .myadmin-dd-empty .dd-list .dd3-content,body[data-theme="dark"] .myadmin-dd-empty .dd-list .dd3-handle,body[data-theme="dark"] .mce-panel {  background-color: #262d35 !important; }body[data-theme=dark] .timeline > .timeline-item > .timeline-panel:after {  border-right: #4F5467;  border-left: #4F5467; }body[data-theme=dark] .mce-menubar .mce-menubtn:hover, body[data-theme=dark] .mce-menubar .mce-menubtn.mce-active, body[data-theme=dark] .mce-menubar .mce-menubtn:focus {  background: #414755;  border-color: #4F5467; }body[data-theme=dark] .mce-btn {  background: #414755;  text-shadow: none; }  body[data-theme=dark] .mce-btn button {    color: #b2b9bf; }body[data-theme=dark] .page-wrapper, body[data-theme=dark] input, body[data-theme=dark] textarea, body[data-theme=dark] select, body[data-theme=dark] .input-field .helper-text, body[data-theme=dark] .chat-list li .chat-content .box.bg-light-info, body[data-theme=dark] .topbar nav .mailbox.dropdown-content .message-center a .mail-contnet h5, body[data-theme=dark] .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .mail-contnet h5, body[data-theme=dark] .chatbox .message-center a .mail-contnet h5, body[data-theme=dark] .profiletimeline .sl-right div a:first-child, body[data-theme=dark] .swal2-popup .swal2-title, body[data-theme=dark] .swal2-popup .swal2-content, body[data-theme=dark] .table .thead-light th, body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable, body[data-theme=dark] .lobilists .btn-link, body[data-theme=dark] .mce-menubar .mce-menubtn button span, body[data-theme=dark] .mce-ico, body[data-theme=dark] .noUi-tooltip, body[data-theme=dark] .picker, body[data-theme=dark] .dtp table.dtp-picker-days tr > td > a, body[data-theme=dark] .dtp .dtp-picker-time > a, body[data-theme=dark] .cke_reset_all, body[data-theme=dark] .cke_reset_all *, body[data-theme=dark] .cke_reset_all a, body[data-theme=dark] .cke_reset_all textarea {  color: #b2b9bf; }body[data-theme=dark] .lobilists .lobilist-item-title {  color: #fff; }body[data-theme="dark"] .table th,body[data-theme="dark"] .table td,body[data-theme="dark"] .table-with-spacing tbody tr,body[data-theme="dark"] .modal .modal-footer,body[data-theme="dark"] .collection,body[data-theme="dark"] .collection .collection-item,body[data-theme="dark"] .collection.with-header .collection-header,body[data-theme="dark"] .collapsible-dark.collapsible,body[data-theme="dark"] .collapsible-dark .collapsible-header,body[data-theme="dark"] .collapsible-dark .collapsible-body,body[data-theme="dark"] blockquote,body[data-theme="dark"] select,body[data-theme="dark"] input,body[data-theme="dark"] textarea,body[data-theme="dark"] pre[class*="language-"],body[data-theme="dark"] .support-select .select-wrapper input,body[data-theme="dark"] .select-wrapper input.select-dropdown,body[data-theme="dark"] .email-body .collapsible-header,body[data-theme="dark"] .email-body .collapsible-body,body[data-theme="dark"] .left-part,body[data-theme="dark"] .page-link,body[data-theme="dark"] .profiletimeline,body[data-theme="dark"] .note-editor.note-frame,body[data-theme="dark"] .dropzone,body[data-theme="dark"] .note-editor.note-frame .note-statusbar,body[data-theme="dark"] .mailbox .message-center .message-item,body[data-theme="dark"] .lobilists .lobilist,body[data-theme="dark"] .lobilists .lobilist-item,body[data-theme="dark"] .lobilists .lobilist-item .drag-handler,body[data-theme="dark"] .lobilists .lobilist-footer,body[data-theme="dark"] .lobilists .lobilist-form-footer,body[data-theme="dark"] .r-separator .form-group,body[data-theme="dark"] .footable .pagination li.disabled a,body[data-theme="dark"] .footable .pagination li a,body[data-theme="dark"] .ql-toolbar.ql-snow,body[data-theme="dark"] .ql-container.ql-snow,body[data-theme="dark"] .jsgrid-edit-row > .jsgrid-cell,body[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell,body[data-theme="dark"] .jsgrid-grid-body,body[data-theme="dark"] .jsgrid-grid-header,body[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell,body[data-theme="dark"] .jsgrid-insert-row > .jsgrid-cell,body[data-theme="dark"] .jsgrid-pager-page a,body[data-theme="dark"] .jsgrid-pager-current-page,body[data-theme="dark"] .jsgrid-pager-nav-button a,body[data-theme="dark"] .timeline > .timeline-item > .timeline-panel,body[data-theme="dark"] .cd-horizontal-timeline .events a::after,body[data-theme="dark"] .cd-timeline-navigation a,body[data-theme="dark"] .e-campaign .c-cost,body[data-theme="dark"] .table-bordered,body[data-theme="dark"] .table-bordered td,body[data-theme="dark"] .table-bordered th,body[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button,body[data-theme="dark"] .mce-panel,body[data-theme="dark"] .mce-menubar,body[data-theme="dark"] .mce-btn-group:not(:first-child),body[data-theme="dark"] .mce-btn:hover,body[data-theme="dark"] .mce-btn:active,body[data-theme="dark"] .mce-splitbtn:hover .mce-open,body[data-theme="dark"] .noUi-tooltip,body[data-theme="dark"] .picker__list-item,body[data-theme="dark"] .picker__button--today,body[data-theme="dark"] .picker__button--clear,body[data-theme="dark"] .picker__button--close, body[data-theme="dark"] s .cke_chrome,body[data-theme="dark"] .cke_toolgroup a.cke_button:last-child:after,body[data-theme="dark"] .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after,body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps .step {  border-color: #4F5467 !important; }body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current .step {  border-color: #2962FF !important; }body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current > a {  color: #fff; }body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current:after,body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after,body[data-theme="dark"] .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {  background-color: #4F5467; }body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current:after,body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current:before,body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current ~ li:after,body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li.current ~ li:before,body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li:after,body[data-theme="dark"] .wizard-content .wizard.vertical > .steps > ul > li:before {  background-color: transparent; }body[data-theme=dark] .was-validated .form-control:valid, body[data-theme=dark] .form-control.is-valid, body[data-theme=dark] .was-validated .custom-select:valid, body[data-theme=dark] .custom-select.is-valid {  border-color: #2dce89 !important; }body[data-theme=dark] .was-validated .form-control:invalid, body[data-theme=dark] .form-control.is-invalid, body[data-theme=dark] .was-validated .custom-select:invalid, body[data-theme=dark] .custom-select.is-invalid {  border-color: #f5365c !important; }body[data-theme=dark] .ct-label {  fill: #b2b9bf;  color: #b2b9bf; }body[data-theme=dark] .ct-grid {  stroke: #262d35; }body[data-theme=dark] .c3 line, body[data-theme=dark] .c3 path {  stroke: #4F5467; }body[data-theme=dark] .c3 text {  fill: #b2b9bf; }body[data-theme=dark] .info-gradient {  /* fallback/image non-cover color */  background-color: #7f9bff;  /* Firefox 3.6+ */  background-image: -o-linear-gradient(left, #7f9bff 0%, #2ddeff 100%);  /* Safari 4+, Chrome 1+ */  /* Safari 5.1+, Chrome 10+ */  /* Opera 11.10+ */  /* IE10+ */  /* Standard */  }body[data-theme=dark] .warning-gradient {  /* fallback/image non-cover color */  background-color: #fe8c81;  /* Firefox 3.6+ */  background-image: -o-linear-gradient(left, #fe8c81 0%, #fbd323 100%);  /* Safari 4+, Chrome 1+ */  /* Safari 5.1+, Chrome 10+ */  /* Opera 11.10+ */  /* IE10+ */  /* Standard */  }body[data-theme=dark] .danger-gradient {  /* fallback/image non-cover color */  background-color: #a77ffc;  /* Firefox 3.6+ */  background-image: -o-linear-gradient(left, #a77ffc 0%, #ff6eac 100%);  /* Safari 4+, Chrome 1+ */  /* Safari 5.1+, Chrome 10+ */  /* Opera 11.10+ */  /* IE10+ */  /* Standard */  }body[data-theme=dark] .success-gradient {  /* fallback/image non-cover color */  background-color: #11d7e4;  /* Firefox 3.6+ */  background-image: -o-linear-gradient(left, #11d7e4 0%, #48eaa1 100%);  /* Safari 4+, Chrome 1+ */  /* Safari 5.1+, Chrome 10+ */  /* Opera 11.10+ */  /* IE10+ */  /* Standard */  }body[data-theme=dark] .primary-gradient {  /* fallback/image non-cover color */  background-color: #7559ce;  /* Firefox 3.6+ */  background-image: -o-linear-gradient(left, #7559ce 0%, #678fe9 100%);  /* Safari 4+, Chrome 1+ */  /* Safari 5.1+, Chrome 10+ */  /* Opera 11.10+ */  /* IE10+ */  /* Standard */  }
.active-visitors {background: url(../../assets/images/cards/active-bg.jpg) no-repeat center top; }
/*******************/
/*Chat widget*/
/*******************/
.chat-box {overflow: auto; }
.chat-list {margin: 0px;padding: 0px; }.chat-list li {  list-style: none;  margin-top: 30px; }  .chat-list li .chat-img {    display: inline-block;    width: 45px;    vertical-align: top; }    .chat-list li .chat-img img {      width: 45px;      border-radius: 100%; }  .chat-list li .chat-content {    width: calc(100% - 50px);    display: inline-block;    padding-left: 15px; }    .chat-list li .chat-content .box {      display: inline-block;      padding: 10px;      margin-bottom: 3px;      color: #343a40;      background: #f8f9fa; }  .chat-list li .chat-time {    display: block;    font-size: 10px;    color: #4F5467;    margin: 5px 0 15px 65px; }  .chat-list li.odd .chat-content {    text-align: right;    width: calc(100% - 0px); }  .chat-list li.odd .chat-time {    text-align: right; }  .chat-list li.odd .box {    clear: both;    color: #fff;    background: #2962FF; }  .chat-list li.odd + .odd {    margin-top: 0px; }  .chat-list li.reverse {    text-align: right; }    .chat-list li.reverse .chat-time {      text-align: left; }    .chat-list li.reverse .chat-content {      padding-left: 0px;      padding-right: 15px; }
/*******************/
/*Chat widget*/
/*******************/
/*******************/
/*Comment widgets*/
/*******************/
.comment-widgets {position: relative;margin-bottom: 10px; }.comment-widgets .comment-row {  border-bottom: 1px solid transparent;  padding: 14px;  display: flex;  margin: 10px 0; }  .comment-widgets .comment-row:last-child {    border-bottom: 0px; }
.comment-text {padding-left: 15px;width: 100%; }.comment-text:hover .comment-footer .action-icons,.comment-text.active .comment-footer .action-icons {  visibility: visible; }.comment-text p {  max-height: 65px;  width: 100%;  overflow: hidden; }
.comment-footer .action-icons {visibility: hidden; }.comment-footer .action-icons a {  padding-left: 7px;  vertical-align: middle;  color: #adb5bd; }  .comment-footer .action-icons a:hover, .comment-footer .action-icons a.active {    color: #288fee; }
/*******************/
/*Steam line widget*/
/*******************/
.steamline {position: relative;border-left: 1px solid rgba(120, 130, 140, 0.13);margin-left: 20px; }.steamline .sl-left {  float: left;  margin-left: -20px;  z-index: 1;  width: 40px;  line-height: 40px;  text-align: center;  height: 40px;  border-radius: 100%;  color: #fff;  margin-right: 15px; }  .steamline .sl-left img {    max-width: 40px; }
.steamline .sl-right {padding-left: 50px; }.steamline .sl-right .desc,.steamline .sl-right .inline-photos {  margin-bottom: 21px; }
.steamline .sl-item {border-bottom: 1px solid rgba(120, 130, 140, 0.13);margin: 20px 0; }.steamline .sl-item:last-child {  border-bottom: none; }
.sl-date {font-size: 10px;color: #adb5bd; }
.time-item {border-color: rgba(120, 130, 140, 0.13);padding-bottom: 1px;position: relative; }.time-item:before {  content: " ";  display: table; }.time-item:after {  background-color: #fff;  border-color: rgba(120, 130, 140, 0.13);  border-radius: 10px;  border-style: solid;  border-width: 2px;  bottom: 0;  content: '';  height: 14px;  left: 0;  margin-left: -8px;  position: absolute;  top: 5px;  width: 14px; }
.time-item-item:after {content: " ";display: table; }
.item-info {margin-bottom: 15px;margin-left: 15px; }.item-info p {  margin-bottom: 10px !important; }
/*******************/
/*social-profile-first*/
/*******************/
.social-profile-first {text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;margin-bottom: 96px; }.social-profile-first.bg-over {  background: rgba(56, 83, 161, 0.7); }.social-profile-first .middle {  vertical-align: middle; }
/*******************/
/*profile timeline widget*/
/*******************/
.profiletimeline {position: relative;padding-left: 40px;margin-right: 10px;border-left: 1px solid rgba(120, 130, 140, 0.13);margin-left: 30px; }.profiletimeline .sl-left {  float: left;  margin-left: -60px;  z-index: 1;  margin-right: 15px; }  .profiletimeline .sl-left img {    max-width: 40px; }.profiletimeline .sl-right div a:first-child {  color: #414755;  font-weight: 700; }  .profiletimeline .sl-right div a:first-child:hover {    color: #2962FF; }
.profiletimeline .sl-item {margin-top: 8px;margin-bottom: 30px; }
.profiletimeline .sl-date {font-size: 12px;color: #6c757d; }
.profiletimeline .time-item {border-color: rgba(120, 130, 140, 0.13);padding-bottom: 1px;position: relative; }.profiletimeline .time-item:before {  content: " ";  display: table; }.profiletimeline .time-item:after {  background-color: #fff;  border-color: rgba(120, 130, 140, 0.13);  border-radius: 10px;  border-style: solid;  border-width: 2px;  bottom: 0;  content: '';  height: 14px;  left: 0;  margin-left: -8px;  position: absolute;  top: 5px;  width: 14px; }
.profiletimeline .time-item-item:after {content: " ";display: table; }
.profiletimeline .item-info {margin-bottom: 15px;margin-left: 15px; }.profiletimeline .item-info p {  margin-bottom: 10px !important; }
/*little-profile*/
.little-profile .pro-img {margin-bottom: 20px; }.little-profile .pro-img img {  width: 128px;  height: 128px;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  border-radius: 100%; }
.little-profile .soc-pro a {color: #6c757d; }.little-profile .soc-pro a:hover {  color: #343a40; }
.social-widget .search-form {position: relative; }.social-widget .search-form .search-input {  border: 0;  height: 45px;  width: 100%;  padding: 10px 20px;  color: #0F52BA; }.social-widget .search-form .search-btn {  position: absolute;  top: 0;  right: 0;  height: 45px;  line-height: 45px;  background: #e9edf2;  color: #0F52BA; }
.social-widget .user-img {border-radius: 5px; }
.social-widget .twitter-btn,
.social-widget .fb-btn {font-weight: bold;font-size: 15px;padding: 0 15px;border-radius: 4px; }.social-widget .twitter-btn i,.social-widget .fb-btn i {  font-size: 15px; }
@media (max-width: 767px) {.product-widget .product {  text-align: center; }  .product-widget .product .product-detail,  .product-widget .product .product-action {    margin-top: 20px; } }
.feeds {margin: 0px;padding: 0px; }.feeds .feed {  list-style: none;  padding: 12px 24px;  display: block; }  .feeds .feed:hover {    background: #f8f9fa; }  .feeds .feed > div {    width: 40px;    height: 40px;    margin-right: 5px;    display: inline-block;    text-align: center;    vertical-align: middle;    border-radius: 100%;    color: #fff; }    .feeds .feed > div i {      line-height: 40px; }  .feeds .feed span {    float: right;    width: auto;    font-size: 12px; }
.todo-list .todo-item {border: 0px;margin-bottom: 0px;padding: 20px 15px 15px 0px; }.todo-list .todo-item .custom-checkbox {  width: 100%; }  .todo-list .todo-item .custom-checkbox .todo-label {    font-weight: 400;    width: 100%; }    .todo-list .todo-item .custom-checkbox .todo-label .todo-desc:first-child {      width: 70%;      display: inline-block;      line-height: 25px; }.todo-list .todo-item:last-child {  border-bottom: 0px; }.todo-list .todo-item .assignedto {  padding: 0px 0 0 30px;  margin: 0px; }  .todo-list .todo-item .assignedto .assignee {    list-style: none;    padding: 0px;    display: inline-block;    border: 0px;    margin-right: 2px; }    .todo-list .todo-item .assignedto .assignee .assignee-img {      width: 30px;      border-radius: 100%; }.todo-list .todo-item .item-date {  padding-left: 30px;  font-size: 12px;  margin-top: 5px;  display: inline-block; }
.list-task .task-done {text-decoration: line-through; }
.message-box ul li .drop-title {font-weight: 500;padding: 11px 20px 15px;border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
.message-box ul li .nav-link {border-top: 1px solid rgba(120, 130, 140, 0.13);padding-top: 15px; }
.message-box .message-widget {position: relative; }.message-box .message-widget a {  border-bottom: 1px solid rgba(120, 130, 140, 0.13);  display: block;  text-decoration: none;  padding: 12px 15px; }  .message-box .message-widget a:hover {    background: #e9ecef; }  .message-box .message-widget a:last-child {    border-bottom: 0px; }  .message-box .message-widget a div {    white-space: normal; }  .message-box .message-widget a .user-img {    width: 45px;    position: relative;    display: inline-block;    margin: 0 10px 15px 0;    vertical-align: middle; }    .message-box .message-widget a .user-img img {      width: 100%; }    .message-box .message-widget a .user-img .profile-status {      border: 2px solid #fff;      border-radius: 50%;      display: inline-block;      height: 10px;      left: 33px;      position: absolute;      top: -1px;      width: 10px; }    .message-box .message-widget a .user-img .online {      background: #2dce89; }    .message-box .message-widget a .user-img .busy {      background: #f5365c; }    .message-box .message-widget a .user-img .away {      background: #fb6340; }    .message-box .message-widget a .user-img .offline {      background: #fb6340; }  .message-box .message-widget a .mail-contnet {    display: inline-block;    width: 70%;    vertical-align: middle; }    .message-box .message-widget a .mail-contnet h5 {      margin-bottom: 0;      font-size: 16px; }    .message-box .message-widget a .mail-contnet .mail-desc,    .message-box .message-widget a .mail-contnet .time {      display: block;      margin: 1px 0;      text-overflow: ellipsis;      overflow: hidden;      color: #6c757d;      white-space: nowrap; }    .message-box .message-widget a .mail-contnet .time {      font-size: 12px; }
/*
Template Name: Admin Template
Author: Niravjoshi / Wrappixel
File: scss
*/
#main-wrapper[data-layout=horizontal] {/****************************  This is for the fixed header layout  ***************************//****************************  This is for the fixed sidebar layout  ***************************/ }#main-wrapper[data-layout=horizontal][data-header-position=fixed] .topbar {  position: fixed;  width: 100%; }#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .topbar {  position: fixed;  width: 100%; }#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar {  position: fixed; }#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {  padding-top: 64px; }#main-wrapper[data-layout=horizontal] .container-fluid {  padding: 0; }#main-wrapper[data-layout=horizontal] .page-titles {  background: transparent;  box-shadow: none;  padding: 30px 10px 20px; }#main-wrapper[data-layout=horizontal] #slide-out .slide-wrap > .collapsible > li > a.has-arrow:after {  display: none; }
/****************************
This is for the horizontal layout
***************************/
@media (min-width: 768px) {#main-wrapper[data-layout=horizontal] {  background: #eef5f9;  /****************************      This is for the Boxed horizontal layout      ***************************/  /****************************      This is for the horizontal layout      ***************************/ }  #main-wrapper[data-layout=horizontal] .topbar {    transition: 0s;    z-index: 55; }    #main-wrapper[data-layout=horizontal] .topbar nav {      padding-right: 0; }      #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper > ul.left {        margin-left: 200px; }  #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar, #main-wrapper[data-layout=horizontal][data-header-position=fixed] .left-sidebar {    padding-top: 64px; }  #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .nav-wrapper, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .side-wrap, #main-wrapper[data-layout=horizontal][data-boxed-layout=boxed] .page-wrapper {    max-width: 1200px;    margin: 0 auto;    position: relative; }  #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidenav:not(.right-sidenav) {    flex-wrap: wrap; }    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidenav:not(.right-sidenav) > li > .has-arrow:after {      display: block; }    #main-wrapper[data-layout="horizontal"][data-boxed-layout="boxed"] .sidenav:not(.right-sidenav) li {      flex: 1 1 0; }  #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .page-wrapper {    padding-top: 128px; }  #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo {    width: 200px;    border-right: 1px solid rgba(0, 0, 0, 0.1); }    #main-wrapper[data-layout=horizontal] .topbar nav .nav-wrapper .brand-logo:after {      background: transparent; }  #main-wrapper[data-layout=horizontal] .topbar .nav-toggle, #main-wrapper[data-layout=horizontal] .topbar .sidebar-toggle {    display: none; }  #main-wrapper[data-layout=horizontal] .left-sidebar {    width: 100%;    height: auto;    position: relative;    padding-top: 0px;    z-index: 45;    top: 0;    transition: 0s; }  #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) {    width: 100%;    overflow-y: inherit;    padding: 0; }    #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible {      display: flex;      width: 100%; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible li {        position: relative;        width: auto; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible li a {          margin: 0; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li {        border-right: 1px solid rgba(0, 0, 0, 0.1);        padding: 10px; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li > .has-arrow:after {          transform: rotate(-135deg) translate(0, -50%); }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:last-child > .collapsible-body:not(.second-level) {          right: 0px;          left: auto; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li > .two-column + .collapsible-body {          width: 400px; }          #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li > .two-column + .collapsible-body > ul > li {            float: left;            width: 50%;            vertical-align: top; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:last-child {          border-right: none; }          #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:last-child .collapsible .collapsible-body.second-level {            right: 220px;            top: 0px;            left: auto; }            #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:last-child .collapsible .collapsible-body.second-level + .has-arrow {              display: block; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li .collapsible-body {        position: absolute;        left: 0px;        top: auto;        width: 220px;        padding-bottom: 0px;        z-index: 100;        display: none !important;        box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1); }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > .mega-dropdown {        position: static; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > .mega-dropdown .collapsible-body {          width: 100%; }          #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > .mega-dropdown .collapsible-body > ul > li {            width: 25%;            float: left; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:hover {        background: rgba(0, 0, 0, 0.025); }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:hover > .collapsible-body {        display: block !important; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li:hover > .collapsible-body:after {          position: absolute;          content: "";          background: rgba(0, 0, 0, 0.025);          top: 0;          height: 100%;          width: 100%;          left: 0;          z-index: -1; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible li.multiple .collapsible {        display: block; }        #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible li.multiple .collapsible > li {          padding: 0; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible > li .second-level {        left: 220px;        top: 0px; }      #main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) .collapsible .small-cap {        display: none; } }
@media (min-width: 768px) and (max-width: 1023px) {#main-wrapper[data-layout="horizontal"] .left-sidebar .sidenav:not(.right-sidenav) ul li a > i.material-icons {  display: none; }#main-wrapper[data-layout="horizontal"] .sidenav:not(.right-sidenav) > li {  flex: auto; }/****************************  This is for the fixed sidebar layout  ***************************/[data-sidebar-position=fixed] .left-sidebar {  overflow: auto; } }
/*Boxed layout width*/
/**
 * Table Of Content
 *
 * 	1. Colors
 *	2. Typography
 *	3. Forms
 *	4. Tabs
 */
/*******************
 Gradiant mixin
*******************/
/* perfect-scrollbar v0.7.1 */
.ps {-ms-touch-action: auto;touch-action: auto;overflow: hidden !important;-ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {.ps {  overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.ps {  overflow: auto !important; } }
.ps.ps--active-x > .ps__scrollbar-x-rail,
.ps.ps--active-y > .ps__scrollbar-y-rail {display: block;background-color: transparent; }
.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {background-color: #eee;opacity: 0.9; }
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {background-color: transparent;width: 8px; }
.ps > .ps__scrollbar-x-rail {display: none;position: absolute;/* please don't change 'position' */opacity: 0;bottom: 0px;/* there must be 'bottom' for ps__scrollbar-x-rail */height: 6px; }
.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {position: absolute;/* please don't change 'position' */background-color: rgba(255, 255, 255, 0.2);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;bottom: 2px;/* there must be 'bottom' for ps__scrollbar-x */height: 6px; }
.ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x {height: 6px; }
.ps > .ps__scrollbar-y-rail {display: none;position: absolute;/* please don't change 'position' */opacity: 0;right: 0;/* there must be 'right' for ps__scrollbar-y-rail */width: 6px; }
.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {position: absolute;/* please don't change 'position' */background-color: rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;right: 2px;/* there must be 'right' for ps__scrollbar-y */width: 6px; }
.ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y {width: 6px; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {background-color: rgba(0, 0, 0, 0.2);opacity: 0.9; }
.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {background-color: rgba(0, 0, 0, 0.2);height: 6px; }
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {background-color: rgba(0, 0, 0, 0.2);width: 6px; }
.ps:hover > .ps__scrollbar-x-rail,
.ps:hover > .ps__scrollbar-y-rail {opacity: 0.6; }
.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {background-color: rgba(0, 0, 0, 0.2); }
.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {background-color: rgba(0, 0, 0, 0.2); }
#scroll3.ps .ps__scrollbar-y-rail {left: 3px;right: auto; }
#scroll4.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {background-color: #288fee; }
#scroll4.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {background-color: #288fee; }
#scroll4.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {background-color: #288fee; }
/*============================================================== 
 Scafholding
 ============================================================== */
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav,
nav,
.card-panel,
.card,
.toast, .btn, .btn-large, .btn-small,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,
.sidenav,
.page-titles,
.app-search {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.01), 0 3px 1px -2px rgba(0, 0, 0, 0.02), 0 1px 5px 0 rgba(0, 0, 0, 0.02); }
.card .card-content .card-title {line-height: 24px;margin-bottom: 10px;margin-top: 0px; }
.card .card-content .card-subtitle {margin-bottom: 15px;margin-top: -5px;font-size: 15px;font-weight: 300;color: #0F52BA; }
.card .card-content p {margin-bottom: 10px; }
.card .card-title {font-weight: 700;font-size: 18px; }
.card .card-action {background-color: #fff; }
.card.x-small {min-height: 200px;position: relative; }
.card-hover {-webkit-transition: all .25s ease;-o-transition: all .25s ease;-moz-transition: all .25s ease;transition: all .25s ease; }.card-hover:hover {  webkit-transform: translateY(-4px) scale(1.01);  -moz-transform: translateY(-4px) scale(1.01);  -ms-transform: translateY(-4px) scale(1.01);  -o-transform: translateY(-4px) scale(1.01);  transform: translateY(-4px) scale(1.01);  -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);  box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1); }
code {font-size: 87.5%;color: #e83e8c;word-break: break-word; }
hr {margin: 1rem 0;border: 0;border-top: 1px solid rgba(120, 130, 140, 0.13); }
.radius {border-radius: 3px; }
.dl {display: inline-block; }
.db {display: block; }
.vm {vertical-align: middle; }
/*******************
Opacity
*******************/
.op-5 {opacity: 0.5; }
.op-7 {opacity: 0.7; }
.op-3 {opacity: 0.3; }
/*******************
Background colors
*******************/
html body .bg-info {background-color: #288fee; }
html body .bg-success {background-color: #2dce89; }
html body .bg-inverse {background-color: #414755; }
html body .bg-danger {background-color: #f5365c; }
html body .bg-warning {background-color: #fb6340; }
html body .bg-light {background-color: #e9edf2; }
html body .bg-primary {background-color: #5e72e4; }
html body .bg-white {background-color: #fff; }
/*******************
font weight
*******************/
html body .font-bold {font-weight: 800; }
html body .font-medium {font-weight: 700; }
html body .font-light {font-weight: 300; }
html body .font-16 {font-size: 16px; }
html body .font-12 {font-size: 12px; }
html body .font-14 {font-size: 14px; }
html body .font-10 {font-size: 10px; }
html body .font-18 {font-size: 18px; }
html body .font-20 {font-size: 20px; }
html body .display-3 {font-size: 4rem; }
html body .display-4 {font-size: 3.5rem; }
html body .display-5 {font-size: 3rem; }
html body .display-6 {font-size: 2.5rem; }
html body .display-7 {font-size: 2rem; }
html body .display-8 {font-size: 1.5rem; }
/*******************
Padding margin property 
*******************/
html body .m-t-5 {margin-top: 5px !important; }
html body .m-b-5 {margin-bottom: 5px !important; }
html body .m-r-5 {margin-right: 5px !important; }
html body .m-l-5 {margin-left: 5px !important; }
html body .p-t-5 {padding-top: 5px !important; }
html body .p-b-5 {padding-bottom: 5px !important; }
html body .p-r-5 {padding-right: 5px !important; }
html body .p-l-5 {padding-left: 5px !important; }
html body .p-5 {padding: 5px !important; }
html body .m-5 {margin: 5px !important; }
html body .m-t-10 {margin-top: 10px !important; }
html body .m-b-10 {margin-bottom: 10px !important; }
html body .m-r-10 {margin-right: 10px !important; }
html body .m-l-10 {margin-left: 10px !important; }
html body .p-t-10 {padding-top: 10px !important; }
html body .p-b-10 {padding-bottom: 10px !important; }
html body .p-r-10 {padding-right: 10px !important; }
html body .p-l-10 {padding-left: 10px !important; }
html body .p-10 {padding: 10px !important; }
html body .m-10 {margin: 10px !important; }
html body .m-t-15 {margin-top: 15px !important; }
html body .m-b-15 {margin-bottom: 15px !important; }
html body .m-r-15 {margin-right: 15px !important; }
html body .m-l-15 {margin-left: 15px !important; }
html body .p-t-15 {padding-top: 15px !important; }
html body .p-b-15 {padding-bottom: 15px !important; }
html body .p-r-15 {padding-right: 15px !important; }
html body .p-l-15 {padding-left: 15px !important; }
html body .p-15 {padding: 15px !important; }
html body .m-15 {margin: 15px !important; }
html body .m-t-20 {margin-top: 20px !important; }
html body .m-b-20 {margin-bottom: 20px !important; }
html body .m-r-20 {margin-right: 20px !important; }
html body .m-l-20 {margin-left: 20px !important; }
html body .p-t-20 {padding-top: 20px !important; }
html body .p-b-20 {padding-bottom: 20px !important; }
html body .p-r-20 {padding-right: 20px !important; }
html body .p-l-20 {padding-left: 20px !important; }
html body .p-20 {padding: 20px !important; }
html body .m-20 {margin: 20px !important; }
html body .m-t-25 {margin-top: 25px !important; }
html body .m-b-25 {margin-bottom: 25px !important; }
html body .m-r-25 {margin-right: 25px !important; }
html body .m-l-25 {margin-left: 25px !important; }
html body .p-t-25 {padding-top: 25px !important; }
html body .p-b-25 {padding-bottom: 25px !important; }
html body .p-r-25 {padding-right: 25px !important; }
html body .p-l-25 {padding-left: 25px !important; }
html body .p-25 {padding: 25px !important; }
html body .m-25 {margin: 25px !important; }
html body .m-t-30 {margin-top: 30px !important; }
html body .m-b-30 {margin-bottom: 30px !important; }
html body .m-r-30 {margin-right: 30px !important; }
html body .m-l-30 {margin-left: 30px !important; }
html body .p-t-30 {padding-top: 30px !important; }
html body .p-b-30 {padding-bottom: 30px !important; }
html body .p-r-30 {padding-right: 30px !important; }
html body .p-l-30 {padding-left: 30px !important; }
html body .p-30 {padding: 30px !important; }
html body .m-30 {margin: 30px !important; }
html body .m-t-40 {margin-top: 40px !important; }
html body .m-b-40 {margin-bottom: 40px !important; }
html body .m-r-40 {margin-right: 40px !important; }
html body .m-l-40 {margin-left: 40px !important; }
html body .p-t-40 {padding-top: 40px !important; }
html body .p-b-40 {padding-bottom: 40px !important; }
html body .p-r-40 {padding-right: 40px !important; }
html body .p-l-40 {padding-left: 40px !important; }
html body .p-40 {padding: 40px !important; }
html body .m-40 {margin: 40px !important; }
/** * Zero */
html body .m-0-0 {margin: 0 !important; }
html body .m-t-0 {margin-top: 0 !important; }
html body .m-r-0 {margin-right: 0 !important; }
html body .m-b-0 {margin-bottom: 0 !important; }
html body .m-l-0 {margin-left: 0 !important; }
html body .p-0-0 {padding: 0 !important; }
html body .p-t-0 {padding-top: 0 !important; }
html body .p-r-0 {padding-right: 0 !important; }
html body .p-b-0 {padding-bottom: 0 !important; }
html body .p-l-0 {padding-left: 0 !important; }
/*******************
Flex property 
*******************/
.d-flex {display: flex; }
.align-items-center {align-items: center; }
.align-self-end {align-self: flex-end; }
.justify-content-center {justify-content: center; }
.justify-content-end {justify-content: flex-end; }
.justify-content-start {justify-content: flex-start; }
/*******************
Custom breadcrumb
*******************/
.page-titles {padding: 30px 30px 0 30px;box-shadow: none; }.page-titles .custom-breadcrumb {  background: transparent;  box-shadow: none;  height: 20px;  line-height: 20px; }  .page-titles .custom-breadcrumb .breadcrumb {    color: #0F52BA;    font-size: 12px; }    .page-titles .custom-breadcrumb .breadcrumb:before {      color: #0F52BA;      font-size: 16px; }
/*******************
margin ml- and mr auto
*******************/
html .ml-auto,
body .ml-auto {margin-left: auto; }
html .mr-auto,
body .mr-auto {margin-right: auto; }
/*******************
borders
*******************/
html .b-t,
body .b-t {border-top: 1px solid rgba(120, 130, 140, 0.13); }
html .b-l,
body .b-l {border-left: 1px solid rgba(120, 130, 140, 0.13); }
html .b-r,
body .b-r {border-right: 1px solid rgba(120, 130, 140, 0.13); }
html .b-b,
body .b-b {border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
html .b-0,
body .b-0 {border: 0px solid rgba(120, 130, 140, 0.13); }
html .b-all,
body .b-all {border: 1px solid rgba(120, 130, 140, 0.13); }
/*******************
Labels
*******************/
.label {padding: 3px 10px;line-height: 13px;color: #fff;font-weight: 400;border-radius: 3px;font-size: 75%; }
.label-rounded {border-radius: 60px; }
.label-success {background-color: #2dce89; }
.label-info {background-color: #288fee; }
.label-warning {background-color: #fb6340; }
.label-danger {background-color: #f5365c; }
.label-primary {background-color: #5e72e4; }
.label-inverse {background-color: #343a40; }
.label-default {background-color: #f8f9fa; }
/*******************
Buttons
*******************/
.btn-round {border-radius: 60px; }
.w25 {width: 25%; }
.w50 {width: 50%; }
.w75 {width: 75%; }
.w100 {width: 100%; }
.secondary-btn {height: 30px;line-height: 25px;font-size: 12px;background: transparent;border: 1px solid rgba(120, 130, 140, 0.13);border-radius: 5px; }.secondary-btn:hover, .secondary-btn:focus {  background: #6c757d; }
.icon-container .icon-preview {height: 120px;text-align: center; }
.icon-container i {font-size: 3em;margin-bottom: 10px; }
.icon-container span {display: block; }
.dropdown-content {box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 3px 1px -2px rgba(0, 0, 0, 0.02), 0 1px 5px 0 rgba(0, 0, 0, 0.02); }.dropdown-content li > a > i {  margin-right: 10px; }
p.header {font-size: 1rem;font-weight: 500;text-transform: uppercase;color: #455a64; }
.waves-color-demo .collection-item {height: 37px;line-height: 37px;box-sizing: content-box; }
.waves-color-demo .btn:not(.waves-light), .waves-color-demo .btn-large:not(.waves-light), .waves-color-demo .btn-small:not(.waves-light),
.waves-color-demo .btn-large:not(.waves-light),
.waves-color-demo .btn-small:not(.waves-light) {background-color: #fff;color: #0F52BA; }
.dynamic-color .red, .dynamic-color .topbar nav .mailbox.dropdown-content .message-center a .user-img .busy, .topbar nav .mailbox.dropdown-content .message-center a .user-img .dynamic-color .busy, .dynamic-color .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .busy, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .dynamic-color .busy, .dynamic-color .chat-windows .user-chat .chat-head .busy, .chat-windows .user-chat .chat-head .dynamic-color .busy, .dynamic-color .label-red, .dynamic-color .chatbox .message-center a .user-img .busy, .chatbox .message-center a .user-img .dynamic-color .busy, .dynamic-color .jq-icon-error, .dynamic-color .pink, .dynamic-color .purple, .dynamic-color .label-purple, .dynamic-color .deep-purple, .dynamic-color .indigo, .dynamic-color .blue, .dynamic-color .topbar nav .nav-wrapper .brand-logo, .topbar nav .nav-wrapper .dynamic-color .brand-logo, .dynamic-color .left-sidebar .sidenav, .left-sidebar .dynamic-color .sidenav, .dynamic-color .right-sidebar .sidenav.right-sidenav .tabs .indicator, .right-sidebar .sidenav.right-sidenav .tabs .dynamic-color .indicator, .dynamic-color .jq-icon-info, .dynamic-color .light-blue, .dynamic-color .cyan, .dynamic-color .label-custom, .dynamic-color .label-megna, .dynamic-color .jq-icon-success, .dynamic-color .teal, .dynamic-color .green, .dynamic-color .topbar nav .mailbox.dropdown-content .message-center a .user-img .online, .topbar nav .mailbox.dropdown-content .message-center a .user-img .dynamic-color .online, .dynamic-color .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .online, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .dynamic-color .online, .dynamic-color .chat-windows .user-chat .chat-head .online, .chat-windows .user-chat .chat-head .dynamic-color .online, .dynamic-color .chatbox .message-center a .user-img .online, .chatbox .message-center a .user-img .dynamic-color .online, .dynamic-color .light-green, .dynamic-color .lime, .dynamic-color .yellow, .dynamic-color .topbar nav .mailbox.dropdown-content .message-center a .user-img .offline, .topbar nav .mailbox.dropdown-content .message-center a .user-img .dynamic-color .offline, .dynamic-color .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .offline, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .dynamic-color .offline, .dynamic-color .chat-windows .user-chat .chat-head .offline, .chat-windows .user-chat .chat-head .dynamic-color .offline, .dynamic-color .chatbox .message-center a .user-img .offline, .chatbox .message-center a .user-img .dynamic-color .offline, .dynamic-color .jq-icon-warning, .dynamic-color .amber, .dynamic-color .topbar nav .mailbox.dropdown-content .message-center a .user-img .away, .topbar nav .mailbox.dropdown-content .message-center a .user-img .dynamic-color .away, .dynamic-color .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .away, .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .user-img .dynamic-color .away, .dynamic-color .chat-windows .user-chat .chat-head .away, .chat-windows .user-chat .chat-head .dynamic-color .away, .dynamic-color .chatbox .message-center a .user-img .away, .chatbox .message-center a .user-img .dynamic-color .away, .dynamic-color .orange, .dynamic-color .deep-orange, .dynamic-color .brown, .dynamic-color .grey, .dynamic-color .blue-grey, .dynamic-color .black, .dynamic-color body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current .step, body[data-theme=dark] .wizard-content .wizard > .steps > ul > li.current .dynamic-color .step, .dynamic-color .white, .dynamic-color .right-sidebar .sidenav.right-sidenav, .right-sidebar .dynamic-color .sidenav.right-sidenav, .dynamic-color .transparent {height: 55px;width: 100%;padding: 0 15px;font-weight: 500;font-size: 12px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box; }
.dynamic-color .col {margin-bottom: 55px; }
.col.grid-example {border: 1px solid rgba(120, 130, 140, 0.13);margin: 7px 0;text-align: center;line-height: 50px;font-size: 28px;background-color: tomato;color: white;padding: 0; }
.col.grid-example span {font-weight: 100;line-height: 50px; }
#site-layout-example-left {background-color: #90a4ae;height: 300px; }
#site-layout-example-right {background-color: #26a69a;height: 300px; }
#site-layout-example-top {background-color: #E57373;height: 42px; }
.flat-text-header {height: 35px;width: 80%;background-color: rgba(255, 255, 255, 0.15);display: block;margin: 27px auto; }
.flat-text {height: 25px;width: 80%;background-color: rgba(0, 0, 0, 0.15);display: block;margin: 27px auto; }
.flat-text.small {width: 25%;height: 25px;background-color: rgba(0, 0, 0, 0.15); }
.flat-text.full-width {width: 100%; }
.browser-window {text-align: left;width: 100%;height: auto;display: inline-block;border-radius: 5px 5px 2px 2px;background-color: #fff;margin: 20px 0px;overflow: hidden; }
.browser-window .top-bar {height: 30px;border-radius: 5px 5px 0 0;border-top: thin solid #eaeae9;border-bottom: thin solid #dfdfde;background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e6), to(#E2E2E1));background: linear-gradient(#e7e7e6, #E2E2E1); }
.browser-window .circle {height: 10px;width: 10px;display: inline-block;border-radius: 50%;background-color: #fff;margin-right: 1px; }
#close-circle {background-color: #FF5C5A; }
#minimize-circle {background-color: #FFBB50; }
#maximize-circle {background-color: #1BC656; }
.browser-window .circles {margin: 5px 12px; }
.browser-window .content {margin: 0;width: 100%;display: inline-block;border-radius: 0 0 5px 5px;background-color: #fafafa; }
.browser-window .row {margin: 0; }
.valign-demo {height: 300px;background-color: #ddd; }
.talign-demo {height: 100px;background-color: #ddd; }
.shadow-demo {background-color: #26a69a;width: 100px;height: 100px;margin: 20px auto; }
.select-wrapper .caret {fill: #ced4da; }
.support-select {margin: 0px; }.support-select .select-wrapper input {  border-color: #ced4da;  height: 28px; }
.ct-charts {position: relative; }
.row {margin-bottom: 0px; }
.row-minus {margin-left: -0.75rem;margin-right: -0.75rem; }
.popover-icon a {margin-left: -15px;position: relative; }.popover-icon a:first-child, .popover-icon a:last-child {  margin-left: 0px; }.popover-icon a:hover {  z-index: 2; }
.no-table-border tr {border: 0px; }
.table-with-spacing tbody tr {border-top: 10px solid #eef5f9; }
.table-with-spacing td, .table-with-spacing th {padding: 12px; }
.table-responsive {overflow: auto; }.table-responsive table td {  white-space: nowrap; }
.collection2 {border: 0px; }.collection2 a.collection-item {  color: #0F52BA;  padding: 10px 0px; }  .collection2 a.collection-item:not(.active):hover {    background: #f8f9fa; }
.btn, .btn-large, .btn-small, .btn-large, .btn-small, .btn-flat {text-transform: capitalize; }
/*******************
Other comon scss for all pages
*******************/
.chatbox li .drop-title {font-weight: 700;padding: 11px 20px 15px;border-bottom: 1px solid rgba(120, 130, 140, 0.13); }
.chatbox li a {color: #0F52BA; }
.chatbox .message-center {position: relative; }.chatbox .message-center a {  border-bottom: 1px solid rgba(120, 130, 140, 0.13);  display: flex;  text-decoration: none;  padding: 9px 15px; }  .chatbox .message-center a .user-img {    width: 50px;    position: relative;    display: inline-block;    margin: 0 0px 15px 0; }    .chatbox .message-center a .user-img img {      width: 100%;      vertical-align: middle; }    .chatbox .message-center a .user-img .profile-status {      border: 2px solid #fff;      border-radius: 50%;      display: inline-block;      height: 10px;      left: 30px;      position: absolute;      top: 1px;      width: 10px; }  .chatbox .message-center a .mail-contnet {    width: 100%;    vertical-align: middle;    margin-left: 10px; }    .chatbox .message-center a .mail-contnet h5 {      margin: 5px 0px 0;      font-size: 16px;      color: #455a64; }    .chatbox .message-center a .mail-contnet .mail-desc,    .chatbox .message-center a .mail-contnet .time {      font-size: 12px;      display: block;      margin: 1px 0;      text-overflow: ellipsis;      overflow: hidden;      color: #0F52BA;      white-space: nowrap;      width: 80%; }  .chatbox .message-center a .btn-floating {    flex-shrink: 0; }
.calendar-events {padding: 8px 10px;border: 1px solid #fff;cursor: move; }.calendar-events:hover {  border: 1px dashed rgba(120, 130, 140, 0.13); }.calendar-events i {  margin-right: 8px; }
.profile-tab li a.nav-link,
.customtab li a.nav-link {border: 0px;padding: 15px 20px;color: #eef5f9; }.profile-tab li a.nav-link.active,.customtab li a.nav-link.active {  border-bottom: 2px solid #2962FF;  color: #2962FF; }.profile-tab li a.nav-link:hover,.customtab li a.nav-link:hover {  color: #2962FF; }
html body .jqstooltip,
html body .flotTip {width: auto !important;height: auto !important;background: #212529;color: #fff;padding: 5px 10px; }
body .jqstooltip {border-color: transparent;border-radius: 60px; }
/*******************
Notification page Jquery toaster
******************/
.jq-icon-info {color: #fff; }
.jq-icon-success {color: #fff; }
.jq-icon-error {color: #fff; }
.jq-icon-warning {color: #fff; }
/*******************
c3 chart global
******************/
.c3 text {fill-opacity: 0.5; }
.ct-area,
.ct-line {pointer-events: none; }
.c3-chart-arcs-title {fill: #6c757d; }
.c3 line,
.c3 path {stroke: #e9ecef; }
.c3-chart-arc path {stroke: transparent; }
.no-shrink {flex-shrink: 0; }
.up-img {background-size: cover;background-position: center center;min-height: 340px; }
/*******************
list-inline
******************/
ul.list-inline li {display: inline-block;margin: 0 5px; }
/*******************
icons path
*******************/
@font-face {  font-family: 'Papyrus';  src: url('fonts/papyrus-webfont.eot');  src: url('fonts/papyrus-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/papyrus-webfont.woff2') format('woff2'),       url('fonts/papyrus-webfont.woff') format('woff'),       url('fonts/papyrus-webfont.ttf') format('truetype'),       url('fonts/papyrus-webfont.svg#papyrusregular') format('svg');  font-weight: normal;  font-style: normal;
}
@font-face {  font-family: 'nunito_sansblack';  src: url('fonts/nunitosans-black-webfont.eot');  src: url('fonts/nunitosans-black-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-black-webfont.woff2') format('woff2'),       url('fonts/nunitosans-black-webfont.woff') format('woff'),       url('fonts/nunitosans-black-webfont.svg#nunito_sansblack') format('svg');  font-weight: normal;  font-style: normal;
}

@font-face {  font-family: 'nunito_sanssemibold';  src: url('fonts/nunitosans-semibold-webfont.eot');  src: url('fonts/nunitosans-semibold-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-semibold-webfont.woff2') format('woff2'),       url('fonts/nunitosans-semibold-webfont.woff') format('woff'),       url('fonts/nunitosans-semibold-webfont.svg#nunito_sanssemibold') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sanssemibold_italic';  src: url('fonts/nunitosans-semibolditalic-webfont.eot');  src: url('fonts/nunitosans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-semibolditalic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-semibolditalic-webfont.woff') format('woff'),       url('fonts/nunitosans-semibolditalic-webfont.svg#nunito_sanssemibold_italic') format('svg');  font-weight: normal;  font-style: normal;
}

@font-face {  font-family: 'nunito_sansblack_italic';  src: url('fonts/nunitosans-blackitalic-webfont.eot');  src: url('fonts/nunitosans-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-blackitalic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-blackitalic-webfont.woff') format('woff'),       url('fonts/nunitosans-blackitalic-webfont.svg#nunito_sansblack_italic') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansbold';  src: url('fonts/nunitosans-bold-webfont.eot');  src: url('fonts/nunitosans-bold-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-bold-webfont.woff2') format('woff2'),       url('fonts/nunitosans-bold-webfont.woff') format('woff'),       url('fonts/nunitosans-bold-webfont.svg#nunito_sansbold') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansbold_italic';  src: url('fonts/nunitosans-bolditalic-webfont.eot');  src: url('fonts/nunitosans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-bolditalic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-bolditalic-webfont.woff') format('woff'),       url('fonts/nunitosans-bolditalic-webfont.svg#nunito_sansbold_italic') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansextrabold';  src: url('fonts/nunitosans-extrabold-webfont.eot');  src: url('fonts/nunitosans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-extrabold-webfont.woff2') format('woff2'),       url('fonts/nunitosans-extrabold-webfont.woff') format('woff'),       url('fonts/nunitosans-extrabold-webfont.svg#nunito_sansextrabold') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansextrabold_italic';  src: url('fonts/nunitosans-extrabolditalic-webfont.eot');  src: url('fonts/nunitosans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-extrabolditalic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-extrabolditalic-webfont.woff') format('woff'),       url('fonts/nunitosans-extrabolditalic-webfont.svg#nunito_sansextrabold_italic') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansextralight';  src: url('fonts/nunitosans-extralight-webfont.eot');  src: url('fonts/nunitosans-extralight-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-extralight-webfont.woff2') format('woff2'),       url('fonts/nunitosans-extralight-webfont.woff') format('woff'),       url('fonts/nunitosans-extralight-webfont.svg#nunito_sansextralight') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansextralight_italic';  src: url('fonts/nunitosans-extralightitalic-webfont.eot');  src: url('fonts/nunitosans-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-extralightitalic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-extralightitalic-webfont.woff') format('woff'),       url('fonts/nunitosans-extralightitalic-webfont.svg#nunito_sansextralight_italic') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansitalic';  src: url('fonts/nunitosans-italic-webfont.eot');  src: url('fonts/nunitosans-italic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-italic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-italic-webfont.woff') format('woff'),       url('fonts/nunitosans-italic-webfont.svg#nunito_sansitalic') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sanslight';  src: url('fonts/nunitosans-light-webfont.eot');  src: url('fonts/nunitosans-light-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-light-webfont.woff2') format('woff2'),       url('fonts/nunitosans-light-webfont.woff') format('woff'),       url('fonts/nunitosans-light-webfont.svg#nunito_sanslight') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sanslight_italic';  src: url('fonts/nunitosans-lightitalic-webfont.eot');  src: url('fonts/nunitosans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-lightitalic-webfont.woff2') format('woff2'),       url('fonts/nunitosans-lightitalic-webfont.woff') format('woff'),       url('fonts/nunitosans-lightitalic-webfont.svg#nunito_sanslight_italic') format('svg');  font-weight: normal;  font-style: normal;
}


@font-face {  font-family: 'nunito_sansregular';  src: url('fonts/nunitosans-regular-webfont.eot');  src: url('fonts/nunitosans-regular-webfont.eot?#iefix') format('embedded-opentype'),       url('fonts/nunitosans-regular-webfont.woff2') format('woff2'),       url('fonts/nunitosans-regular-webfont.woff') format('woff'),       url('fonts/nunitosans-regular-webfont.svg#nunito_sansregular') format('svg');  font-weight: normal;  font-style: normal;
}
@font-face {font-family: 'icomoon';src: url("fonts/icomoon.ttf?-rdmvgc") format("truetype"); }
@font-face {font-family: 'simple-line-icons';src: url("fonts/Simple-Line-Icons.ttf?-i3a2kk") format("truetype"); }
@font-face {font-family: 'themify';src: url("fonts/themify.ttf") format("truetype"); }
@font-face {font-family: 'FontAwesome';src: url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"); }
@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;src: url("fonts/materialdesignicons-webfont.ttf") format("ttf"), url("fonts/materializeicons.woff2") format("woff2"); }
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: inherit;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; }
/*******************
Seach listing Page
******************/
.search-listing {padding: 0px;margin: 0px; }.search-listing li {  list-style: none;  padding: 15px 0;  border-bottom: 1px solid rgba(120, 130, 140, 0.13); }  .search-listing li h4 {    margin: 0px;    font-size: 18px; }    .search-listing li h4 a {      color: #288fee; }      .search-listing li h4 a:hover {        text-decoration: underline; }  .search-listing li a {    color: #2dce89; }
#scroll1,
#scroll2,
#scroll3,
#scroll4 {position: relative; }
/*******************
table class
******************/
.no-border tr {border: 0px; }
.mini-table td {padding: 8px 5px; }
/*******************
success error 
******************/
.success-alert-bar,
.error-alert-bar {border-radius: 5px;display: none; }
.stats-row {margin-bottom: 20px; }.stats-row .stat-item {  display: inline-block;  padding-right: 15px; }
.social-profile {text-align: center;background: rgba(7, 10, 43, 0.8); }
.card-img-overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 1.25rem; }.card-img-overlay .align-self-center {  align-self: center; }
.chartist-tooltip {position: absolute;display: inline-block;opacity: 0;border-radius: 3px;padding: 10px 20px;background: #288fee;color: #fff;ext-align: center;pointer-events: none;z-index: 1;-webkit-transition: opacity .2s linear;-moz-transition: opacity .2s linear;-o-transition: opacity .2s linear;transition: opacity .2s linear; }
.chartist-tooltip:before {content: "";position: absolute;top: 100%;left: 50%;width: 0;height: 0;margin-left: -5px;border: 5px solid transparent;border-top-color: #288fee; }
.chartist-tooltip.tooltip-show {opacity: 1; }
.vertical .clearfix {clear: none; }
/*******************
c3 charts
********************/
.c3-line {stroke-width: 2px; }
/*******************
 earning chart
*******************/
.product-earning .c3 line, .product-earning .c3 path {stroke: #e9ecef; }
.product-earning .c3-shape {stroke: #2962FF !important;stroke-width: 0px; }
/*******************
 revenue chart
*******************/
.c3-border .c3-chart-arc path {stroke: none !important; }
.gaugejs-box {position: relative;margin: 0 auto; }
.gaugejs-box canvas.gaugejs {width: 100% !important;height: auto !important; }
.flotTip {background-color: #fff !important;border-radius: 3px !important;border: 0 !important;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;padding: 7px 15px !important;font-size: 13px !important; }
.info-gradient {/* fallback/image non-cover color */background-color: #7f9bff;/* Firefox 3.6+ */background-image: -o-linear-gradient(left, #7f9bff 0%, #2ddeff 100%);/* Safari 4+, Chrome 1+ *//* Safari 5.1+, Chrome 10+ *//* Opera 11.10+ *//* IE10+ *//* Standard */}
.warning-gradient {/* fallback/image non-cover color */background-color: #fe8c81;/* Firefox 3.6+ */background-image: -o-linear-gradient(left, #fe8c81 0%, #fbd323 100%);/* Safari 4+, Chrome 1+ *//* Safari 5.1+, Chrome 10+ *//* Opera 11.10+ *//* IE10+ *//* Standard */}
.danger-gradient {/* fallback/image non-cover color */background-color: #a77ffc;/* Firefox 3.6+ */background-image: -o-linear-gradient(left, #a77ffc 0%, #ff6eac 100%);/* Safari 4+, Chrome 1+ *//* Safari 5.1+, Chrome 10+ *//* Opera 11.10+ *//* IE10+ *//* Standard */}
.success-gradient {/* fallback/image non-cover color */background-color: #11d7e4;/* Firefox 3.6+ */background-image: -o-linear-gradient(left, #11d7e4 0%, #48eaa1 100%);/* Safari 4+, Chrome 1+ *//* Safari 5.1+, Chrome 10+ *//* Opera 11.10+ *//* IE10+ *//* Standard */}
.primary-gradient {/* fallback/image non-cover color */background-color: #7559ce;/* Firefox 3.6+ */background-image: -o-linear-gradient(left, #7559ce 0%, #678fe9 100%);/* Safari 4+, Chrome 1+ *//* Safari 5.1+, Chrome 10+ *//* Opera 11.10+ *//* IE10+ *//* Standard */}
/*-- ============================================================== 
 Small Desktop & above all (1024px) 
 ============================================================== */
/*-- ============================================================== 
 Ipad & above all(768px) 
 ============================================================== */
/*-- ============================================================== 
 Phone and below ipad(767px) 
 ============================================================== */
@media (max-width: 767px) {[data-sidebartype=mini-sidebar] .topbar nav .nav-wrapper .flag-icon {  line-height: inherit; }[data-sidebartype=mini-sidebar] .topbar nav ul a {  padding-right: 8px;  padding-left: 8px; }[data-sidebartype=mini-sidebar] .sidenav {  top: 0px;  z-index: 1000; }.d-flex {  display: block; }.d-flex.no-block {  display: flex; } }
.rtl {/*******************
Padding margin property 
*******************//** * Zero *//* Vertical responsive layout */ }.rtl .m-t-5 {  margin-top: 5px; }.rtl .m-b-5 {  margin-bottom: 5px; }.rtl .m-r-5 {  margin-left: 5px; }.rtl .m-l-5 {  margin-right: 5px; }.rtl .p-t-5 {  padding-top: 5px; }.rtl .p-b-5 {  padding-bottom: 5px; }.rtl .p-r-5 {  padding-left: 5px; }.rtl .p-l-5 {  padding-right: 5px; }.rtl .p-5 {  padding: 5px; }.rtl .m-5 {  margin: 5px; }.rtl .m-t-10 {  margin-top: 10px; }.rtl .m-b-10 {  margin-bottom: 10px; }.rtl .m-r-10 {  margin-left: 10px; }.rtl .m-l-10 {  margin-right: 10px; }.rtl .p-t-10 {  padding-top: 10px; }.rtl .p-b-10 {  padding-bottom: 10px; }.rtl .p-r-10 {  padding-left: 10px; }.rtl .p-l-10 {  padding-right: 10px; }.rtl .p-10 {  padding: 10px; }.rtl .m-10 {  margin: 10px; }.rtl .m-t-15 {  margin-top: 15px; }.rtl .m-b-15 {  margin-bottom: 15px; }.rtl .m-r-15 {  margin-left: 15px; }.rtl .m-l-15 {  margin-right: 15px; }.rtl .p-t-15 {  padding-top: 15px; }.rtl .p-b-15 {  padding-bottom: 15px; }.rtl .p-r-15 {  padding-left: 15px; }.rtl .p-l-15 {  padding-right: 15px; }.rtl .p-15 {  padding: 15px; }.rtl .m-15 {  margin: 15px; }.rtl .m-t-20 {  margin-top: 20px; }.rtl .m-b-20 {  margin-bottom: 20px; }.rtl .m-r-20 {  margin-left: 20px; }.rtl .m-l-20 {  margin-right: 20px; }.rtl .p-t-20 {  padding-top: 20px; }.rtl .p-b-20 {  padding-bottom: 20px; }.rtl .p-r-20 {  padding-left: 20px; }.rtl .p-l-20 {  padding-right: 20px; }.rtl .p-20 {  padding: 20px; }.rtl .m-20 {  margin: 20px; }.rtl .m-t-25 {  margin-top: 25px; }.rtl .m-b-25 {  margin-bottom: 25px; }.rtl .m-r-25 {  margin-left: 25px; }.rtl .m-l-25 {  margin-right: 25px; }.rtl .p-t-25 {  padding-top: 25px; }.rtl .p-b-25 {  padding-bottom: 25px; }.rtl .p-r-25 {  padding-left: 25px; }.rtl .p-l-25 {  padding-right: 25px; }.rtl .p-25 {  padding: 25px; }.rtl .m-25 {  margin: 25px; }.rtl .m-t-30 {  margin-top: 30px; }.rtl .m-b-30 {  margin-bottom: 30px; }.rtl .m-r-30 {  margin-left: 30px; }.rtl .m-l-30 {  margin-right: 30px; }.rtl .p-t-30 {  padding-top: 30px; }.rtl .p-b-30 {  padding-bottom: 30px; }.rtl .p-r-30 {  padding-left: 30px; }.rtl .p-l-30 {  padding-right: 30px; }.rtl .p-30 {  padding: 30px; }.rtl .m-30 {  margin: 30px; }.rtl .m-t-40 {  margin-top: 40px; }.rtl .m-b-40 {  margin-bottom: 40px; }.rtl .m-r-40 {  margin-left: 40px; }.rtl .m-l-40 {  margin-right: 40px; }.rtl .p-t-40 {  padding-top: 40px; }.rtl .p-b-40 {  padding-bottom: 40px; }.rtl .p-r-40 {  padding-left: 40px; }.rtl .p-l-40 {  padding-right: 40px; }.rtl .p-40 {  padding: 40px; }.rtl .m-40 {  margin: 40px; }.rtl .m-0-0 {  margin: 0; }.rtl .m-t-0 {  margin-top: 0; }.rtl .m-r-0 {  margin-left: 0; }.rtl .m-b-0 {  margin-bottom: 0; }.rtl .m-l-0 {  margin-right: 0; }.rtl .p-0-0 {  padding: 0; }.rtl .p-t-0 {  padding-top: 0; }.rtl .p-r-0 {  padding-left: 0; }.rtl .p-b-0 {  padding-bottom: 0; }.rtl .p-l-0 {  padding-right: 0; }.rtl .left {  float: right !important; }.rtl .right {  float: left !important; }.rtl .ml-auto {  margin-right: auto !important;  margin-left: 0px !important; }.rtl .mr-auto {  margin-left: auto !important;  margin-right: 0px !important; }.rtl .b-l {  border-right: 1px solid rgba(120, 130, 140, 0.13);  border-left: none; }.rtl .b-r {  border-left: 1px solid rgba(120, 130, 140, 0.13);  border-right: none; }.rtl .dropdown-content li > a > i {  float: right;  margin: 0 0 0 10px; }.rtl .topbar nav {  padding-left: 10px;  padding-right: 0; }.rtl .topbar nav .nav-wrapper > ul.left {  margin-right: 250px;  margin-left: 0; }.rtl .topbar nav .mailbox.dropdown-content .message-center a .mail-contnet {  margin-right: 10px;  margin-left: 0; }.rtl .topbar nav ul.dropdown-user li .dw-user-box .u-text {  padding-right: 10px;  padding-left: 0; }.rtl .topbar nav .nav-wrapper .search-box .app-search .srh-btn {  left: 20px;  right: auto; }.rtl .breadcrumb:before {  content: '\E5CB'; }.rtl .left-sidebar .sidenav ul > li.small-cap {  margin: 20px 20px 0 0; }.rtl .left-sidebar .sidenav ul > li a > i.material-icons {  margin-right: 0;  margin-left: 10px; }.rtl .collapsible .has-arrow::after {  right: auto;  left: 1em; }.rtl .right-side-toggle {  left: 20px;  right: auto; }.rtl .right-sidebar .sidenav.right-sidenav .mailbox .message-center a .mail-contnet {  margin-left: 0;  margin-right: 10px; }.rtl .steamline {  border-left: none;  border-right: 1px solid rgba(120, 130, 140, 0.13);  margin-right: 20px;  margin-left: 0; }  .rtl .steamline .sl-left {    float: right;    margin-right: -20px;    margin-left: 15px; }  .rtl .steamline .sl-right {    padding-left: 0;    padding-right: 50px; }.rtl .css-bar > i {  margin-left: 0;  margin-right: 5px; }.rtl .order-widget .order .order-category:first-child {  padding-right: 0;  padding-left: 25px; }.rtl .chat-list li .chat-content,.rtl .comment-text {  padding-left: 0;  padding-right: 15px; }.rtl .chatbox .message-center a .mail-contnet {  margin-left: 0;  margin-right: 10px; }.rtl .profiletimeline {  padding-right: 40px;  padding-left: 0;  margin: 40px 30px 0 10px;  border-right: 1px solid rgba(120, 130, 140, 0.13);  border-left: none; }  .rtl .profiletimeline .sl-left {    float: right;    margin-right: -60px;    margin-left: 15px; }.rtl .dataTables_filter {  float: left; }.rtl .dataTables_wrapper .dataTables_paginate {  text-align: left; }.rtl .chat-list .chat-item .chat-content {  padding-right: 15px;  padding-left: 0; }.rtl .chat-list .chat-item .chat-time {  margin: 5px 65px 15px 0; }.rtl .chat-list .chat-item.odd .chat-content,.rtl .chat-list .chat-item.odd .chat-time {  text-align: left; }.rtl .chat-windows .user-chat .chat-head .status {  left: auto;  right: 10px; }.rtl .chat-windows .user-chat .chat-head img {  margin: -4px 0 0 8px; }.rtl .chat-windows .user-chat .chat-head i {  float: left; }.rtl .chat-list li.odd .chat-content {  text-align: left; }.rtl .chat-list li.odd .chat-time {  text-align: left; }.rtl .lobilists .lobilist-actions {  right: auto;  left: 8px; }.rtl .lobilists .lobilist-item .todo-actions {  right: auto;  left: 4px; }.rtl .lobilists .lobilist-check {  left: auto;  right: 12px; }.rtl .lobilists .lobilist-item,.rtl .lobilists .lobilist-item-placeholder {  padding-left: 0;  padding-right: 35px; }.rtl .lobilists .lobilist-item .drag-handler {  left: auto;  right: 0; }.rtl .lobilists .lobilist-wrapper,.rtl .lobilists .lobilist-placeholder {  margin-left: 16px;  margin-right: 0; }.rtl .minicolors .minicolors-grid {  right: 22px;  left: auto; }.rtl .minicolors-theme-bootstrap .minicolors-swatch {  right: auto;  left: 3px; }.rtl .wizard > .steps > ul > li,.rtl .wizard > .actions > ul > li {  float: right; }.rtl .wizard-content .wizard > .steps > ul > li:after {  right: auto;  left: 0; }.rtl .wizard-content .wizard > .steps > ul > li:before {  left: auto;  right: 0; }.rtl .wizard-content .wizard.vertical > .steps {  float: right; }.rtl .left-part {  border-left: 1px solid rgba(120, 130, 140, 0.13);  border-right: none; }  .rtl .left-part .show-left-part {    left: -46px;    right: auto; }.rtl .right-part {  margin-right: 260px;  margin-left: 0; }.rtl .reverse-mode .left-part {  right: auto;  left: 0;  border-right: 1px solid rgba(120, 130, 140, 0.13);  border-left: none; }.rtl .reverse-mode .show-left-part {  left: auto;  right: -41px; }.rtl .reverse-mode .right-part {  margin-right: 0px;  margin-left: 260px; }.rtl #main-wrapper[data-layout="vertical"] {  /*sidebar type*/ }  .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="full"] .page-wrapper {    margin-right: 250px;    margin-left: 0; }  .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .page-wrapper,  .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="iconbar"] .topbar nav ul.left {    margin-right: 200px;    margin-left: 0; }  .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="overlay"] .left-sidebar {    right: -250px;    left: auto; }  .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="overlay"].show-sidebar .left-sidebar {    right: 0;    left: auto; }@media (min-width: 767px) {  .rtl #main-wrapper[data-layout="vertical"] {    /*Sidebar position*/    /*Fixed sidebar with minisidebar*/ }    .rtl #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="full"] .topbar nav ul.left, .rtl #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="overlay"] .topbar nav ul.left {      margin-right: 250px;      margin-left: 0; }    .rtl #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar nav ul.left {      margin-right: 70px;      margin-left: 0; }    .rtl #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="iconbar"] .topbar nav ul.left {      margin-right: 200px;      margin-left: 0; }    .rtl #main-wrapper[data-layout="vertical"][data-sidebar-position="fixed"][data-sidebartype="mini-sidebar"] .topbar nav ul.left {      margin-right: 70px;      margin-left: 0; }    .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .page-wrapper {      margin-right: 70px;      margin-left: 0; }    .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .topbar nav ul.left {      margin-right: 70px; }    .rtl #main-wrapper[data-layout="vertical"][data-sidebartype="mini-sidebar"] .left-sidebar .sidenav .user-profile .user-name .name i {      margin-left: 0; } }@media (max-width: 1023px) {  .rtl #main-wrapper[data-sidebartype="mini-sidebar"].show-sidebar .topbar nav .nav-wrapper ul.left {    margin-right: 70px;    margin-left: 0; }  .rtl #main-wrapper[data-sidebartype="overlay"] .topbar nav .nav-wrapper ul.left {    margin-right: 70px;    margin-left: 0; } }@media (max-width: 766px) {  .rtl #main-wrapper[data-sidebartype="mini-sidebar"] .left-sidebar {    right: -250px;    left: auto; }  .rtl #main-wrapper[data-sidebartype="mini-sidebar"] .topbar nav ul.left {    margin-right: 70px;    margin-left: 0; }  .rtl #main-wrapper.show-sidebar .left-sidebar {    right: 0;    left: auto; }  .rtl .left-part {    right: -260px;    left: auto; }    .rtl .left-part.show-panel {      right: 0px;      left: auto; }  .rtl .right-part {    margin-right: 0px; } }
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-justify {text-align: justify;}input[type=text] {color: #0F52BA;
}
select {color: #0F52BA;
border: none;border-radius: 8px;}
::placeholder {color: red;font-size:12px;opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: red;font-size:12px;
}
::-ms-input-placeholder { /* Microsoft Edge */
 color: red;font-size:12px;
}
.rch{color:maroon;font-weight: bold;font-style: oblique;}
.chg{color:green;font-weight: bold;font-style: oblique;}
.chl{color:#0F52BA;font-weight: bold;font-style: oblique;}
.ksc{font-family: 'kaushan_script';font-style: cursive;}
.btn.save, .btn.save:active {background-color: white;color: #0F52BA;border-radius: 12px;border: 2px solid #0F52BA;display: inline-block;
transition-duration: 0.4s;}.btn.save:hover {background-color: #0F52BA;color: white;}
.btn.review, .btn.review:active {background-color: white;color: #ff6600;border-radius: 12px;border: 2px solid #FF6600;display: inline-block;
transition-duration: 0.4s;}.btn.review:hover {background-color: #ff6600;color: white;}
.btn.savereview, .btn.savereview:active {background-color: white;color: #ff6600;border-radius: 12px;border: 2px solid #0F52BA;display: inline-block;
transition-duration: 0.4s;}.btn.savereview:hover {border-radius: 12px;border: 2px solid #FF6600;display: inline-block;
transition-duration: 0.4s;background-color: #0F52BA;color: #fff;}
.btn.clear, .btn.clear:active {background-color: white;color: #000;border-radius: 12px;border: 2px solid #000;display: inline-block;
transition-duration: 0.4s;}.btn.clear:hover {background-color: #000;color: white;}
.btn.submit, .btn.submit:active {background-color: white;color: green;border-radius: 12px;border: 2px solid green;display: inline-block;transition-duration: 0.4s;}.btn.submit:hover {background-color: green;color: white;}
.h21{color:black;}
.h22{color: red;}
.h24{color: green;}
.coan{background :Green;}
.wran{background :#000000;}
.wron{background :red;}
.pca{background :#5CDF24;}
.tbe{background :#FF6600;}
.skan{background :#0F52BA;}
.coan,.wran,.wron,.pca,.tbe,.skan{color: white;}
.l15{color: #0F52BA;font-size: 15px;font-weight:normal;}
.l20{color: #0F52BA; font-size: 20px;font-weight:normal;}
.c15f{color: red;font-size: 30px;font-weight:normal;}
label:hover{cursor: pointer;}
.nC{justify-content: center;align-items: center;display:inline-block;border-radius:50%;font-size:14px;color:#fff;border: 2px solid #fff;padding:2%;}
.nST,.nSC,.nSW,.nSS,.nSP,.nSE{justify-content: center;align-items: center;display:inline-block;border-radius:25%;font-size:14px;color:#fff;border: 2px solid #fff;padding:2%;}
.nST{background:#0F52BA;box-shadow: 0 0 0 3px #0F52BA;}
.nSC{background:#008000;box-shadow: 0 0 0 3px #008000;}
.nSS{background:#000;box-shadow: 0 0 0 3px #000;}
.nSW{background:Red;box-shadow: 0 0 0 3px Red;}
.nSE{background:#FF6600;box-shadow: 0 0 0 3px #FF6600;}
.nSP{background:#5CDF24;box-shadow: 0 0 0 3px #5CDF24;}